.content-page{max-width:960px;padding-block:var(--page-padding) var(--space-20);min-height:65vh}.content-page.wide{max-width:var(--content-width)}.content-page-heading{margin-bottom:var(--space-12)}.content-page-heading h1{margin:0 0 var(--space-6)}.content-page .content-page-heading p{font-size:var(--text-lead);max-width:650px}.content-page section:not(.surface-card){padding-block:var(--space-10)}.content-page h2{margin:0 0 var(--space-5)}.content-page h3{margin:var(--space-4) 0 var(--space-2)}:where(.content-page) p{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);max-width:760px}.content-page a:not(.button):not(.asset-preview){color:var(--blue)}.content-page :is(p,li,td) a{text-decoration:underline}.content-page .link-row{flex-wrap:wrap;gap:16px 28px;margin-top:22px;display:flex}.content-page .link-row a{font-size:var(--text-reading);font-weight:550;text-decoration:none}.content-page .link-row a:is(:hover,:focus-visible){text-decoration:underline}.content-page pre{border-radius:var(--radius-control);padding:var(--card-padding);background:var(--code-bg);color:var(--code-ink);margin-block:var(--space-6);font-size:var(--text-small);line-height:var(--leading-body);overflow-x:auto}.content-page code{font-family:ui-monospace,monospace}.content-page details{border-top:1px solid var(--line);padding-block:20px}.content-page details summary{font-size:18px;font-weight:500}.content-page details[open] summary{margin-bottom:20px}.arch-flow{gap:var(--card-gap);margin-block:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.arch-card{grid-row:span 2;grid-template-rows:subgrid;text-decoration:none}.arch-score strong{color:var(--ink)}.reference-table th{padding:var(--space-3) var(--space-5);text-align:left;background:var(--surface);color:var(--surface-ink);white-space:nowrap;font-weight:600}.arch-coverage{margin-block:var(--space-6)}.arch-coverage .arch-gap td:last-child{color:var(--warning)}.arch-orgs{gap:var(--card-gap);margin-block:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));display:grid}.arch-org h3{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);display:flex}.arch-org p,.arch-card p{margin:0}.reference-table{border-collapse:collapse;width:100%;font-size:16px}.reference-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted);overflow-wrap:break-word;line-height:1.7}.reference-table td:first-child{width:30%;color:var(--ink);white-space:nowrap}.reference-table tr:last-child td{border-bottom:0}@media (width<=650px){.reference-table{max-width:100%;display:block;overflow-x:auto}.reference-table :is(td,th){padding:var(--space-3)}}.brand-grid{gap:var(--card-gap);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.asset-preview{height:180px;padding:var(--card-padding);border-radius:var(--radius-card);background:#eff2ec;justify-content:center;align-items:center;display:flex}.asset-preview img{object-fit:contain;max-width:100%;max-height:120px}.brand-grid .asset-title{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:16px;display:flex}.brand-grid .asset-title a{font-size:14px;text-decoration:none}.brand-grid .asset-title span{gap:9px;display:flex}.palette{grid-template-columns:repeat(5,1fr);gap:14px;margin-block:25px;display:grid}.palette .swatch{border-radius:var(--radius-control);border:1px solid #17272310;height:88px;margin-bottom:12px}.palette strong{font-size:14px;font-weight:500;display:block}.palette code{color:var(--muted);font-size:14px}.type-sample{letter-spacing:-.04em;color:var(--ink)!important;font-size:36px!important}.release-card{margin-bottom:var(--space-8)}.release-card h2{flex-wrap:wrap;align-items:baseline;gap:20px;display:flex}.release-card h2 small{color:var(--muted);letter-spacing:0;font-size:16px;font-weight:400}@media (width<=650px){.content-page{padding-bottom:var(--space-16)}.content-page-heading{margin-bottom:var(--space-8)}.arch-flow{grid-template-columns:1fr}.brand-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.brand-grid>div:first-child{grid-column:1/-1}.palette{grid-template-columns:repeat(3,1fr);gap:20px 12px}.asset-preview{height:150px}.reference-table td:first-child{overflow-wrap:anywhere;width:36%}.type-sample{font-size:27px!important}}.tool-stats{gap:var(--space-2) var(--space-6);color:var(--muted);margin:0 0 var(--space-6);flex-wrap:wrap;display:flex;font-size:var(--text-reading)!important}.tool-stats strong{color:var(--ink);font-weight:600}.tool-toolbar{top:var(--header-height);z-index:30;gap:var(--space-3);padding:var(--space-4);margin-inline:calc(-1 * var(--space-4));border-radius:var(--radius-card);background:color-mix(in srgb, var(--paper) 94%, transparent);backdrop-filter:blur(8px);border:1px solid var(--line);display:grid;position:sticky}.tool-search{align-items:center;gap:var(--space-3);display:flex}.tool-search .field-control{flex:1;min-width:0}.tool-search-icon{color:var(--muted);flex:none}.tool-filter-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.content-page details.filter-menu{border:0;padding:0;position:relative}.content-page details.filter-menu>summary{font-size:var(--text-small);margin:0;font-weight:550}.filter-menu>summary{cursor:pointer;list-style:none}.filter-menu>summary::-webkit-details-marker{display:none}.filter-chevron{transition:rotate var(--motion-fast) var(--motion-ease)}.filter-menu[open] .filter-chevron{rotate:180deg}.filter-menu.is-active>summary,.filter-toggle.is-active{--button-bg:var(--action-soft-bg);--button-border:var(--blue);--button-hover:var(--action-soft-hover)}.filter-badge{border-radius:var(--radius-round);background:var(--blue);min-width:22px;color:var(--action-ink);text-align:center;padding:0 6px;font-weight:600}.filter-panel{left:0;top:calc(100% + var(--space-2));z-index:5;width:min(320px, calc(100vw - 2 * var(--page-gutter)));max-height:min(420px,60vh);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--surface-shadow);position:absolute;overflow-y:auto}.filter-option{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);cursor:pointer;font-size:var(--text-reading);color:var(--ink);display:flex}.filter-option:hover,.filter-option:has(input:focus-visible){background:var(--surface)}.filter-option input{width:18px;height:18px;accent-color:var(--blue);flex:none;margin:0}.filter-option>svg{color:var(--muted);flex:none}.filter-option-label{flex:1;min-width:0}.filter-option-count{color:var(--muted);font-variant-numeric:tabular-nums}.filter-logo{object-fit:contain;flex:none;width:18px;height:18px}html[data-theme=dark] .filter-logo[src$=github\.svg]{filter:invert()}.tool-active{gap:var(--space-2);flex-wrap:wrap;display:flex}.tool-chip{align-items:center;gap:var(--space-1);min-height:32px;padding:0 var(--space-3);border:1px solid var(--blue);border-radius:var(--radius-round);background:var(--action-soft-bg);color:var(--blue);font:inherit;font-size:var(--text-small);cursor:pointer;display:inline-flex}.tool-chip:after{content:"×";font-size:1.1em;line-height:1}.tool-chip:hover{background:var(--action-soft-hover)}.tool-count{color:var(--muted);margin-block:var(--space-6) var(--space-3);font-size:var(--text-reading)!important}.tool-defs{margin:0 0 var(--space-6);gap:var(--space-1);color:var(--muted);padding:0;list-style:none;display:grid}.tool-defs code{color:var(--ink)}.tool-grid{gap:var(--space-6);margin-top:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));display:grid}.tool-entry{gap:var(--space-3);overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.tool-entry[hidden]{display:none}.tool-entry h2,.tool-entry p{margin:0}.tool-tags,.tool-caps{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tool-tags{margin-top:auto}.tool-tag,.tool-cap{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-round);font-size:var(--text-reading);line-height:1.5;display:inline-flex}.tool-tag{background:var(--paper);color:var(--surface-ink)}.tool-tag>svg{flex:none}.tool-tag-accent{background:var(--action-soft-bg);color:var(--blue)}.tool-tag-ok{color:var(--surface-ink)}.tool-tag-spec{color:var(--muted)}.tool-tag-warn{color:var(--warning)}.tool-cap{font-family:var(--font-mono,ui-monospace, monospace);border:1px solid color-mix(in srgb, currentColor 30%, transparent);background:0 0}.tool-cap-substrate{color:var(--muted)}.tool-empty{padding:var(--space-6);border:1px dashed var(--line);border-radius:var(--radius-card);text-align:center;color:var(--muted)}@media (width<=650px){.tool-toolbar{margin-inline:0;position:static}.filter-panel{left:var(--page-gutter);right:var(--page-gutter);width:auto;position:fixed;top:auto}}
