.spec{max-width:1200px;padding:var(--s-5) clamp(16px, 4vw, 48px) var(--s-9);margin:0 auto}.spec-head{align-items:center;gap:var(--s-5);padding-bottom:var(--s-4);border-bottom:1px solid var(--ink);flex-wrap:wrap;display:flex}.spec-head>div{flex:1}.spec-sec{padding:var(--s-6) 0;border-bottom:var(--border);gap:var(--s-4);display:grid}.spec-h{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:500}.spec-row{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.marks{align-items:stretch}.mark-tile{gap:var(--s-3);padding:var(--s-5);border:var(--border);border-radius:var(--r-2);background:var(--surface);flex:1;align-content:space-between;justify-items:start;min-width:220px;display:grid}.mark-tile.inverse{color:#f1f1ec;--accent:#8ca5ff;background:#121212}.mark-tile.inverse .label{color:#b0b0a8}.type-stack{gap:4px;display:grid}.type-stack>p{margin-top:var(--s-4)}.type-stack .display{margin:0}.swatches{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.swatches li{gap:4px;display:grid}.sw{border-radius:var(--r-2);border:var(--border);height:72px}.status-table{gap:0;margin:0;padding:0;list-style:none;display:grid}.status-table li{align-items:center;gap:var(--s-3);border-top:var(--border);grid-template-columns:190px 40px 160px 1fr;padding:10px 0;display:grid}.spec-focus{box-shadow:var(--focus)}.spec-fields{max-width:900px}.icons{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin:0;padding:0;list-style:none;display:grid}.icons li{padding:var(--s-3);border:var(--border);border-radius:var(--r-2);background:var(--surface);justify-items:center;gap:6px;display:grid}.comp-grid{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.comp-grid .panel{gap:var(--s-2);align-content:start;margin:0;display:grid}.rules{gap:6px;max-width:80ch;margin:0;padding-left:18px;display:grid}@media (width<=760px){.comp-grid{grid-template-columns:1fr}.status-table li{grid-template-columns:1fr auto}.status-table li>span:nth-child(3){display:none}.status-table li>.muted{grid-column:1/-1}}.mark-tile.inverse .wordmark{color:#f1f1ec}.mark-tile{overflow:hidden}.spec-row{flex-wrap:wrap;min-width:0}.spec-h{overflow-wrap:anywhere}.spec,.spec *{max-width:100%}.comp-grid>*,.comp-grid .panel>*{min-width:0}@media (width<=760px){.comp-grid .rm-row{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.comp-grid .rm-row>.due,.comp-grid .rm-row>.chip{grid-column:1/-1}}