.sub-title{color:var(--muted);margin:40px 0 12px;font-size:13px;font-weight:600}.formats{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.formats code{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--ink-2);padding:1px 8px;font-size:12px}.cat-block{border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;padding:28px;display:grid}.cat-block h3{margin:0;font-size:22px;line-height:1.4}.cat-block h3 a{color:var(--ink);text-decoration:none}.cat-block h3 a:hover{color:var(--accent)}.cat-block-main p{color:var(--ink-2);margin:6px 0 0}.cat-block-main .cat-count{color:var(--muted);font-family:var(--mono);margin:12px 0 16px;font-size:13px}.cat-tools{border-top:1px solid var(--border);align-self:start;margin:0;padding:0;list-style:none}.cat-tools li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.cat-tools a{color:var(--ink);font-weight:600;text-decoration:none}.cat-tools a:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.cat-tools .is-upcoming{color:var(--muted)}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0 1px 1px 0;list-style:none;display:grid}.cat-grid li{border:1px solid var(--border);align-content:start;gap:2px;margin:0 -1px -1px 0;padding:14px 16px;display:grid}.cat-cell-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cat-cell-name{color:var(--ink-2);font-weight:600}.cat-cell-desc{color:var(--muted);font-size:13px}.feature-list{margin:0;padding:0;list-style:none}.feature{border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 40px;padding:28px;display:grid}.feature+.feature{margin-top:12px}.feature .kicker a{color:inherit}.feature h3{margin:0;font-size:22px;line-height:1.4}.feature h3 a{color:var(--ink);text-decoration:none}.feature h3 a:hover{color:var(--accent)}.feature-main>p{max-width:640px;color:var(--ink-2);margin:8px 0 0}.about{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;padding-top:40px;display:grid}.about h2{margin:0 0 12px;font-size:22px}.about p{color:var(--ink-2);margin:0}.about-list{margin:0}.about-list>div{border-bottom:1px solid var(--border);grid-template-columns:7em minmax(0,1fr);gap:12px;padding:12px 0;font-size:14px;display:grid}.about-list>div:first-child{padding-top:0}.about-list dt{font-weight:600}.about-list dd{color:var(--ink-2);margin:0}.explain{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;display:grid}.explain-text p{margin:0 0 12px;font-size:16px}.explain-flow{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.explain-flow li{border-bottom:1px solid var(--border);grid-template-columns:7em minmax(0,1fr);gap:12px;padding:12px 0;font-size:14px;display:grid}.explain-flow strong{font-weight:600}.explain-flow span,.row-title.is-muted{color:var(--ink-2)}.upcoming-label{color:var(--muted);margin:28px 0 8px;font-size:13px;font-weight:600}.upcoming{margin:0;padding:0;list-style:none}.upcoming li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:10px 0;font-size:14px;display:flex}.upcoming li:first-child{border-top:1px solid var(--border)}.upcoming-name{color:var(--ink-2);font-weight:600}.upcoming-desc{min-width:240px;color:var(--muted);flex:1}.how{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px;margin:0;padding:0;list-style:none;display:grid}.how li{border-top:1px solid var(--border-strong);padding-top:16px}.how-num{color:var(--accent);font-family:var(--mono);font-size:13px;font-weight:700;display:block}.how-title{margin:4px 0 6px;font-size:17px;font-weight:700;display:block}.how-text{color:var(--ink-2);margin:0;font-size:14px}.spec-status{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-wrap:wrap;gap:4px 20px;margin:0 0 20px;padding:12px 16px;font-size:13px;display:flex}.spec-status dt{color:var(--muted);display:inline}.spec-status dd{font-family:var(--mono);margin:0 0 0 6px;display:inline}.changelog{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.changelog li{border-bottom:1px solid var(--border);grid-template-columns:7.5em 6em minmax(0,1fr);gap:4px 16px;padding:14px 0;display:grid}.changelog time{color:var(--muted);font-family:var(--mono);font-size:13px;line-height:24px}.changelog .tag{place-self:start;margin-top:1px}.tag-spec{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:var(--accent)}.change-title{font-weight:600}.change-desc{color:var(--muted);margin:2px 0 0;font-size:14px}.guide{padding-top:48px}.guide-head h1{letter-spacing:-.01em;margin:0;font-size:clamp(26px,3.6vw,34px);line-height:1.35}.guide-meta{color:var(--muted);font-family:var(--mono);margin:10px 0 0;font-size:13px}.guide-body{margin-top:32px;font-size:16px;line-height:1.9}.guide-body h2{border-top:1px solid var(--border);margin:48px 0 12px;padding-top:24px;font-size:20px;line-height:1.5}.guide-body p,.guide-body ul,.guide-body ol{margin:0 0 16px}.guide-body li+li{margin-top:6px}.guide-body code{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.guide-table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:14px;line-height:1.7}.guide-table th,.guide-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.guide-table th{color:var(--muted);font-size:12px;font-weight:600}.guide-note{border-left:3px solid var(--border-strong);background:var(--surface-2);color:var(--ink-2);padding:12px 16px;font-size:14px}.guide-cta{border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:48px;padding:20px 24px;display:flex}.guide-cta p{margin:0}.guide-cta strong{display:block}.guide-cta span{color:var(--muted);font-size:14px}@media (max-width:760px){.cat-block,.feature,.about,.explain,.how{grid-template-columns:1fr}.cat-block,.feature{padding:20px 16px}.feature-action .btn{width:100%}.how{gap:20px}.changelog li{grid-template-columns:auto 1fr}.changelog li>div{grid-column:1/-1}.about-list>div,.explain-flow li{grid-template-columns:1fr;gap:0}.guide-cta .btn{width:100%}.guide-table{font-size:13px}}
