.sf{max-width:1000px;margin:0 auto;border:1px solid color-mix(in oklab,var(--color-slate) 22%,transparent);border-radius:12px;background:var(--color-paper);box-shadow:0 8px 24px -10px #1f29332e;overflow:hidden}.sf__panel{background:var(--color-tile);padding:clamp(22px,3.5vw,34px) clamp(20px,3.5vw,36px) clamp(20px,3vw,28px);border-bottom:1px solid color-mix(in oklab,var(--color-slate) 18%,transparent)}.sf__step{border:0;margin:0 0 clamp(18px,2.4vw,24px);padding:0}.sf__legend{display:block;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-slate);margin:0 0 10px;padding:0}.sf__chips{display:flex;flex-wrap:wrap;gap:8px}.sf__chip{display:inline-flex;align-items:baseline;gap:7px;padding:9px 15px;border:1px solid color-mix(in oklab,var(--color-slate) 32%,transparent);border-radius:999px;background:var(--color-paper);font-family:var(--font-body);font-size:13.5px;font-weight:500;line-height:1;color:var(--color-ink);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.sf__chip:hover[aria-pressed=false]{border-color:var(--color-pool);color:var(--color-pool)}.sf__chip[aria-pressed=true]{background:var(--color-pool);border-color:var(--color-pool);color:var(--color-paper)}.sf__chip:focus-visible{outline:2px solid var(--color-pool);outline-offset:2px}.sf__chip-main{font-weight:600;font-variant-numeric:tabular-nums}.sf__chip-sub{font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-slate);transition:color .16s ease}.sf__chip[aria-pressed=true] .sf__chip-sub{color:color-mix(in oklab,var(--color-paper) 78%,transparent)}.sf__chip-flag{font-size:15px;line-height:1}.sf__chip--stacked{flex-direction:column;align-items:flex-start;gap:3px;padding:9px 16px 8px;border-radius:10px}.sf__chip--distance{min-width:52px;justify-content:center;padding:9px 12px}.sf__events{display:grid;gap:12px}.sf__event-row{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:12px}.sf__event-stroke{font-family:var(--font-body);font-size:12.5px;font-weight:500;color:var(--color-slate)}.sf__date{font-family:var(--font-body);font-size:15px;color:var(--color-ink);background:var(--color-paper);border:1px solid color-mix(in oklab,var(--color-slate) 32%,transparent);border-radius:8px;padding:9px 12px}.sf__date:focus-visible{outline:2px solid var(--color-pool);outline-offset:1px}.sf__time{display:block;width:100%;max-width:260px;background:transparent;border:0;border-bottom:1px solid color-mix(in oklab,var(--color-ink) 28%,transparent);border-radius:0;padding:2px 2px 8px;font-family:var(--font-display);font-weight:500;font-size:clamp(30px,4.4vw,40px);line-height:1.1;letter-spacing:-.012em;color:var(--color-ink);font-variant-numeric:tabular-nums}.sf__time::placeholder{color:color-mix(in oklab,var(--color-slate) 55%,transparent)}.sf__time:focus{outline:none;border-bottom:2px solid var(--color-lane);padding-bottom:7px}.sf__hint,.sf__meta,.sf__category{font-family:var(--font-body);font-size:12.5px;line-height:1.5;color:var(--color-slate);margin:10px 0 0;max-width:52ch}.sf__hint--invalid{font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--color-ink-soft)}.sf__category{font-family:var(--font-display);font-size:15.5px;font-style:italic;color:var(--color-ink-soft)}.sf__meta a{color:var(--color-pool);text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--color-pool) 40%,transparent)}.sf__meta a:hover{border-bottom-color:var(--color-pool)}.sf__actions{display:flex;gap:18px;padding-top:4px}.sf__action{background:none;border:0;border-bottom:1px solid color-mix(in oklab,var(--color-slate) 50%,transparent);padding:0 0 3px;font-family:var(--font-body);font-size:12.5px;font-weight:500;letter-spacing:.03em;color:var(--color-ink);cursor:pointer}.sf__action:hover{color:var(--color-pool);border-bottom-color:var(--color-pool)}.sf__action:focus-visible{outline:2px solid var(--color-pool);outline-offset:3px}.sf__output{background:var(--color-paper);padding:clamp(22px,3.5vw,34px) clamp(20px,3.5vw,36px) clamp(26px,4vw,38px)}.sf__output-head{margin-bottom:clamp(18px,2.4vw,24px)}.sf__output-title{font-family:var(--font-display);font-weight:600;font-size:clamp(21px,2.2vw,26px);line-height:1.18;letter-spacing:-.012em;color:var(--color-ink);margin:0}.sf__output-sub{font-family:var(--font-body);font-size:12.5px;color:var(--color-slate);margin:8px 0 0}.sf__note{font-family:var(--font-display);font-style:italic;font-size:clamp(15px,1.6vw,17px);line-height:1.5;color:var(--color-ink-soft);margin:0;max-width:46ch}.sf__note--quiet{font-size:14.5px;color:var(--color-slate);margin-top:18px}.sf__ladder{position:relative;list-style:none;margin:0;padding:0 0 0 26px}.sf__ladder:before{content:"";position:absolute;left:4px;top:10px;bottom:10px;width:1px;background:color-mix(in oklab,var(--color-pool) 32%,transparent)}.sf__rung{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:baseline;padding:14px 0;border-bottom:1px solid color-mix(in oklab,var(--color-slate) 16%,transparent)}.sf__rung-detail{grid-column:1 / -1}.sf__rung-detail:empty{display:none}.sf__ladder>li:last-child .sf__rung{border-bottom:0}.sf__rung-node{position:absolute;left:-26px;top:20px;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--color-pool);background:var(--color-paper)}.sf__rung.is-met .sf__rung-node{background:var(--color-pool)}.sf__rung-kicker{font-family:var(--font-body);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-slate);margin:0 0 5px}.sf__rung-title{font-family:var(--font-display);font-weight:500;font-size:clamp(16px,1.7vw,19px);line-height:1.25;color:var(--color-ink);margin:0}.sf__rung-meets{list-style:none;margin:2px 0 0;padding:0;font-family:var(--font-body);font-size:12.5px;line-height:1.5;color:var(--color-slate)}.sf__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sf__rung-flag{font-family:var(--font-body);font-size:12px;font-style:italic;color:var(--color-slate);margin:8px 0 0}.sf__rung-figures{text-align:right;display:grid;gap:4px;justify-items:end}.sf__rung-time{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.6vw,28px);line-height:1;letter-spacing:-.014em;color:var(--color-ink);font-variant-numeric:tabular-nums}.sf__rung-delta{font-family:var(--font-body);font-size:12.5px;font-weight:500;color:var(--color-slate);font-variant-numeric:tabular-nums}.sf__rung.is-met .sf__rung-delta{color:var(--color-pool)}.sf__marker{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:10px 0;padding:12px 16px;border-radius:8px;background:color-mix(in oklab,var(--color-lane) 26%,var(--color-paper))}.sf__marker:before{content:"";position:absolute;left:-26px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:var(--color-lane)}.sf__marker-label{font-family:var(--font-body);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink)}.sf__marker-time{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2.6vw,28px);line-height:1;letter-spacing:-.014em;color:var(--color-ink);font-variant-numeric:tabular-nums}.sf__context{margin-top:clamp(20px,2.6vw,28px);padding-top:clamp(18px,2.4vw,24px);border-top:1px solid color-mix(in oklab,var(--color-slate) 20%,transparent)}.sf__context-title{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-pool);margin:0 0 10px}.sf__context-line{font-family:var(--font-display);font-size:clamp(16px,1.8vw,19px);line-height:1.45;color:var(--color-ink);margin:0;max-width:54ch;text-wrap:pretty}.sf__points{margin-top:18px}.sf__points-value{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);font-weight:600;font-size:clamp(18px,2vw,22px);color:var(--color-ink);margin:0;font-variant-numeric:tabular-nums}.sf__points-level{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-pool)}.sf__points-body{font-family:var(--font-body);font-size:13px;line-height:1.55;color:var(--color-slate);margin:8px 0 0;max-width:56ch}.sf__points-note{font-family:var(--font-body);font-size:13px;line-height:1.55;color:var(--color-slate);margin:18px 0 0;max-width:56ch}@media(min-width:900px){.sf{display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch}.sf__panel{border-bottom:0;border-right:1px solid color-mix(in oklab,var(--color-slate) 18%,transparent)}}@media(max-width:640px){.sf__event-row{grid-template-columns:1fr;gap:6px}}
