.supf-hero{text-align:center;padding:var(--space-16) 0 var(--space-8);flex-direction:column;align-items:center;display:flex}.supf-hero-emoji{margin:0;font-size:3rem;line-height:1}.supf-h{margin:var(--space-4) 0;color:var(--ff-forge-text);font-size:2rem;font-weight:800}.supf-h2{margin:var(--space-16) 0 var(--space-8);color:var(--ff-forge-text);font-size:1.25rem;font-weight:800}.supf-hero-sub{margin:0 auto var(--space-12);color:var(--ff-forge-text);max-width:48ch;font-size:1.15rem;font-weight:700}.supf-ctas{gap:var(--space-12);flex-wrap:wrap;justify-content:center;display:flex}.supf-cta{min-height:52px;font-size:1.1rem;font-weight:800}.supf-how{margin:var(--space-24) 0}.supf-how h2{margin:0 0 var(--space-8);color:var(--ff-forge-text);font-size:1.2rem;font-weight:800}.supf-steps{margin:var(--space-8) 0;padding-left:var(--space-24);color:var(--ff-forge-text)}.supf-steps li{margin:var(--space-8) 0}.supf-more{text-align:center;margin:var(--space-16) 0 var(--space-96)}.supf-play-head{text-align:center;padding:var(--space-8) 0 var(--space-4)}.supf-console{max-width:48rem;margin:var(--space-12) auto var(--space-96)}.supf-section{max-width:60rem;margin:0 auto var(--space-24)}.supf-section:last-child{margin-bottom:var(--space-96)}.supf-input{box-sizing:border-box;width:100%;font:inherit;padding:var(--space-12);border:2px solid var(--ff-outline);background:var(--ff-forge-bg);color:var(--ff-forge-text);border-radius:12px;font-size:1.05rem;line-height:1.6}.supf-input:focus-visible{outline:3px solid var(--pc-select);outline-offset:2px}.supf-samples,.supf-bar,.supf-linenav{gap:var(--space-8);margin:var(--space-12) 0;flex-wrap:wrap;align-items:center;display:flex}.supf-chip,.supf-toggle{min-height:44px;padding:var(--space-8) var(--space-16);font:inherit;cursor:pointer;border:2px solid var(--ff-outline);background:var(--ff-warm);color:var(--ff-forge-text);border-radius:999px;font-weight:700}.supf-chip[aria-pressed=true],.supf-toggle[aria-pressed=true]{border-color:var(--pc-select);background:var(--ff-forge-bg);box-shadow:inset 0 0 0 2px var(--pc-select)}.supf-chip[aria-pressed=true]:before,.supf-toggle[aria-pressed=true]:before{content:"✓ "}.supf-chip:disabled,.supf-toggle:disabled{opacity:.55;cursor:not-allowed}.supf-play{min-height:48px}.supf-legend{min-height:1.4em;margin:0 0 var(--space-8)}.supf-out{max-width:66ch;color:var(--ff-forge-text);font-size:1.2rem;line-height:1.9}.supf-line{margin:0 0 var(--space-4);transition:opacity .15s}.supf-out--focus .supf-line{opacity:.25}.supf-out--focus .supf-line.supf-line--on{opacity:1;background:var(--ff-forge-bg);border-left:4px solid var(--pc-select);padding-left:var(--space-8)}.supf-w--now{background:color-mix(in srgb, var(--pc-select) 22%, transparent);outline:2px solid var(--pc-select);border-radius:4px}.supf-part{border-radius:3px;padding:0 .05em}.supf-part--prefix{text-underline-offset:4px;background:#7c3aed24;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px}.supf-part--root{font-weight:800}.supf-part--suffix{text-underline-offset:4px;background:#0f766e24;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-decoration-thickness:2px}.supf-part+.supf-part{margin-left:.1em}.supf-dot{color:var(--pc-select);padding:0 .05em;font-weight:800}@media (prefers-color-scheme:dark){.supf-dot{color:#93c5fd}.supf-part--prefix{background:#a78bfa38}.supf-part--suffix{background:#5eead42e}}@media (prefers-reduced-motion:reduce){.supf-line{transition:none}}.supf-reflect{margin-top:var(--space-24)}.supf-reflect summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.supf-field{margin:0 0 var(--space-16);gap:var(--space-8);border:none;flex-wrap:wrap;padding:0;display:flex}.supf-field legend{margin-bottom:var(--space-8);color:var(--ff-forge-text);width:100%;font-weight:800}.supf-check{align-items:center;gap:var(--space-8);min-height:44px;margin:0 0 var(--space-16);color:var(--ff-forge-text);display:flex}.supf-check input{width:22px;height:22px}.supf-script{margin:var(--space-8) 0}.supf-lines{padding-left:var(--space-24);color:var(--ff-forge-text);margin:0;font-size:1.1rem;line-height:1.6}.supf-lines li{margin:var(--space-8) 0}.supf-line-hidden{cursor:pointer;color:var(--ff-meta,inherit);border-bottom:2px dashed var(--ff-outline);min-height:44px;font-style:italic}.supf-line-hidden:focus-visible{outline:3px solid var(--pc-select);outline-offset:2px}.supf-note{min-height:1.4em}.supf-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin:0;padding:0;list-style:none;display:grid}.supf-acc h3,.supf-tool h3{margin:0 0 var(--space-8);color:var(--ff-forge-text);font-size:1.1rem}.supf-acc p,.supf-tool p{margin:0 0 var(--space-8);color:var(--ff-forge-text)}.supf-badge{font-size:.95rem;font-weight:800}.supf-tool{border-left:6px solid var(--ff-outline)}.supf-tool--strong{border-left-color:var(--pc-correct)}.supf-tool--some{border-left-color:var(--pc-select)}.supf-tool--limited{border-left-color:var(--pc-amber)}.supf-tool--not-supported{border-left-color:var(--pc-incorrect)}