.sf-head{margin-block:var(--space-8) var(--space-8)}.sf-h1{font-size:var(--fs-h1);font-weight:var(--fw-extra);line-height:var(--lh-display);letter-spacing:var(--ls-display);margin-block:var(--space-4) var(--space-5)}.sf-lede{max-inline-size:54ch}.sf-card{max-inline-size:60rem;margin-inline:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:clamp(1.5rem,3vw,2.5rem)}.sf-prog{display:flex;align-items:center;gap:var(--space-4);margin-block-end:var(--space-8)}.sf-prog>span{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--ink-soft);white-space:nowrap}.sf-prog__track{flex:1;block-size:8px;background:var(--line);border-radius:var(--radius-pill);overflow:hidden}.sf-prog__track>i{display:block;block-size:100%;background:var(--ball);border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease-out)}.sf-q__title{font-size:var(--fs-h3);font-weight:var(--fw-extra);color:var(--ink);margin:0 0 var(--space-6)}.sf-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.sf-opt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--dur-fast),transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast)}.sf-opt:hover{border-color:var(--court);transform:translateY(-3px)}.sf-opt:focus-visible{outline:2px solid var(--court);outline-offset:2px}.sf-opt--on{border-color:var(--court-deep);background:var(--court-tint)}.sf-opt__ic{display:inline-flex;align-items:center;justify-content:center;inline-size:3.25rem;block-size:3.25rem;border-radius:var(--radius-pill);background:var(--court-tint);color:var(--court);margin-block-end:var(--space-1)}.sf-opt--on .sf-opt__ic{background:var(--court);color:var(--paper)}.sf-opt__lbl{font-weight:var(--fw-bold);color:var(--ink)}.sf-opt__hint{font-size:var(--text-sm);color:var(--ink-faint)}.sf-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-start:var(--space-6)}.sf-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);font-weight:var(--fw-semibold);font-size:var(--text-sm);color:var(--ink);background:var(--paper);cursor:pointer}.sf-back:hover{border-color:var(--court)}.sf-nav__note{font-size:var(--text-sm);color:var(--ink-faint)}.sf-res__head{display:flex;gap:var(--space-5);margin-block-end:var(--space-8)}.sf-res__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:4rem;block-size:4rem;flex-shrink:0;border-radius:var(--radius-lg);background:var(--court);color:var(--paper)}.sf-res__tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--ball);color:var(--court-deep);font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--text-sm)}.sf-res__type{font-size:var(--text-2xl);font-weight:var(--fw-extra);color:var(--ink);margin:var(--space-2) 0 var(--space-2)}.sf-res__blurb{color:var(--ink-soft);margin:0}.sf-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-block-end:var(--space-6)}.sf-panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6)}.sf-panel h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--ink);margin:0 0 var(--space-5)}.sf-panel h4 .ic{color:var(--court);display:inline-flex}.sf-bar{margin-block-end:var(--space-4)}.sf-bar__top{display:flex;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-2);font-size:var(--text-sm)}.sf-bar__lbl{color:var(--ink);font-weight:var(--fw-semibold)}.sf-bar__val{color:var(--ink-faint);white-space:nowrap}.sf-bar__track{block-size:8px;background:var(--line);border-radius:var(--radius-pill);overflow:hidden}.sf-bar__track>i{display:block;block-size:100%;inline-size:0;background:var(--court);border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease-out)}.sf-facts{display:flex;flex-direction:column;gap:var(--space-3)}.sf-fact{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block-end:var(--space-3);border-block-end:1px solid var(--line)}.sf-fact:last-child{border-block-end:none;padding-block-end:0}.sf-fact__k{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-soft);font-size:var(--fs-body)}.sf-fact__k .ic{color:var(--court);display:inline-flex}.sf-fact__v{font-family:var(--font-head);font-weight:var(--fw-bold);color:var(--ink)}.sf-why{background:var(--court-tint);border-radius:var(--radius-lg);padding:var(--space-6);margin-block-end:var(--space-5)}.sf-why b{color:var(--court-deep)}.sf-why ul{margin:var(--space-3) 0 0;padding-inline-start:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.sf-why li{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--ink)}.sf-why li:before{content:"✓";color:var(--court);font-weight:var(--fw-bold)}.sf-tip{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--ball-tint);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-block-end:var(--space-6)}.sf-tip__ic{display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;flex-shrink:0;border-radius:var(--radius-pill);background:var(--court);color:var(--paper)}.sf-tip p{margin:0;font-size:var(--fs-body);color:var(--ink)}.sf-cta{display:flex;flex-wrap:wrap;gap:var(--space-4)}.sf-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:1rem 1.75rem;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:var(--fw-bold);font-size:var(--fs-body);cursor:pointer;border:2px solid transparent;text-decoration:none}.sf-btn--primary{background:var(--ball);color:var(--ink)}.sf-btn--primary:hover{background:var(--ball-deep)}.sf-btn--ghost{background:var(--paper);border-color:var(--line-strong);color:var(--ink)}.sf-btn--ghost:hover{border-color:var(--court)}.sf-btn:focus-visible{outline:2px solid var(--court);outline-offset:2px}.sf-foot{max-inline-size:60rem;margin-inline:auto;text-align:center;color:var(--ink-soft);margin-block-start:var(--space-6);font-size:var(--fs-body)}.sf-foot a{color:var(--court);font-weight:var(--fw-bold)}@media(max-width:640px){.sf-opts,.sf-grid{grid-template-columns:1fr}}