.code-catalog,.code-page{max-width:1208px;margin:0 auto;padding:72px 36px 100px}.code-catalog h1,.code-page h1{font:650 clamp(36px,5vw,58px)/1.18 var(--serif);letter-spacing:-.035em;color:var(--color-text-primary);margin:12px 0 20px}.catalog-lede{max-width:760px;font-size:17px;line-height:1.8}.code-filters{display:flex;flex-wrap:wrap;gap:20px;margin:38px 0 14px}.code-filters label{font-size:12px;font-weight:700;color:var(--color-text-secondary);flex:1;min-width:220px}.code-filters select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--color-border);border-radius:3px;background:#fff;color:var(--color-text-primary);font:inherit}.code-filters input{max-width:none}.code-group{padding:32px 0;border-top:1px solid var(--color-border)}.code-group .section-heading{margin-bottom:18px}.code-group h2{font:650 28px/1.3 var(--serif);margin:10px 0;color:var(--color-text-primary)}.code-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.code-item{display:flex;flex-direction:column;gap:7px;border:1px solid var(--color-border);background:var(--color-bg-card);padding:17px;text-decoration:none;min-width:0}.code-item:hover,.code-item:focus-visible{border-color:var(--color-accent);background:var(--color-accent-light)}.code-item small{font-size:11px;color:var(--color-accent);overflow-wrap:anywhere}.code-item strong{font-size:15px;color:var(--color-text-primary);overflow-wrap:anywhere}.code-item span{font-size:12px;line-height:1.6;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.boundary-note{border-left:3px solid var(--color-accent);background:var(--color-primary-light);padding:12px 16px;font-size:13px;line-height:1.75;max-width:860px}.code-page .source-path{font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;color:var(--color-text-secondary)}.code-intro{max-width:850px;padding:25px 0;border-top:1px solid var(--color-divider)}.code-intro h2,.code-source h2{font:650 26px/1.3 var(--serif);color:var(--color-text-primary);margin:0 0 16px}.code-intro p,.code-intro li{line-height:1.8}.symbol-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 25px;padding-left:25px}.symbol-list li{font-size:13px;overflow-wrap:anywhere}.symbol-list a{color:#9b3924}.symbol-list small{display:block;color:var(--color-text-secondary)}.code-source{padding:30px 0;border-top:1px solid var(--color-border)}.source-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.source-toolbar button{background:#fff;border:1px solid var(--color-border);padding:7px 11px;color:var(--color-text-primary);font-size:12px}.source-toolbar button:hover{border-color:var(--color-accent)}.code-source pre{margin:8px 0;padding:16px 0;overflow:auto;max-height:min(78vh,960px);border:1px solid var(--color-border);background:#f4f3ef;color:#202b30;tab-size:4;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.source-line{display:flex;width:max-content;min-width:100%;white-space:pre}.source-line:target{background:#fce8df}.line-number{display:inline-block;position:sticky;left:0;flex:none;min-width:55px;text-align:right;padding:0 13px 0 6px;color:#68747a;background:#ecebe6;border-right:1px solid var(--color-border);text-decoration:none;user-select:none}.source-line>span{padding:0 16px}@media(max-width:900px){.code-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.code-catalog,.code-page{padding:45px 20px 75px}.code-items,.symbol-list{grid-template-columns:1fr}.code-source pre{font-size:11px}.source-toolbar{align-items:start;flex-direction:column}}