.kit-page{--kit-max: 1180px;background:#0b0e12}.kit-shell{width:min(var(--kit-max),calc(100% - 56px));margin:0 auto;padding:112px 0 0}.kit-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:64px;align-items:end}.eyebrow,.section-index{color:var(--amber);font:700 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.kit-copy h1{max-width:18ch;margin-top:14px;font:800 clamp(42px,6.4vw,76px)/.98 var(--sans);letter-spacing:-.055em;text-wrap:balance}.kit-lede{max-width:64ch;margin-top:25px;color:var(--ink-2);font-size:17px}.kit-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.kit-actions .btn{min-height:44px}.kit-facts{border-top:1px solid var(--rule)}.kit-facts div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--rule)}.kit-facts dt{color:var(--ink-2);font:650 11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.kit-facts dd{color:var(--ink);font:700 14px var(--mono)}.kit-section{margin-top:104px}.section-heading{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:46px;align-items:end;padding-top:16px;border-top:1px solid var(--rule)}.section-heading h2,.kit-download h2{margin-top:8px;font:760 clamp(26px,3.4vw,40px)/1.08 var(--sans);letter-spacing:-.035em;text-wrap:balance}.section-heading>p,.kit-download>div>p:last-child{max-width:64ch;color:var(--ink-2)}.theme-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.theme-preview{min-width:0;overflow:hidden;border:1px solid #cbd5e1;background:#fff;color:#0f172a}.theme-preview>header{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid #cbd5e1}.theme-preview header strong{font:750 13px var(--sans)}.theme-preview header span{color:#475569;font:650 10.5px var(--mono)}.theme-preview.dark-preview{border-color:#334155;color:#f8fafc;background:#0d0f17}.dark-preview>header{border-color:#334155}.dark-preview header span{color:#94a3b8}.design-graph{height:430px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.role-grid>section{min-width:0;border:1px solid var(--rule);background:var(--panel)}.role-grid h3{padding:15px 18px;border-bottom:1px solid var(--rule);font:700 14px var(--sans)}.role-list{display:grid;grid-template-columns:1fr 1fr}.role-item{display:flex;align-items:center;min-width:0;min-height:54px;gap:12px;padding:10px 16px;border-bottom:1px solid var(--rule)}.role-item:nth-child(odd){border-right:1px solid var(--rule)}.role-item:nth-last-child(-n+2){border-bottom:0}.role-item code{color:var(--ink);font:650 12px var(--mono);overflow-wrap:anywhere}.role-node{width:18px;height:18px;flex:0 0 18px;background:var(--role-color);border:1px solid color-mix(in srgb,var(--role-color) 55%,white)}.role-node.circle{border-radius:50%}.role-node.square{border-radius:2px}.role-node.diamond{transform:rotate(45deg) scale(.78)}.role-node.triangle{width:0;height:0;border:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:18px solid var(--role-color);background:transparent}.role-node.hexagon{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)}.edge-role-list{grid-template-columns:1fr}.edge-role-list .role-item{border-right:0;border-bottom:1px solid var(--rule)}.edge-role-list .role-item:last-child{border-bottom:0}.role-edge{width:42px;height:14px;flex:0 0 42px;position:relative}.role-edge:before{content:"";position:absolute;left:0;right:4px;top:6px;height:var(--edge-width, 2px);background:var(--role-color);border-radius:999px}.role-edge[data-arrow=true]:after{content:"";position:absolute;right:0;top:3px;border-left:6px solid var(--role-color);border-block:4px solid transparent}.role-edge[data-dash=true]:before{background:repeating-linear-gradient(90deg,var(--role-color) 0 6px,transparent 6px 10px)}.role-code{margin-top:18px}.swatch-table{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.swatch{min-width:0;padding:16px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--panel)}.swatch strong{display:block;font:700 13px var(--sans)}.swatch-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.swatch-color{min-height:78px;display:flex;flex-direction:column;justify-content:space-between;padding:10px;border:1px solid #ffffff35;color:var(--sample-ink);background:var(--sample-color)}.swatch-color span{font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.swatch-color code{font:650 10px var(--mono)}.swatch>p{margin-top:10px;color:var(--ink-2);font:600 10.5px var(--mono)}.state-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-block:1px solid var(--rule)}.state-grid article{min-width:0;padding:24px}.state-grid article+article{border-left:1px solid var(--rule)}.state-grid h3{margin-top:18px;font:700 15px var(--sans)}.state-grid p{margin-top:7px;color:var(--ink-2);font-size:13px}.state-mark{display:block;width:32px;height:32px;border-radius:50%;background:var(--ogjs-category-indigo);border:2px solid var(--ogjs-surface)}.state-hover{box-shadow:0 0 0 3px var(--ogjs-focus)}.state-selected{box-shadow:0 0 0 4px var(--ogjs-focus),0 0 0 7px #0b0e12}.state-keyboard{outline:2px solid var(--ogjs-focus);outline-offset:6px}.icon-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.icon-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 15px;border:1px solid var(--rule);background:var(--panel);color:var(--ink);font:650 12px var(--mono)}.icon-links a:hover{border-color:var(--amber-dim);color:var(--amber)}.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:var(--amber);font-weight:700}.decision-table{margin-top:30px;border-top:1px solid var(--rule)}.decision-table [role=row]{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--rule)}.decision-table [role=cell]{padding:17px 0}.decision-table strong{font:700 14px var(--sans)}.decision-table span{color:var(--ink-2);font-size:14px}.decision-table code{font-family:var(--mono)}.kit-download{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;padding:30px;border:1px solid var(--rule);background:var(--panel)}.download-list{border-top:1px solid var(--rule)}.download-list a{min-height:72px;display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;border-bottom:1px solid var(--rule)}.download-list strong{color:var(--amber);font:700 12px var(--mono)}.download-list span{color:var(--ink-2);font-size:13px}@media (max-width: 920px){.kit-hero,.section-heading,.kit-download{grid-template-columns:1fr}.kit-hero{gap:42px}.theme-pair,.role-grid{grid-template-columns:1fr}.swatch-table{grid-template-columns:repeat(2,minmax(0,1fr))}.state-grid{grid-template-columns:1fr 1fr}.state-grid article:nth-child(3){border-left:0;border-top:1px solid var(--rule)}.state-grid article:nth-child(4){border-top:1px solid var(--rule)}}@media (max-width: 640px){.kit-shell{width:min(100% - 32px,var(--kit-max));padding-top:86px}.kit-copy h1{font-size:42px}.kit-section{margin-top:72px}.section-heading{gap:14px}.design-graph{height:360px}.theme-preview>header{align-items:flex-start;flex-direction:column;padding-block:11px}.role-list,.swatch-table,.state-grid{grid-template-columns:1fr}.role-item,.role-item:nth-child(odd),.role-item:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--rule)}.role-item:last-child{border-bottom:0}.state-grid article+article{border-left:0;border-top:1px solid var(--rule)}.download-list a,.decision-table [role=row]{grid-template-columns:1fr;gap:3px;padding-block:14px}.decision-table [role=cell]{padding:0}.decision-table span{padding-bottom:14px}.kit-download{gap:28px;padding:22px}}