.site__head{align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);border-bottom:var(--hair);flex-wrap:wrap;display:flex}.site__brand{align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-weight:700;font-size:var(--step-1);letter-spacing:-.01em;text-decoration:none;display:inline-flex}.site__mark{background:var(--accent);width:12px;height:12px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:2px}.site__nav{gap:var(--sp-4);font-size:var(--step--1);flex-wrap:wrap;margin-left:auto;display:flex}.site__nav a{color:var(--muted);text-decoration:none}.site__nav a:hover,.site__nav a[aria-current=page]{color:var(--text)}.wrap{max-width:1100px;padding:0 var(--sp-5);margin:0 auto}.prose{max-width:var(--measure)}.prose h2{font-family:var(--font-display);font-size:var(--step-2);margin:var(--sp-7) 0 var(--sp-3)}.prose h3{font-size:var(--step-1);margin:var(--sp-5) 0 var(--sp-2)}.prose ul,.prose ol{padding-left:1.25em}.prose li{margin-bottom:var(--sp-2)}.prose a{color:var(--accent)}.hero{padding:var(--sp-8) 0 var(--sp-7)}.hero h1{font-family:var(--font-display);font-size:var(--step-4);letter-spacing:-.025em;max-width:18ch}.hero__lede{font-size:var(--step-1);color:var(--muted);max-width:58ch;margin-top:var(--sp-4)}.simgrid{padding:0 0 var(--sp-6);gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0;list-style:none;display:grid}.simgrid li{display:flex}.simcard{gap:var(--sp-2);width:100%;padding:var(--sp-5);background:var(--panel);border:var(--hair);border-radius:var(--radius-lg);color:inherit;border-top:2px solid var(--card-accent,var(--accent));transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease);grid-template-rows:auto auto 1fr auto;text-decoration:none;display:grid}.simcard:hover{transform:translateY(-2px)}.simcard__subject{letter-spacing:.09em;text-transform:uppercase;color:var(--card-accent);font-size:10.5px;font-weight:600}.simcard h2{font-family:var(--font-display);font-size:var(--step-2)}.simcard p{color:var(--muted);font-size:var(--step--1);margin:0}.simcard__meta{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);align-self:end;display:flex}.simcard[data-live=true]{border-color:color-mix(in srgb, var(--card-accent) 40%, var(--rule))}.simcard[data-live=true]:hover{border-color:var(--card-accent)}.site__foot{border-top:var(--hair);margin-top:var(--sp-8);padding:var(--sp-6) 0;color:var(--muted);font-size:var(--step--1)}.site__foot>div{max-width:1100px;padding:0 var(--sp-5);margin:0 auto}.site__foot p{max-width:var(--measure)}.site__foot nav{gap:var(--sp-4);margin-top:var(--sp-3);display:flex}.site__head{width:100%;max-width:1100px;margin:0 auto}.faq{gap:var(--sp-4);display:grid}@media (min-width:1000px){.wide{max-width:none}.wide .scenlist,.wide .learn,.wide .faq{gap:var(--sp-3) var(--sp-5);grid-template-columns:1fr 1fr}.wide .faq__item{border-top:var(--hair);padding-top:var(--sp-4)}.hero--split{gap:var(--sp-8);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}}.learn{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.learn li{gap:var(--sp-3);grid-template-columns:auto 1fr;align-items:start;display:grid}.learn li:before{content:"";background:var(--accent);opacity:.7;border-radius:2px;width:3px;height:1.2em;margin-top:.2em}.faq__item{border-top:var(--hair);padding-top:var(--sp-4)}.faq__item h3{font-size:var(--step-1);margin:0 0 var(--sp-2)}.faq__item p{color:var(--muted);margin:0}.scenlist{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.scenlist li{gap:var(--sp-3);padding:var(--sp-3);border:var(--hair);border-radius:var(--radius);grid-template-columns:auto 1fr;align-items:start;display:grid}.scenlist .pill{margin-top:2px}.scenlist b{font-weight:600}.scenlist p{color:var(--muted);font-size:var(--step--1);margin:0}.termlist{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0;display:grid}.termlist dt{font-weight:600}.termlist dd{margin:0 0 var(--sp-3);color:var(--muted);font-size:var(--step--1)}.cta{align-items:center;gap:var(--sp-2);background:color-mix(in srgb, var(--accent) 28%, var(--panel-hi));border:1px solid color-mix(in srgb, var(--accent) 55%, var(--rule));border-radius:var(--radius);padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.cta:hover{background:color-mix(in srgb, var(--accent) 38%, var(--panel-hi))}
