.sf{margin:0;container-type:inline-size}.sf-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sf-sheet{border:1px solid color-mix(in srgb, var(--ink) 55%, transparent);background:var(--paper);outline:1px solid var(--rule);outline-offset:5px;grid-template-columns:minmax(0,1fr) clamp(250px,31%,330px);display:grid}.sf-plan{border-right:1px solid var(--rule);flex-direction:column;min-width:0;padding:14px 16px 12px;display:flex}.sf-plan-box{flex:1;position:relative}.sf-plan-box svg{display:block;position:absolute;top:0;left:0;overflow:hidden}.sf-side{flex-direction:column;min-width:0;display:flex}.sf-section{padding:18px 16px 12px}.sf-section-box svg{width:100%;height:auto;display:block;overflow:visible}.sf-dt{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:10px;display:flex}.sf-dt-name,.sf-dt-note,.sf-key,.sf-block dt{font-family:var(--mono);font-feature-settings:"zero" 0;text-transform:uppercase}.sf-dt-name{letter-spacing:.12em;color:var(--ink);align-items:center;gap:9px;margin:0;font-size:10.5px;display:flex}.sf-no{border:1px solid var(--ink-2);letter-spacing:0;width:18px;height:18px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:9px;display:inline-grid}.sf-dt-note{letter-spacing:.1em;color:var(--muted);padding-bottom:3px;font-size:9.5px}.sf-scale{flex:none;display:block;overflow:visible}.sf-key{border-top:1px solid var(--rule);letter-spacing:.1em;color:var(--ink-2);gap:7px;margin:auto 0 0;padding:14px 16px 16px;font-size:9.5px;list-style:none;display:grid}.sf-key li{align-items:center;gap:10px;display:flex}.sf-key svg{flex:none;overflow:visible}.sf-hint{color:var(--muted)}.sf-key .sw-b{fill:none;stroke:var(--accent);stroke-width:1.2px}.sf-key .sw-h{fill:none;stroke:var(--accent);stroke-width:.6px;stroke-opacity:.6}.sf-key .sw-set{stroke:var(--muted);stroke-width:1px;stroke-dasharray:4 3}.sf-key .sw-sh{fill:color-mix(in srgb, var(--ink) 7%, transparent);stroke:var(--muted);stroke-width:.8px;stroke-dasharray:1 2}.sf-key .sw-v{fill:none;stroke:var(--accent);stroke-width:.8px;stroke-opacity:.7}.sf-block{border-top:1px solid color-mix(in srgb, var(--ink) 55%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.sf-block>div{min-width:0;padding:8px 12px 9px 16px}.sf-block>div:nth-child(2n){border-left:1px solid var(--rule);padding-left:12px}.sf-block>div:nth-child(n+3){border-top:1px solid var(--rule)}.sf-block dt{letter-spacing:.12em;color:var(--muted);margin-bottom:2px;font-size:9px}.sf-block dd{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.3}.sf svg .k-ink{stroke:var(--ink);fill:none}.sf svg .k-ink2{stroke:var(--ink-2);fill:none}.sf svg .k-mut{stroke:var(--muted);fill:none}.sf svg .k-acc{stroke:var(--accent);fill:none}.sf svg .s-acc{stroke:var(--accent)}.sf svg .k-dash{stroke-dasharray:4 3}.sf svg .k-dot{stroke-dasharray:1 2.5;stroke-linecap:round}.sf svg text{font-family:var(--mono);letter-spacing:.08em;fill:var(--muted);paint-order:stroke;stroke:var(--paper);stroke-width:4.5px;stroke-linejoin:round;font-size:9px}.sf svg text.t-ink{fill:var(--ink-2)}.sf svg text.t-acc{fill:var(--accent)}.sf svg .f-paper{fill:var(--paper)}.sf svg .f-shadow{fill:var(--ink);fill-opacity:.035}.sf svg .f-soft{fill:var(--accent-soft)}.sf svg .f-acc{fill:var(--accent)}.sf svg .f-ink{fill:var(--ink)}.sf svg .f-ink2{fill:var(--ink-2)}.sf svg .f-mut{fill:var(--muted)}.sf svg .p-mut{stroke:var(--muted)}.sf svg .p-acc{stroke:var(--accent)}.sf .fp{cursor:grab;touch-action:none;outline:none}.sf .fp.is-held{cursor:grabbing}.sf .fp:hover .fp-bg,.sf .fp.is-held .fp-bg{fill:color-mix(in srgb, var(--accent) 7%, var(--paper))}.sf .fp-ring{fill:none;stroke:#0000;stroke-dasharray:3 3}.sf .fp:focus-visible .fp-ring{stroke:var(--accent)}.sf figcaption{text-align:right;margin-top:18px}@container (width<=700px){.sf-sheet{outline:0;grid-template-columns:minmax(0,1fr)}.sf-plan{border-right:0;padding:12px 10px 10px}.sf-plan .sf-dt{padding:0 4px}.sf-section{border-top:1px solid var(--rule);padding:16px 14px 10px}.sf-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:12px 14px 14px}.sf-block>div{padding-left:14px}.sf figcaption{text-align:left}}