.imap{display:flex;gap:var(--u, 32px);align-items:stretch;padding-inline-start:var(--rules-content-left, var(--gutter, 96px));padding-inline-end:var(--rules-content-right, var(--gutter, 96px));box-sizing:border-box}.imap-stage{background:var(--rules-header, #fefaee);border-radius:var(--u-radius, 16px);padding:var(--u, 32px);box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center}.imap-canvas{display:block;touch-action:none}.imap-tooltip{position:absolute;pointer-events:none;background:var(--rules-bg, #fffefa);border:1px solid color-mix(in srgb,var(--rules-ink, #3a1a10) 40%,transparent);color:var(--rules-ink, #3a1a10);font-family:var(--font-code, "IBM Plex Mono", monospace);padding:var(--u-q, 8px) var(--u-h, 16px);line-height:1.4;display:flex;flex-direction:column;gap:2px;top:0;left:0;z-index:10;box-shadow:var(--shadow-card, 0 2px 8px rgba(0, 0, 0, .08))}.imap-tooltip[hidden]{display:none}.imap-tt-title{font-size:.7rem;opacity:.55;text-transform:uppercase;letter-spacing:.08em}.imap-tt-value{font-size:1.1rem;font-weight:700;line-height:1}.imap-unit{position:absolute;inset-block-start:var(--u-h, 16px);inset-inline-end:var(--u-h, 16px);display:inline-flex;border:1px solid color-mix(in srgb,var(--rules-ink, #3a1a10) 20%,transparent);border-radius:var(--r-pill, 999px);overflow:hidden;font-family:var(--font-code, monospace);z-index:6}.imap-unit button{appearance:none;border:0;background:transparent;color:var(--rules-ink, #3a1a10);font:inherit;font-size:.7rem;padding:4px 10px;cursor:pointer;opacity:.55;transition:background var(--motion-fast, .12s),opacity var(--motion-fast, .12s)}.imap-unit button.is-active{background:var(--color-highlight, #ff5a1f);color:#fff;opacity:1}.imap-unit button:focus-visible{outline:2px solid var(--color-highlight, #ff5a1f)}@media(max-width:900px){.imap{flex-direction:column;padding-inline:var(--u, 32px)}}.globe-panel[data-astro-cid-j6smb2yt]{flex:0 1 calc(var(--u, 32px) * 21);aspect-ratio:1}.globe-canvas[data-astro-cid-j6smb2yt]{width:100%;height:100%;cursor:grab}.globe-canvas[data-astro-cid-j6smb2yt].is-grabbing{cursor:grabbing}.tt-symbol[data-astro-cid-j6smb2yt]{font-size:1.4em;font-weight:700;line-height:1;margin-bottom:2px}.tt-country[data-astro-cid-j6smb2yt]{font-size:.7rem;opacity:.55;text-transform:uppercase;letter-spacing:.08em}.tt-currency[data-astro-cid-j6smb2yt]{font-size:.85rem;opacity:.9}.globe-list[data-astro-cid-j6smb2yt]{flex:1 1 0;min-width:0;overflow-y:auto;max-height:calc(var(--u, 32px) * 21);border:1px solid color-mix(in srgb,var(--rules-ink, #3a1a10) 12%,transparent);border-radius:var(--u-radius, 16px)}.globe-table[data-astro-cid-j6smb2yt]{width:100%;border-collapse:collapse;font-family:var(--font-code, "IBM Plex Mono", monospace);font-size:.72rem;color:var(--rules-ink, #3a1a10)}.globe-table[data-astro-cid-j6smb2yt] th[data-astro-cid-j6smb2yt]{position:sticky;top:0;z-index:1;background:var(--rules-header, #fefaee);text-align:left;text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;color:color-mix(in srgb,var(--rules-ink, #3a1a10) 55%,transparent);font-weight:400;padding:var(--u-q, 8px) var(--u-h, 16px);box-shadow:inset 0 -1px color-mix(in srgb,var(--rules-ink, #3a1a10) 18%,transparent)}.globe-table[data-astro-cid-j6smb2yt] td[data-astro-cid-j6smb2yt]{padding:6px var(--u-h, 16px);border-bottom:1px solid color-mix(in srgb,var(--rules-ink, #3a1a10) 7%,transparent);white-space:nowrap}.gt-name[data-astro-cid-j6smb2yt]{overflow:hidden;text-overflow:ellipsis;max-width:0;width:99%}.gt-code[data-astro-cid-j6smb2yt]{opacity:.6}.gt-sym[data-astro-cid-j6smb2yt]{font-weight:700}.ta-r[data-astro-cid-j6smb2yt]{text-align:right}.globe-table[data-astro-cid-j6smb2yt] tbody[data-astro-cid-j6smb2yt] tr[data-astro-cid-j6smb2yt]{cursor:pointer;transition:background var(--motion-fast, .12s)}.globe-table[data-astro-cid-j6smb2yt] tbody[data-astro-cid-j6smb2yt] tr[data-astro-cid-j6smb2yt]:hover{background:color-mix(in srgb,var(--rules-ink, #3a1a10) 5%,transparent)}.globe-table[data-astro-cid-j6smb2yt] tbody[data-astro-cid-j6smb2yt] tr[data-astro-cid-j6smb2yt].is-active{background:color-mix(in srgb,var(--color-highlight, #ff5a1f) 16%,transparent)}.globe-table[data-astro-cid-j6smb2yt] tbody[data-astro-cid-j6smb2yt] tr[data-astro-cid-j6smb2yt].is-active .gt-sym[data-astro-cid-j6smb2yt]{color:var(--color-highlight, #ff5a1f)}@media(max-width:900px){.globe-panel[data-astro-cid-j6smb2yt]{flex-basis:auto;width:100%}.globe-list[data-astro-cid-j6smb2yt]{max-height:calc(var(--u, 32px) * 14)}}.weather-map[data-astro-cid-f3sjdbnt]{flex:1.9 1 0;min-width:0}.weather-canvas[data-astro-cid-f3sjdbnt]{width:100%;height:auto;cursor:pointer}.weather-cities-list[data-astro-cid-f3sjdbnt]{position:absolute;inset-block-end:var(--u-q, 8px);inset-inline:var(--u, 32px);display:flex;flex-wrap:wrap;gap:4px;max-height:0;overflow:hidden;opacity:0}.weather-cities-list[data-astro-cid-f3sjdbnt]:focus-within{max-height:none;overflow:visible;opacity:1}.wcl-city[data-astro-cid-f3sjdbnt]{font-family:var(--font-code, monospace);font-size:.62rem;padding:2px 6px;border-radius:var(--r-sm, 8px);border:1px solid color-mix(in srgb,var(--rules-ink, #3a1a10) 20%,transparent);background:var(--rules-bg, #fffefa);color:var(--rules-ink, #3a1a10);cursor:pointer}.wcl-city[data-astro-cid-f3sjdbnt]:focus-visible{outline:2px solid var(--color-highlight, #ff5a1f)}.weather-panel[data-astro-cid-f3sjdbnt]{flex:1 1 0;min-width:calc(var(--u, 32px) * 10);border:1px solid color-mix(in srgb,var(--rules-ink, #3a1a10) 12%,transparent);border-radius:var(--u-radius, 16px);padding:var(--u, 32px);box-sizing:border-box;color:var(--rules-ink, #3a1a10);display:flex;flex-direction:column}.wp-detail[data-astro-cid-f3sjdbnt]{display:flex;flex-direction:column;gap:var(--u, 32px);height:100%}.wp-head[data-astro-cid-f3sjdbnt]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--u-h, 16px)}.wp-city[data-astro-cid-f3sjdbnt]{display:block;font-family:var(--font-display, serif);font-size:var(--text-0-75u, 2rem);line-height:1}.wp-date[data-astro-cid-f3sjdbnt]{display:block;margin-top:6px;font-family:var(--font-code, monospace);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.55}.wp-icon[data-astro-cid-f3sjdbnt]{color:var(--color-highlight, #ff5a1f)}.wp-icon[data-astro-cid-f3sjdbnt] svg{width:calc(var(--u, 32px) * 2);height:calc(var(--u, 32px) * 2)}.wp-now[data-astro-cid-f3sjdbnt]{display:flex;align-items:baseline;gap:var(--u-h, 16px);flex-wrap:wrap}.wp-temp[data-astro-cid-f3sjdbnt]{font-family:var(--font-code, monospace);font-weight:300;font-size:var(--text-1-5u, 4rem);line-height:.9}.wp-cond[data-astro-cid-f3sjdbnt]{font-family:var(--font-code, monospace);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.wp-grid[data-astro-cid-f3sjdbnt]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--u-h, 16px) var(--u, 32px)}.wp-metric[data-astro-cid-f3sjdbnt]{display:flex;flex-direction:column;gap:4px}.wp-k[data-astro-cid-f3sjdbnt]{font-family:var(--font-code, monospace);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;opacity:.5}.wp-v[data-astro-cid-f3sjdbnt]{font-family:var(--font-code, monospace);font-size:1.1rem;line-height:1;font-weight:400}.wp-hourly[data-astro-cid-f3sjdbnt]{margin-top:auto;display:flex;flex-direction:column;gap:var(--u-q, 8px)}.wp-hourly-label[data-astro-cid-f3sjdbnt]{font-family:var(--font-code, monospace);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;opacity:.5}.wp-hourly-canvas[data-astro-cid-f3sjdbnt]{display:block;width:100%;height:calc(var(--u, 32px) * 3)}@media(max-width:900px){.weather-map[data-astro-cid-f3sjdbnt]{flex-basis:auto;width:100%}.wp-grid[data-astro-cid-f3sjdbnt]{grid-template-columns:repeat(2,minmax(0,1fr))}}.uscale{padding-block:var(--u-h);padding-inline-start:var(--rules-content-left, var(--gutter));padding-inline-end:var(--rules-content-right, var(--gutter));user-select:none}.uscale ::selection{background:transparent}.uscale-r-main{user-select:text}.uscale-r-main ::selection{background:#fef08a}.uscale-stage{background:var(--rules-header, #fefaee);border-radius:var(--u-radius);padding:var(--u);box-sizing:border-box}.uscale-readout{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--u)}.uscale-r-tag{display:inline-flex;align-items:center;flex-shrink:0;padding:4px 10px;border:1px solid color-mix(in srgb,var(--rules-ink) 22%,transparent);border-radius:100px;font-family:var(--font-code);font-size:var(--text-0-25u);color:color-mix(in srgb,var(--rules-ink) 55%,var(--rules-header, #fefaee));white-space:nowrap;margin-bottom:4px}.uscale-r-main{display:flex;align-items:baseline;gap:var(--u-h);margin-top:var(--u-q)}.uscale-r-sym{font-family:var(--font-body);font-size:calc(var(--u) * 1.6);font-weight:700;line-height:.9;color:var(--rules-ink)}.uscale-r-name{font-family:var(--font-body);font-size:var(--text-0-5u);color:color-mix(in srgb,var(--rules-ink) 55%,var(--rules-header, #fefaee))}.uscale-track{position:relative;width:100%;height:88px;margin-block:var(--u);touch-action:none;user-select:none;cursor:grab;outline:none}.uscale-track:active{cursor:grabbing}.uscale-track:focus-visible{outline:2px solid var(--color-highlight);outline-offset:6px;border-radius:4px}.uscale-frame{position:absolute;top:-4px;left:0;width:64px;height:92px;transform:translate(-50%);background:color-mix(in srgb,var(--color-highlight) 7%,transparent);border:1px solid color-mix(in srgb,var(--color-highlight) 38%,transparent);border-radius:16px;will-change:left}.uscale-wave{position:absolute;left:0;right:0;top:50px;height:0}.uscale-wave i{position:absolute;top:0;width:2px;height:2px;margin-left:-1px;border-radius:50%;background:var(--rules-ink);transform:translateY(-50%);opacity:.12;animation:uscaleWave 2.6s linear infinite}@keyframes uscaleWave{0%{opacity:.08}50%{opacity:.4}to{opacity:.08}}.uscale-u-pow,.uscale-u-lab{position:absolute;transform:translate(-50%);font-family:var(--font-code);font-size:var(--text-0-25u);white-space:nowrap;color:color-mix(in srgb,var(--rules-ink) 50%,var(--rules-header, #fefaee));transition:color var(--motion-fast) ease}.uscale-u-pow{top:4px}.uscale-u-lab{top:64px}.uscale-u-pow.is-on,.uscale-u-lab.is-on{font-weight:700;color:var(--color-highlight)}.uscale-sq{position:absolute;top:50px;width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--rules-ink);opacity:.5;animation:uscaleWaveSq 2.6s linear infinite}@keyframes uscaleWaveSq{0%{opacity:.32}50%{opacity:.62}to{opacity:.32}}.uscale-sq.is-on{animation:none;opacity:1;background:var(--color-highlight)}@media(prefers-reduced-motion:reduce){.uscale-wave i,.uscale-sq{animation:none}}.uscale-foot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--u-h);font-family:var(--font-code);font-size:var(--text-0-25u);color:color-mix(in srgb,var(--rules-ink) 55%,var(--rules-header, #fefaee))}.uscale-formula{color:var(--rules-ink);text-align:center;white-space:nowrap}.uscale-formula b{font-weight:700;color:var(--color-highlight)}.uscale-hint{flex:0 0 auto}.rules-page{--rules-content-left: var(--u-9);--rules-content-right: var(--gutter);min-height:100vh;background:var(--rules-bg);color:var(--rules-ink);user-select:none}.rule-description-copy,.example-card p,.definition-card p,.example-note{user-select:text}.rules-breadcrumb a,.rules-breadcrumb span{display:inline-flex;min-height:32px;align-items:center;justify-content:center;border-radius:16px;text-decoration:none}.rules-hero{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;height:calc(var(--u) * 12);padding:0 var(--rules-content-right) var(--u) var(--rules-content-left)}.rules-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--u)}.rules-title-row h1{margin:0;font-family:var(--font-display);font-size:var(--text-2u);font-weight:400;line-height:calc(var(--u) * 2);text-align:left}.rules-title-aside{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-top:10px}.rules-title-row.is-long-title h1{font-size:var(--text-1-5u)}.rules-conv-badge{display:inline-block;padding:3px 8px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:4px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.rules-conv-switch{position:relative}.rules-conv-switch>summary{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:4px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;list-style:none;transition:border-color .15s ease,color .15s ease}.rules-conv-switch>summary::-webkit-details-marker{display:none}.rules-conv-switch>summary:hover{border-color:color-mix(in srgb,currentColor 55%,transparent)}.rules-conv-caret{font-size:9px;opacity:.7}.rules-conv-switch[open]>summary .rules-conv-caret{transform:rotate(180deg)}.rules-conv-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:20;display:flex;flex-direction:column;min-width:max-content;overflow:hidden;background:var(--rules-bg);border:1px solid color-mix(in srgb,var(--rules-ink) 15%,transparent);border-radius:6px;box-shadow:0 8px 24px #0000001f}.rules-conv-menu a{padding:8px 16px;color:var(--rules-muted);font-family:var(--font-code);font-size:13px;text-decoration:none;white-space:nowrap}.rules-conv-menu a:hover{background:var(--rules-chip);color:var(--rules-ink)}.rules-conv-menu a.is-active{background:var(--rules-yellow);color:var(--rules-ink)}.rules-untranslated{display:inline-block;font-family:var(--font-body);font-size:11px;font-style:italic;opacity:.6}.rules-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0;box-sizing:border-box;height:calc(var(--u) * 2);padding:var(--u) var(--rules-content-right) 0 var(--rules-content-left)}.rules-breadcrumb a,.rules-breadcrumb span{background:var(--rules-chip);padding:8px 16px;color:var(--rules-muted);font-size:16px;line-height:1}.rules-breadcrumb>span[aria-hidden=true]{width:32px;height:32px;min-height:32px;padding:0;color:var(--rules-ink);font-family:var(--font-body);font-size:20px;line-height:1}.rules-breadcrumb .is-current{background:var(--rules-yellow);color:var(--rules-ink)}.rules-toc{display:flex;flex-wrap:wrap;gap:0;align-items:flex-start;box-sizing:border-box;height:calc(var(--u) * 3);padding:var(--u) var(--rules-content-right) 0 var(--rules-content-left);color:var(--text-muted);font-family:var(--font-code);font-size:13px;line-height:1.2}.rules-toc a{color:inherit;text-decoration:none;white-space:nowrap}.rules-toc span{padding:0 2px}.rules-definition{padding:calc(var(--u) * 3) var(--rules-content-right) calc(var(--u) * 2) var(--rules-content-left)}.rules-definition h2,.rule-part-heading h2,.rule-part-heading h3{margin:0;font-family:var(--font-display);font-size:var(--text-1u);font-weight:400;line-height:calc(var(--u) * 2)}.definition-card{display:inline-grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--u);box-sizing:border-box;max-width:100%;min-height:var(--u-3);align-items:center;margin-top:var(--u);border-radius:16px;background:var(--rules-green);padding:var(--u-h) var(--u);color:var(--rules-ink);font-size:var(--text-0-5u);line-height:var(--u)}.definition-card p{margin:0}.rules-definition .uscale{padding-inline:0}.rules-definition .rule-part-title{padding-inline:0;padding-top:var(--u);padding-bottom:0}.rules-definition .rule-part-tag{display:none}.rules-definition .rule-description{margin-inline:0}.rules-flow{padding-bottom:calc(var(--u) * 3)}.rule-block,.rules-definition{scroll-margin-top:calc(var(--u) * 5)}.rule-part-title{display:flex;align-items:center;padding:16px var(--rules-content-right) 16px var(--rules-content-right)}.rule-part-tag{display:flex;width:calc(var(--u) * 4);flex-shrink:0;align-items:center}.function-tag{display:inline-flex;width:96px;height:32px;align-items:center;justify-content:center;border-radius:10px;background:var(--rules-ink);color:var(--rules-pink);font-size:16px;font-weight:700;line-height:1;text-transform:uppercase}.function-tag.is-core{background:#ff8902}.function-tag.is-context{background:var(--rules-ink)}.function-tag.is-optic{background:#bcebff;color:#005e80}.rule-part-heading{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:var(--u)}.rule-part-heading>span{display:flex;width:32px;height:64px;flex-shrink:0;align-items:center;justify-content:center;border-radius:16px;background:var(--rules-yellow);font-family:var(--font-code);font-size:28px;font-weight:700;line-height:1}.spacing-panel,.rule-description,.examples-stack,.block-math,.related-list,.shortcut-grid{margin-left:var(--rules-content-left);margin-right:var(--rules-content-right)}.spacing-panel{padding:var(--u) 0}.spacing-grid{display:flex;box-sizing:border-box;height:calc(var(--u) * 9);align-items:flex-start;justify-content:center;gap:var(--u);border:1px solid var(--rules-yellow);background-image:linear-gradient(to right,rgb(246 242 166 / 80%) 1px,transparent 1px),linear-gradient(to bottom,rgb(246 242 166 / 80%) 1px,transparent 1px);background-position:0 0;background-origin:border-box;background-size:var(--u) var(--u)}.spacing-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--u)}.spacing-unit.is-sign{padding-top:calc(var(--u) * 2)}.spacing-label{display:inline-flex;min-height:32px;align-items:center;justify-content:center;border-radius:16px;background:var(--rules-yellow);padding:8px 16px;color:var(--rules-ink);font-family:var(--font-code);font-size:var(--text-0-25u);line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap;border:0}button.spacing-label.is-copyable{cursor:pointer;display:grid;place-items:center;transition:background var(--motion-fast) ease,color var(--motion-fast) ease}button.spacing-label.is-copyable .lbl-name,button.spacing-label.is-copyable .lbl-uni{grid-area:1 / 1;transition:opacity var(--motion-fast) var(--ease-standard)}button.spacing-label.is-copyable .lbl-uni{opacity:0}button.spacing-label.is-copyable:hover .lbl-name,button.spacing-label.is-copyable:focus-visible .lbl-name{opacity:0}button.spacing-label.is-copyable:hover .lbl-uni,button.spacing-label.is-copyable:focus-visible .lbl-uni{opacity:1}.spacing-label.is-copied{background:var(--rules-good);color:#fff;transition:background .1s ease,color .1s ease}.spacing-box.is-copied{outline:3px solid var(--rules-good);outline-offset:-3px;transition:outline-color .1s ease}.spacing-box{display:flex;width:160px;height:160px;align-items:center;justify-content:center;border-radius:16px;padding:0}button.spacing-box{cursor:pointer;border:0;background:transparent}.spacing-box.is-sign-box{border:1px solid var(--rules-chip);background:var(--rules-chip);font-family:var(--font-display);font-size:96px;line-height:1;width:auto;min-width:160px;padding:0 16px}.spacing-box.is-text{border:1px solid var(--rules-chip);background:var(--rules-chip);font-family:var(--font-display);font-size:96px;line-height:1;width:auto;min-width:160px;white-space:nowrap;padding:0 16px}.spacing-connector{width:0;height:160px;margin-inline:-2px;margin-top:calc(var(--u) * 2);border-left:4px dashed var(--rules-yellow);background:transparent}.rule-description{display:flex;align-items:stretch;gap:var(--u)}.rule-description>span{width:2px;flex-shrink:0;margin-block:calc(var(--u) * 2);background:var(--rules-ink)}.rule-description-copy{display:flex;flex-direction:column;justify-content:center;max-width:760px;min-height:calc(var(--u) * 2);padding:calc(var(--u) * 2) 0;font-size:var(--text-0-5u);line-height:1.2}.rule-description-copy p{margin:0}.rule-description-copy p+p{margin-top:.2em}.rule-description-copy .otf-prose-list{margin:.3em 0;padding-left:1.4em}.rule-description-copy .otf-prose-list li{margin:.1em 0}.rule-description-copy .otf-prose-list+p,.rule-description-copy p+.otf-prose-list{margin-top:.3em}.definition-card a,.rule-description-copy a,.rule-block a{color:#1d4ed8;text-decoration:underline;text-underline-offset:2px}.definition-card a:hover,.rule-description-copy a:hover,.rule-block a:hover{color:#1e3a8a}.examples-stack{display:grid;gap:var(--u);padding:var(--u) 0}.example-row{display:grid;grid-template-columns:repeat(2,minmax(0,512px));gap:var(--u)}.example-row.is-contextual{grid-template-columns:minmax(0,1fr)}.example-row.is-compare-alt{grid-template-columns:repeat(3,minmax(0,1fr))}.example-card{display:flex;min-height:calc(var(--u) * 9);flex-direction:column;align-items:flex-start;margin:0;overflow:hidden;border-radius:16px}.example-card figcaption{display:inline-flex;min-height:32px;align-items:center;justify-content:center;border-radius:16px;padding:8px 16px;font-family:var(--font-code);font-size:var(--text-0-25u);line-height:1.2;text-transform:uppercase}.example-card p{display:flex;flex:1 1 auto;align-items:center;justify-content:center;width:100%;margin:0;padding:0 var(--u) var(--u);font-family:var(--font-display);font-size:var(--ex-size, 44px);line-height:1.2;text-align:center;white-space:pre-wrap}.example-row.is-size-s{--ex-size: 32px}.example-row.is-size-m{--ex-size: 44px}.example-row.is-size-l{--ex-size: 60px}.example-card p .otf-doc{display:block;width:100%}.example-card p .otf-para{display:block}.example-card p .otf-para+.otf-para{margin-top:.35em}.example-card p .otf-para.is-list{display:flex;align-items:baseline;justify-content:flex-start;gap:.4em;text-align:left}.example-card p .otf-marker{flex:0 0 auto;opacity:.6;font-variant-numeric:tabular-nums}.example-card p .otf-para-body{display:inline}.example-card p .otf-run{font:inherit;white-space:inherit}.example-card.is-wrong{background:var(--rules-red);color:var(--rules-bad)}.example-card.is-wrong figcaption{background:var(--rules-pink);color:var(--rules-bad)}.example-card.is-correct{background:var(--rules-green);color:var(--rules-good)}.example-card.is-correct figcaption{background:#89c394;color:var(--rules-good)}.example-card.is-context{background:var(--color-accent-soft);color:var(--rules-ink)}.example-card.is-context figcaption{background:#f0e4be;color:var(--color-accent)}.example-card.is-context p{justify-content:flex-start;padding-inline:calc(var(--u) * 2);text-align:left}.example-card.is-alt{background:var(--rules-blue);color:#005e80}.example-card.is-alt figcaption{background:#9fdcf3;color:#005e80}.example-card.is-alt p{font-family:"Inter",var(--font-body)}.example-note{grid-column:1 / -1;margin:-16px 0 0;color:var(--rules-muted);font-size:16px}.related-list{display:flex;flex-wrap:wrap;gap:8px;padding:var(--u) 0;list-style:none}.related-list a{display:inline-flex;min-height:32px;align-items:center;border-radius:16px;background:var(--rules-chip);padding:8px 16px;color:var(--rules-ink);text-decoration:none}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--u);padding:var(--u) 0 calc(var(--u) * 2)}.shortcut-card{display:flex;min-height:96px;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;border:0;border-radius:16px;background:var(--rules-chip);padding:16px;color:var(--rules-ink);text-align:left;cursor:pointer}.shortcut-card span{color:var(--rules-muted);font-family:var(--font-code);font-size:12px;text-transform:uppercase}.shortcut-card code{font-family:var(--font-code);font-size:16px;line-height:1.2;overflow-wrap:anywhere}@media(max-width:1180px){.rules-page{--rules-content-left: calc(var(--u) * 3);--rules-content-right: calc(var(--u) * 3)}.rules-title-row h1{font-size:80px}.example-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.rules-page{--rules-content-left: var(--u);--rules-content-right: var(--u)}.rules-title-row h1{font-size:64px;line-height:calc(var(--u) * 2)}.rules-title-row.is-long-title h1{font-size:64px}.rule-part-title{align-items:flex-start;flex-direction:column;gap:16px}.rule-part-tag{width:auto}.spacing-grid{height:auto;flex-direction:column;align-items:center;justify-content:center;padding:var(--u)}.spacing-unit.is-sign{padding-top:0}.spacing-connector{width:160px;height:0;margin-inline:0;margin-block:-2px;border-top:4px dashed var(--rules-yellow);border-left:0}.example-row,.shortcut-grid{grid-template-columns:1fr}.example-card p{font-size:48px}}@media(max-width:520px){.rules-page{--rules-content-left: 16px;--rules-content-right: 16px}.rules-breadcrumb a,.rules-breadcrumb span{font-size:13px}.rules-title-row h1,.rules-title-row.is-long-title h1{font-size:clamp(34px,9vw,48px)}.rules-definition h2,.rule-part-heading h2{font-size:32px;line-height:var(--u-2)}.rule-part-heading{align-items:flex-start;gap:16px}.definition-card,.rule-description-copy{font-size:20px}.definition-card{display:block;width:100%;padding:var(--u-h)}.definition-card p+p{margin-top:1em}.rule-description{gap:16px}.spacing-box{width:128px;height:128px}.spacing-connector{width:128px}.example-card{min-height:224px}.example-card p{padding-inline:16px}.example-row.is-size-s{--ex-size: 26px}.example-row.is-size-m{--ex-size: 34px}.example-row.is-size-l{--ex-size: 44px}.example-card.is-context p{padding-inline:24px}}.block-math{padding:var(--u) 0}.block-math p{font-size:1.5rem;font-family:var(--font-math);padding-bottom:var(--u);overflow-x:auto}.block-math p .katex-display{margin-block:0}.block-math__caption{width:100%;padding:0 var(--u) var(--u-h);color:var(--rules-good);font-size:14px;font-family:var(--font-body);opacity:.75}