.cs-main h1{max-width:26ch!important}.cs-intro{padding:0}.cs-intro>p:not(.cu-eyebrow){max-width:80ch;color:var(--cu-muted)}
.cs-families,.cu-standard-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}
.cs-family-link{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--cu-line);border-radius:8px;text-decoration:none;line-height:1.4}.cs-family-link span{font-size:14px;color:var(--cu-muted)}.cs-family-link[aria-current=true]{border-color:#914a2b;background:#f9f5f0}
.cs-selector{padding:28px 0}.cs-selector>h2{scroll-margin-top:90px}.cs-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:24px 0 16px}.cs-filters[hidden],.cs-card[hidden],#cs-empty[hidden]{display:none!important}
.cs-filters label{display:flex;flex-direction:column;gap:8px;font-size:14px;flex:1;min-width:210px}.cs-filters select,.cs-filters button{min-height:48px;background:#fff;border:1px solid #aebec5;border-radius:5px;padding:10px 12px;color:var(--cu-ink);font:inherit}.cs-filters button{cursor:pointer;min-width:150px}
.cs-count{font-size:14px;font-weight:600}.cs-context{font-size:14px;color:var(--cu-muted);max-width:85ch}
.cs-matrix>p,.cs-guide>p{max-width:85ch}.cs-table-scroll{overflow:auto;border:1px solid var(--cu-line);border-radius:8px;margin:18px 0}.cs-matrix table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px;line-height:1.5}.cs-matrix caption{padding:15px;text-align:left;font-size:13px;color:var(--cu-muted);caption-side:bottom}.cs-matrix th,.cs-matrix td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--cu-line)}.cs-matrix th{color:var(--cu-ink);font-weight:650}.cs-matrix thead th{background:#f0f3f3;vertical-align:top}.cs-matrix tbody th{white-space:nowrap}.cs-matrix td a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;white-space:nowrap}.cs-matrix td a span{font-size:12px}.cs-table-hint{font-size:13px;color:var(--cu-muted)}
.cs-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:28px 0 0}.cs-guide-grid article{border-top:2px solid #b47b5d;padding-top:20px;min-width:0}.cs-guide-grid p{font-size:15px}.cs-guide-grid ul{list-style:none;padding:0;margin:0;font-size:14px}.cs-guide-grid a{display:flex;min-height:44px;align-items:center}.cs-faq details{border-block-end:1px solid var(--cu-line);padding:12px 0}.cs-faq summary{padding:8px 0;font-weight:600;cursor:pointer}.cs-faq details p{font-size:15px;max-width:80ch;margin:14px 0}.cs-faq>.cs-context{margin-top:24px}
.cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.cs-card{border:1px solid var(--cu-line);border-radius:10px;padding:22px;min-width:0;scroll-margin-top:90px;background:#fff}.cs-card:target{border-color:#914a2b;box-shadow:0 0 0 2px #e8d4c4}.cs-card h3{font-size:21px;line-height:1.3;min-height:2.6em;margin:0 0 15px}.cs-card h3 a{color:var(--cu-ink);text-decoration:none}.cs-card h3 a:hover{text-decoration:underline}
.cs-media{display:grid;grid-template-columns:1fr;gap:12px}.cs-media figure{margin:0;min-width:0}.cs-media img{display:block;width:100%;height:auto;object-fit:contain}.cs-render{background:#f0f1ed;border-radius:6px}.cs-render img{aspect-ratio:16/9;max-height:225px}.cs-drawing img{aspect-ratio:2.15;max-height:180px;background:#fff}.cs-media figcaption{font-size:12px;line-height:1.4;padding:5px 10px;color:#536873}.cs-drawing{border:1px solid #e3e7e8;border-radius:6px}
.cs-summary{font-size:14px;margin:18px 0}.cs-summary>div,.cs-values>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--cu-line)}.cs-summary dt,.cs-values dt{color:var(--cu-muted);flex:1}.cs-summary dd,.cs-values dd{margin:0;flex:1;text-align:right}.cs-values{font-size:14px}.cs-values small{display:block;font-size:12px}.cs-symbol{font-weight:600;color:var(--cu-ink);white-space:nowrap}
.cs-card details{border-top:1px solid var(--cu-line);padding:4px 0}.cs-card summary{padding:12px 0;cursor:pointer;font-size:15px;font-weight:600}.cs-card details p,.cs-card details>a{font-size:14px;line-height:1.5;margin:10px 0 16px}.cs-card h4{font-size:16px;margin:16px 0 10px}.cs-card-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:14px}.cs-card-links a{font-size:13px;min-height:44px;display:flex;align-items:center}
.cs-conflict{font-size:14px;background:#fff4e6;border-left:3px solid #a65c2f;padding:12px;margin:14px 0!important}.cs-conflict-value{color:#873e15;font-size:13px}
.cs-size-comparison{display:flex;flex-direction:column;justify-content:center;min-height:44px;gap:2px;text-decoration:none}.cs-size-comparison>small{font-size:12px;font-weight:400;text-decoration:underline;text-underline-offset:3px}.cs-model-comparison{border-top:1px solid var(--cu-line);margin-top:10px;padding-top:8px}.cs-compare-link{display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px;line-height:1.5}.cs-compare-link>.material-symbols-outlined{flex:none;font-size:22px}.cs-comparison-note{border-left:3px solid var(--cu-line);padding-left:16px;font-size:15px;line-height:1.6;max-width:85ch}.cs-size-comparison:focus-visible,.cs-compare-link:focus-visible,#models:focus-visible{outline:2px solid var(--cu-ink);outline-offset:4px}
.cu-standard-families article{border:1px solid var(--cu-line);border-radius:8px;padding:18px;min-width:0}.cu-standard-families img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f0f1ed;border-radius:6px;margin-bottom:18px}.cu-standard-families p{font-size:15px;color:var(--cu-muted)}.cu-standard-families article>a:last-child{font-size:14px;min-height:44px;display:flex;align-items:center}
html[data-theme=dark] .cs-family-link[aria-current=true],html[data-theme=dark] .cs-card,html[data-theme=dark] .cs-filters select,html[data-theme=dark] .cs-filters button{background:var(--bg-elevated,#162731);color:var(--cu-ink)}
html[data-theme=dark] .cs-conflict{background:#392c20;color:#f4dcc0}html[data-theme=dark] .cs-conflict-value{color:#f4c79e}
html[data-theme=dark] .cs-matrix thead th{background:var(--bg-elevated,#162731)}
@media(max-width:760px){.cs-guide-grid{grid-template-columns:1fr}.cs-matrix th,.cs-matrix td{padding:10px 12px}.cs-matrix tbody th{position:sticky;left:0;background:#fff;z-index:1}html[data-theme=dark] .cs-matrix tbody th{background:var(--bg-elevated,#162731)}}
@media(max-width:760px){.cs-grid{grid-template-columns:1fr}.cs-families,.cu-standard-families{grid-template-columns:1fr}.cs-families{gap:8px}.cs-family-link{flex-direction:row;justify-content:space-between;align-items:center;padding:14px;font-size:15px}.cs-family-link span{white-space:nowrap}.cs-card{padding:17px}.cs-card h3{min-height:0}.cs-filters label{min-width:100%}.cs-filters button{width:100%}.cs-main h1{font-size:32px!important}.cs-render img{max-height:none}.cs-drawing img{max-height:none}.cs-summary dd{overflow-wrap:anywhere}}
