.sfsg{display:block;--sg-ink:var(--sf-ink,#302922);--sg-accent:var(--sf-accent,#556151);--sg-line:#ded9d2;--sg-muted:#6f665e;color:var(--sg-ink);font:inherit}.sfsg *{box-sizing:border-box}.sfsg [hidden]{display:none!important}.sfsg button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.sfsg__trigger{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:5px 0;border:0;background:none;font-size:13px!important;text-decoration:underline;text-underline-offset:4px}.sfsg__trigger svg{flex:none}.sfsg__dialog{width:min(980px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;margin:auto;border:0;border-radius:10px;color:var(--sg-ink);background:#fff;box-shadow:0 18px 80px #211a203d;overflow:auto;overscroll-behavior:contain}.sfsg__dialog::backdrop{background:#211b2466}.sfsg__header{position:sticky;top:0;z-index:1;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;border-bottom:1px solid var(--sg-line)}.sfsg__header h2{font-family:inherit;font-size:24px;font-weight:600;letter-spacing:-.035em;line-height:1.2;margin:0}.sfsg__close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#f6f3ef}.sfsg__body{padding:25px 28px 30px}.sfsg__intro{font-size:14px;line-height:1.6;color:var(--sg-muted);margin:0 0 20px}.sfsg__units{display:flex;justify-content:center;gap:0;width:max-content;max-width:100%;margin:0 auto 24px;border:1px solid var(--sg-line);border-radius:6px;padding:3px;background:#faf8f5}.sfsg__units button{min-width:76px;min-height:42px;padding:10px 18px;border:0;border-radius:4px;font-size:12px;font-weight:650;line-height:1.4;background:transparent}.sfsg__units button[aria-selected=true]{background:var(--sg-accent);color:#fff}.sfsg__panel{outline-offset:5px}.sfsg__unit-heading{font-family:inherit;font-size:18px;line-height:1.4;margin:24px 0 16px;letter-spacing:-.02em}.sfsg.is-enhanced .sfsg__unit-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sfsg__diagrams{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.sfsg__diagram{margin:0;min-width:0;color:var(--sg-accent)}.sfsg__diagram svg{display:block;width:100%;height:auto;aspect-ratio:1}.sfsg__diagram figcaption{display:flex;flex-direction:column;gap:4px;min-height:34px;text-align:center;color:var(--sg-ink);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.sfsg__diagram strong{font-weight:650}.sfsg__scale-note{font-size:12px;line-height:1.5;color:var(--sg-muted);margin:17px 0 23px;text-align:center}.sfsg__table-wrap{width:100%;overflow-x:auto}.sfsg__table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;margin:0}.sfsg__table th,.sfsg__table td{text-align:center;padding:12px 16px;border-bottom:1px solid var(--sg-line)}.sfsg__table thead th{background:#f8f5ef;font-size:12px;font-weight:650;border-top:1px solid var(--sg-line)}.sfsg__table tbody th{font-size:13px;font-weight:500}.sfsg__table tr:last-child th,.sfsg__table tr:last-child td{border-bottom:0}.sfsg__note{font-size:12px;line-height:1.6;color:var(--sg-muted);margin:18px 0 0}.sfsg__footer{border-top:1px solid var(--sg-line);padding-top:16px}.sfsg__fallback{margin:0}.sfsg__fallback>summary{cursor:pointer;font-size:13px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.sfsg__fallback .sfsg__header{position:static;padding-inline:0}.sfsg__fallback .sfsg__body{padding-inline:0}.sfsg__fallback .sfsg__panel+.sfsg__panel{margin-top:35px}.sfsg__sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sfsg button:focus-visible,.sfsg summary:focus-visible,.sfsg__panel:focus-visible{outline:3px solid var(--sg-accent);outline-offset:3px}.sf-size-guide-open{overflow:hidden}
@media(max-width:650px){.sfsg__dialog{width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:8px}.sfsg__header{padding:13px 16px;gap:12px}.sfsg__header h2{font-size:21px}.sfsg__body{padding:19px 16px 23px}.sfsg__diagrams{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:13px;row-gap:18px}.sfsg__diagram figcaption{font-size:11px;min-height:32px}.sfsg__table th,.sfsg__table td{padding:11px 9px}.sfsg__table{font-size:13px}.sfsg__intro{font-size:13px}.sfsg__units{margin-bottom:18px}.sfsg__scale-note{font-size:11px;margin-block:14px 20px}}
@media(prefers-reduced-motion:reduce){.sfsg *{scroll-behavior:auto!important}}