:root{--bg: #f4f1ea;--surface: #fffdf8;--surface-2: #ece6db;--ink: #1f1b16;--muted: #645b50;--line: #d9d0c2;--accent: #85532a;--accent-ink: #fffdf8;--error: #a1261b;--error-bg: #fbecea;--check-bg: #f5ecd9;--focus: #2f6fb0;--shadow: 0 1px 2px rgb(60 45 25 / 0.06),0 4px 16px rgb(60 45 25 / 0.06);--serif: "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--sans: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--radius: 14px;color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #171513;--surface: #211e1a;--surface-2: #2c2823;--ink: #eee7db;--muted: #aca192;--line: #3d3730;--accent: #d9a56b;--accent-ink: #1b1611;--error: #ff9b8f;--error-bg: #3a1f1b;--check-bg: #2f281d;--focus: #7fb3ec;--shadow: none;color-scheme: dark}}:root[data-theme="dark"]{--bg: #171513;--surface: #211e1a;--surface-2: #2c2823;--ink: #eee7db;--muted: #aca192;--line: #3d3730;--accent: #d9a56b;--accent-ink: #1b1611;--error: #ff9b8f;--error-bg: #3a1f1b;--check-bg: #2f281d;--focus: #7fb3ec;--shadow: none;color-scheme: dark}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--bg);color: var(--ink);font: 16px/1.6 var(--sans)}h1,h2{font-family: var(--serif);font-weight: 600;line-height: 1.2;letter-spacing: 0.01em;margin: 0 0 0.25rem}h1{font-size: 1.75rem}h2{font-size: 1.4rem}a{color: var(--accent)}:focus-visible{outline: 3px solid var(--focus);outline-offset: 2px}.wrap{width: 100%;max-width: 760px;margin: 0 auto;padding: 0 16px}.visually-hidden{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.skip{position: absolute;left: 16px;top: -48px;background: var(--accent);color: var(--accent-ink);padding: 8px 12px;border-radius: 8px;z-index: 10}.skip:focus{top: 8px}.site-header{border-bottom: 3px double var(--line);background: var(--surface)}.header-row{display: flex;align-items: center;justify-content: space-between;min-height: 56px}.brand{display: flex;align-items: center;gap: 10px;color: var(--ink);text-decoration: none;font-family: var(--serif);font-weight: 600;font-size: 1.05rem}.brand-mark{flex: none;width: 34px;height: 34px;stroke-width: 3}.brand-name{text-transform: uppercase;letter-spacing: 0.12em;font-size: 0.82rem}.mark{color: var(--accent);fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round;--cut: var(--surface)}.mark .mark-solid,.mark-solid{fill: currentColor;stroke: none}.mark-cut{stroke: var(--cut);stroke-width: 1.3}.theme-toggle{display: grid;place-items: center;width: 40px;height: 40px;border: 1px solid var(--line);border-radius: 50%;background: transparent;color: var(--ink);cursor: pointer}.theme-toggle svg{width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round}.theme-toggle .icon-sun{display: none}:root[data-theme="dark"] .theme-toggle .icon-sun{display: block}:root[data-theme="dark"] .theme-toggle .icon-moon{display: none}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .theme-toggle .icon-sun{display: block}:root:not([data-theme="light"]) .theme-toggle .icon-moon{display: none}}main{padding-top: 16px;padding-bottom: 32px}.card{position: relative;overflow: hidden;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow);padding: 20px 16px;margin-bottom: 16px}.card > *{position: relative}.card > .watermark{position: absolute;top: -34px;right: -34px;width: 170px;height: 170px;opacity: 0.08;stroke-width: 1.6;pointer-events: none}.eyebrow{margin: 0 0 4px;font: 600 0.75rem var(--serif);text-transform: uppercase;letter-spacing: 0.22em;color: var(--accent)}.lead{margin: 0 0 16px;color: var(--muted)}.big-input{display: block;width: 100%;padding: 12px 14px;border: 1.5px solid var(--line);border-radius: 10px;background: var(--bg);color: var(--ink);font: 600 1.75rem/1.2 var(--serif);letter-spacing: 0.04em}.big-input:focus{border-color: var(--accent);outline: none;box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.hint{margin: 8px 0 0;font-size: 0.875rem;color: var(--muted)}code{font-family: var(--serif);font-weight: 600;background: var(--surface-2);padding: 0 4px;border-radius: 4px}.result{margin-top: 16px;min-height: 96px}.result-row{display: flex;align-items: flex-start;gap: 12px}.result-value{flex: 1;min-width: 0;font: 600 2.5rem/1.25 var(--serif);letter-spacing: 0.05em;overflow-wrap: anywhere;padding-top: 0.12em}.result-value:empty{display: none}.result-value.long{font-size: 1.6rem}.date-value{font-size: 2rem;overflow-wrap: normal}.nowrap{white-space: nowrap}.result-sub{margin: 2px 0 0;color: var(--muted);font-size: 0.9rem}.result-sub:empty{display: none}.vinculum{text-decoration: overline;text-decoration-thickness: 0.06em;text-underline-offset: 0}.copy-btn{flex: none;margin-top: 6px;min-height: 40px;padding: 0 14px;border: 1px solid var(--accent);border-radius: 999px;background: transparent;color: var(--accent);font: 600 0.9rem var(--sans);cursor: pointer}.copy-btn:hover{background: var(--accent);color: var(--accent-ink)}.copy-btn.copied{background: var(--accent);color: var(--accent-ink)}.breakdown{display: flex;flex-wrap: wrap;gap: 8px;list-style: none;margin: 12px 0 0;padding: 0}.breakdown:empty{display: none}.breakdown li{display: flex;align-items: baseline;gap: 6px;padding: 4px 10px;border-radius: 8px;background: var(--surface-2);font-size: 0.95rem}.breakdown .num{font-family: var(--serif);font-weight: 600;letter-spacing: 0.04em}.breakdown .label{color: var(--muted);font-size: 0.8rem}.breakdown .op{color: var(--muted)}.error{margin: 0;padding: 10px 12px;border-radius: 10px;background: var(--error-bg);color: var(--error)}.error button{margin-left: 4px;padding: 0;border: 0;background: none;color: inherit;font: inherit;font-weight: 700;text-decoration: underline;cursor: pointer}.date-entry{display: grid;gap: 12px}.field{margin: 0;padding: 0;border: 0;min-width: 0}.field > label,.field > legend,.segmented legend{display: block;margin-bottom: 4px;padding: 0;font-size: 0.85rem;font-weight: 600;color: var(--muted)}.dmy{display: grid;grid-template-columns: 1fr 1fr 1.4fr;gap: 8px}.dmy label span{display: block;font-size: 0.75rem;color: var(--muted)}input[type="date"],.dmy input{width: 100%;min-height: 46px;padding: 8px 10px;border: 1.5px solid var(--line);border-radius: 10px;background: var(--bg);color: var(--ink);font: 1.05rem var(--sans)}input[type="date"]:focus,.dmy input:focus{border-color: var(--accent)}.options{display: grid;gap: 14px;margin-top: 16px}.segmented{margin: 0;padding: 0;border: 0;min-width: 0;display: flex;flex-wrap: wrap;gap: 6px}.segmented legend{width: 100%}.segmented label{position: relative}.segmented input{position: absolute;opacity: 0;inset: 0;margin: 0;cursor: pointer}.segmented span{display: block;padding: 8px 12px;border: 1px solid var(--line);border-radius: 999px;font-size: 0.9rem;line-height: 1.3;white-space: nowrap}.segmented small{color: var(--muted);font-size: 0.75rem}.segmented input:checked + span{background: var(--accent);border-color: var(--accent);color: var(--accent-ink)}.segmented input:checked + span small{color: inherit;opacity: 0.85}.segmented input:focus-visible + span{outline: 3px solid var(--focus);outline-offset: 2px}.check{margin-top: 14px;padding: 12px 14px;border-left: 4px solid var(--accent);border-radius: 0 10px 10px 0;background: var(--check-bg)}.check p{margin: 0}.check-words strong{font-family: var(--serif);font-size: 1.1rem}.check-note{margin-top: 4px !important;font-size: 0.9rem;color: var(--muted)}.divider{display: flex;align-items: center;gap: 14px;margin: 8px 0 4px}.divider::before,.divider::after{content: "";flex: 1;border-top: 3px double var(--line)}.divider .mark{width: 36px;height: 36px;stroke-width: 2;--cut: var(--bg)}.separator-row{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 16px}.select-wrap{position: relative;flex: 1 1 220px;max-width: 340px}.select-wrap::after{content: "";position: absolute;right: 14px;top: 50%;width: 8px;height: 8px;border: solid var(--muted);border-width: 0 2px 2px 0;transform: translateY(-70%) rotate(45deg);pointer-events: none}.select-wrap select{appearance: none;width: 100%;min-height: 44px;padding: 8px 36px 8px 12px;border: 1.5px solid var(--line);border-radius: 10px;background: var(--bg);color: var(--ink);font: 1rem var(--sans);cursor: pointer}.select-wrap select:focus{border-color: var(--accent)}.check-option{display: inline-flex;align-items: center;gap: 8px;font-size: 0.9rem;cursor: pointer}.check-option input{width: 18px;height: 18px;margin: 0;accent-color: var(--accent)}.check-option:has(input:disabled){opacity: 0.5;cursor: default}.primary-btn{min-height: 44px;padding: 0 20px;border: 1px solid var(--accent);border-radius: 999px;background: var(--accent);color: var(--accent-ink);font: 600 0.95rem var(--sans);cursor: pointer}.primary-btn:hover{filter: brightness(1.08)}.small-btn{min-height: 36px;padding: 0 12px;border: 1px solid var(--line);border-radius: 999px;background: var(--surface);color: var(--ink);font: 600 0.82rem var(--sans);cursor: pointer}.small-btn:hover{border-color: var(--accent);color: var(--accent)}.preview-controls{display: grid;gap: 14px;margin-bottom: 16px}.sliders{display: grid;gap: 10px 20px;grid-template-columns: repeat(auto-fit,minmax(200px,1fr))}.slider span{display: block;margin-bottom: 2px;font-size: 0.85rem;font-weight: 600;color: var(--muted)}.slider input{width: 100%;accent-color: var(--accent)}.preview-status{margin: 0 0 8px;color: var(--muted)}.preview-status:empty{display: none}.font-grid{display: grid;gap: 12px;grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr))}.font-card{display: flex;flex-direction: column;border: 1px solid var(--line);border-radius: 12px;overflow: hidden;background: var(--surface)}.font-card header{display: flex;align-items: baseline;justify-content: space-between;gap: 8px;padding: 10px 12px 8px}.font-card h3{margin: 0;font: 600 1rem var(--serif)}.font-card header span{font-size: 0.75rem;color: var(--muted)}.font-canvas{flex: 1;display: grid;place-items: center;min-height: 120px;padding: 16px 12px;color: #6b5a4a;font-size: 0.85rem;text-align: center;overflow: hidden}.font-canvas svg{display: block;max-width: 100%}.font-actions{display: flex;flex-wrap: wrap;gap: 6px;padding: 10px 12px;border-top: 1px solid var(--line)}.font-card.is-empty .font-actions{display: none}.stencil-dialog{width: min(420px,calc(100% - 32px));padding: 20px;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);color: var(--ink)}.stencil-dialog::backdrop{background: rgb(20 16 12 / 0.55)}.stencil-dialog h2{margin-bottom: 4px}.muted{color: var(--muted);margin: 0 0 14px}.stencil-size{display: flex;align-items: center;gap: 8px;margin-bottom: 12px}.stencil-size label{font-weight: 600}.stencil-size input,.stencil-size select{min-height: 42px;padding: 6px 10px;border: 1.5px solid var(--line);border-radius: 10px;background: var(--bg);color: var(--ink);font: 1rem var(--sans)}.stencil-size input{width: 90px}.dialog-actions{display: flex;justify-content: flex-end;gap: 8px;margin-top: 16px}.ad-slot{min-height: 280px;margin: 8px 0 24px;border: 1px dashed var(--line);border-radius: var(--radius);display: grid;place-items: center}.ad-slot::before{content: "Advertisement";font-size: 0.75rem;letter-spacing: 0.1em;text-transform: uppercase;color: var(--muted)}.content{padding: 0 2px}.content h2{margin-top: 28px;margin-bottom: 8px}.content p{margin: 0 0 12px}.content strong{font-family: var(--serif);letter-spacing: 0.03em}.symbols{width: 100%;margin: 4px 0 16px;border-collapse: collapse;background: var(--surface);border: 1px solid var(--line);border-radius: 10px;overflow: hidden;text-align: center}.symbols th,.symbols td{padding: 8px 4px;border-bottom: 1px solid var(--line)}.symbols tbody th,.symbols tbody td{border-bottom: 0}.symbols th{text-align: left;padding-left: 10px;font-size: 0.8rem;color: var(--muted);font-weight: 600}.symbols thead td{font: 600 1.25rem var(--serif)}.site-footer{border-top: 1px solid var(--line);padding: 20px 0 32px;color: var(--muted);font-size: 0.875rem}.site-footer p{margin: 0}.footer-row{display: flex;align-items: center;gap: 14px}.footer-mark{flex: none;width: 40px;height: 40px;opacity: 0.7;--cut: var(--bg)}.anno{font-family: var(--serif);letter-spacing: 0.15em;text-transform: uppercase;font-size: 0.75rem}@media (min-width: 640px){h1{font-size: 2.1rem}.card{padding: 28px}.big-input{font-size: 2.1rem}.result-value{font-size: 3rem}.result-value.long{font-size: 2.2rem}.date-value{font-size: 2.4rem}.date-entry{grid-template-columns: 1fr 1.4fr;align-items: end}.ad-slot{min-height: 250px}.brand-name{font-size: 0.95rem}.card > .watermark{width: 230px;height: 230px;top: -46px;right: -46px}}@media (prefers-reduced-motion: no-preference){.copy-btn,.segmented span{transition: background-color 0.15s,color 0.15s}}.credits{padding-top: 8px}.credits h1{margin-bottom: 12px}.credit-list{display: grid;gap: 10px;margin: 0 0 16px;padding: 0;list-style: none}.credit-list li{padding: 12px 14px;border: 1px solid var(--line);border-radius: 10px;background: var(--surface)}.credit-list h3{margin: 0 0 2px;font: 600 1.05rem var(--serif)}.credit-list p{margin: 0;font-size: 0.9rem}.promo{display: grid;gap: 16px;align-items: center}.promo-clock{width: 96px;height: 96px;justify-self: center}.link-btn{display: inline-flex;align-items: center;text-decoration: none}@media (min-width: 640px){.promo{grid-template-columns: 120px 1fr}.promo-clock{width: 110px;height: 110px}}.wrap.wide{max-width: 1040px}.clock-layout{display: grid;gap: 20px;margin-bottom: 12px}.clock-preview{min-width: 0}.clock-stage{display: grid;place-items: center;aspect-ratio: 1;max-width: 460px;margin: 0 auto;padding: 6%;border-radius: var(--radius);background: #e3b896}.clock-stage svg{width: 100%;height: 100%;display: block}.clock-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin-top: 12px}.field-row{display: flex;flex-wrap: wrap;gap: 12px}.field-row .field{display: grid;gap: 4px}.field-row .field > span:first-child{font-size: 0.85rem;font-weight: 600;color: var(--muted)}.field-row .grow{flex: 1 1 220px}.field-row .select-wrap{display: block;max-width: none}.field-row input[type="time"],.field-row input[type="date"]{min-height: 44px;padding: 8px 10px;border: 1.5px solid var(--line);border-radius: 10px;background: var(--bg);color: var(--ink);font: 1rem var(--sans)}#clock-time-words{margin: -6px 0 0}#clock-time-words:empty{display: none}.content ul{margin: 0 0 12px;padding-left: 20px}.content li{margin-bottom: 6px}@media (min-width: 860px){.clock-layout{grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);align-items: start}.clock-preview{position: sticky;top: 16px}}#clock-controls{gap: 12px}.control-group{display: grid;gap: 12px;padding: 14px;border: 1px solid var(--line);border-radius: 12px;background: var(--bg)}.card .control-group h2{margin: 0;font: 600 0.8rem var(--serif);text-transform: uppercase;letter-spacing: 0.16em;color: var(--accent)}.control-group .field{display: grid;gap: 4px}.control-group .field > span:first-child{font-size: 0.85rem;font-weight: 600;color: var(--muted)}.control-group .select-wrap{display: block;max-width: none}.control-group input[type="time"],.control-group input[type="date"]{min-height: 44px;padding: 8px 10px;border: 1.5px solid var(--line);border-radius: 10px;background: var(--surface);color: var(--ink);font: 1rem var(--sans);justify-self: start}.control-group .select-wrap select{background: var(--surface)}.control-group .segmented span{background: var(--surface)}.control-group .segmented input:checked + span{background: var(--accent)}.control-group .hint{margin: 0}.date-fields{display: grid;gap: 12px}.size-slider{display: grid;gap: 2px}.size-head{display: flex;align-items: center;gap: 8px;font-size: 0.85rem;font-weight: 600;color: var(--muted)}.size-head output{margin-left: auto;color: var(--ink);font-variant-numeric: tabular-nums}.size-slider input{width: 100%;accent-color: var(--accent)}.reset-btn{padding: 2px 8px;border: 1px solid var(--line);border-radius: 999px;background: var(--surface);color: var(--accent);font: 600 0.75rem var(--sans);cursor: pointer}.reset-btn:hover{border-color: var(--accent)}.skin-control{display: grid;gap: 10px}.monk-swatches{display: flex;flex-wrap: wrap;gap: 6px}.monk-swatch{width: 30px;height: 30px;padding: 0;border: 2px solid var(--line);border-radius: 50%;cursor: pointer}.monk-swatch[aria-pressed="true"]{border-color: var(--accent);box-shadow: 0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.monk-slider{width: 100%;height: 14px;border-radius: 999px;appearance: none;-webkit-appearance: none;border: 1px solid var(--line);cursor: pointer}.monk-slider::-webkit-slider-thumb{-webkit-appearance: none;width: 22px;height: 22px;border-radius: 50%;background: var(--surface);border: 2px solid var(--accent);box-shadow: 0 1px 3px rgb(0 0 0 / 0.3)}.monk-slider::-moz-range-thumb{width: 18px;height: 18px;border-radius: 50%;background: var(--surface);border: 2px solid var(--accent)}.colour-match input[type="color"]{width: 36px;height: 30px;padding: 0;border: 1px solid var(--line);border-radius: 6px;background: none;cursor: pointer}.skin-control.is-dark-view .monk-swatches,.skin-control.is-dark-view .monk-slider,.skin-control.is-dark-view .colour-match{opacity: 0.4}.skin-control .hint{margin: 0}.ink-field{display: grid;gap: 4px;max-width: 260px}.ink-field > span:first-child{font-size: 0.85rem;font-weight: 600;color: var(--muted)}.ink-field .select-wrap{display: block;max-width: none}.font-canvas,.clock-stage{isolation: isolate}.site-nav{display: flex;gap: 4px 18px;overflow-x: auto;padding-bottom: 10px;font-size: 0.9rem;scrollbar-width: none}.site-nav a{white-space: nowrap;color: var(--muted);text-decoration: none;padding: 4px 0;border-bottom: 2px solid transparent}.site-nav a:hover{color: var(--ink)}.site-nav a[aria-current="page"]{color: var(--ink);border-bottom-color: var(--accent)}.breadcrumbs ol{display: flex;flex-wrap: wrap;gap: 6px;list-style: none;margin: 0 0 12px;padding: 0;font-size: 0.85rem;color: var(--muted)}.breadcrumbs li + li::before{content: "›";margin-right: 6px}.breadcrumbs a{color: var(--muted)}.numeral{font-family: var(--serif);font-weight: 600;letter-spacing: 0.04em}.answer{margin: 4px 0 6px;font: 600 1.3rem/1.35 var(--serif)}.answer .numeral{color: var(--accent);font-size: 1.15em;overflow-wrap: anywhere}.card h2{margin-bottom: 10px}.card p{margin: 0 0 10px}.card p:last-child{margin-bottom: 0}.build-steps{display: grid;gap: 8px;margin: 0 0 12px;padding: 0;list-style: none}.build-steps li{display: grid;grid-template-columns: minmax(64px,auto) 1fr;grid-template-areas: "numeral place" "numeral explain";column-gap: 14px;align-items: baseline;padding: 10px 12px;border-radius: 10px;background: var(--surface-2)}.step-numeral{grid-area: numeral;font: 600 1.4rem var(--serif);letter-spacing: 0.04em;align-self: center}.step-place{grid-area: place;font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.08em;color: var(--muted)}.step-explain{grid-area: explain}.sum{font: 600 1.05rem var(--serif)}.mistakes,.facts{margin: 0;padding-left: 20px}.mistakes li,.facts li{margin-bottom: 8px}.mistakes li::marker{color: var(--error)}.actions{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 12px !important}.small-btn.link-btn{display: inline-flex;align-items: center;text-decoration: none}.run,.pairs{width: 100%;border-collapse: collapse;font-size: 0.95rem}.run th,.run td,.pairs th,.pairs td{padding: 6px 10px;border-bottom: 1px solid var(--line);text-align: left}.run td,.pairs td.numeral{font-family: var(--serif);font-weight: 600;letter-spacing: 0.04em}.run thead th,.pairs thead th{font-size: 0.8rem;color: var(--muted);font-weight: 600}.run tr[aria-current]{background: var(--surface-2)}.run tr[aria-current] th::after{content: " ← this page";font-size: 0.75rem;font-weight: 400;color: var(--muted)}.prev-next{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin: 8px 0 24px}.prev-next a{display: grid;gap: 2px;padding: 12px 14px;border: 1px solid var(--line);border-radius: 12px;background: var(--surface);color: var(--ink);text-decoration: none}.prev-next a:hover{border-color: var(--accent)}.prev-next span:first-child{font-size: 0.75rem;color: var(--muted)}.prev-next .numeral{color: var(--accent);overflow-wrap: anywhere}.pn-next{text-align: right}.hub-intro{margin-bottom: 12px}.hub-intro h1{margin-bottom: 10px}.hub-group{margin-bottom: 20px}.hub-group h2{font-size: 1.15rem;margin: 0 0 8px}.hub-list{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 6px;margin: 0;padding: 0;list-style: none}.hub-list a{display: flex;justify-content: space-between;gap: 8px;padding: 6px 10px;border: 1px solid var(--line);border-radius: 8px;background: var(--surface);color: var(--ink);text-decoration: none;font-size: 0.9rem}.hub-list a:hover{border-color: var(--accent)}.hub-list .numeral{color: var(--accent);font-size: 0.85rem}.guide h1{margin-bottom: 8px}.guide h2{margin-top: 32px}.guide ol,.guide ul{padding-left: 22px}.guide li{margin-bottom: 6px}.toc{margin: 16px 0 8px;padding: 12px 16px;border: 1px solid var(--line);border-radius: 12px;background: var(--surface)}.toc ol{margin: 0}.toc li{margin-bottom: 2px}.guide .pairs{margin: 8px 0 14px;background: var(--surface)}.guide-list{display: grid;gap: 10px;margin: 0 0 24px;padding: 0;list-style: none}.guide-list a{display: grid;grid-template-columns: 56px 1fr;gap: 14px;align-items: center;padding: 14px 16px;border: 1px solid var(--line);border-radius: 12px;background: var(--surface);color: var(--ink);text-decoration: none}.guide-list a:hover{border-color: var(--accent)}.guide-list strong{display: block;font: 600 1.05rem var(--serif);margin-bottom: 2px}.guide-list a > span:last-child{color: var(--muted);font-size: 0.92rem}.guide-numeral{display: grid;place-items: center;height: 44px;border-top: 2px solid var(--accent);border-bottom: 2px solid var(--accent);font: 600 1rem var(--serif);letter-spacing: 0.06em;color: var(--accent)}.answers-hidden td:last-child,.answers-hidden td:last-child a{color: transparent;text-shadow: 0 0 8px var(--muted)}.practice + .small-btn{margin-bottom: 14px}.chart-controls{display: grid;gap: 12px;margin: 12px 0 16px}.chart-buttons{display: flex;gap: 8px;flex-wrap: wrap}.worksheet-fields{display: none}.chart-wrap{overflow-x: auto;margin-bottom: 20px}.chart{width: 100%;min-width: 560px;border-collapse: collapse;background: var(--surface);table-layout: fixed}.chart td{border: 1px solid var(--line);padding: 6px 4px;text-align: center;vertical-align: top;height: 52px}.chart .cn{display: block;font-size: 0.8rem;color: var(--muted)}.chart .cr{display: block;font: 600 0.95rem var(--serif);letter-spacing: 0.03em}.chart.show-sub td.sub{background: color-mix(in srgb,var(--accent) 18%,var(--surface))}.chart[data-mode="numerals"] .cr,.chart[data-mode="numbers"] .cn,.chart[data-mode="mixed"] .blank-r .cr,.chart[data-mode="mixed"] .blank-n .cn{visibility: hidden}.chart[data-mode="numbers"] .cr,.chart[data-mode="mixed"] .blank-n .cr{margin-top: 1.1em}.photo{margin: 18px 0 22px}.photo img{display: block;width: 100%;height: auto;border-radius: 10px;background: var(--surface-2)}.photo figcaption{margin-top: 8px;font-size: 0.88rem;color: var(--muted)}.photo .credit{display: block;margin-top: 2px;font-size: 0.78rem}.photo .credit a{color: var(--muted)}.byline{margin: -4px 0 14px;font-size: 0.85rem;color: var(--muted)}.byline a{color: var(--muted)}.placeholder{padding: 10px 12px;border: 2px dashed var(--accent);border-radius: 10px;color: var(--accent);font-weight: 600}#print-area{display: none}@media print{@page{margin: 12mm}body{background: #fff}body.printing-stencil > :not(#print-area){display: none !important}body.printing-stencil #print-area{display: block;color: #000;font: 10pt/1.4 var(--sans)}.print-meta{margin: 0 0 6mm}.print-design svg{display: block}.print-ruler{margin-top: 8mm}.print-ruler span{display: block;width: 5cm;border-top: 0.4mm solid #000}.print-ruler p{margin: 2mm 0 0;font-size: 8pt}}@media print{body:not(.printing-stencil) .site-header,body:not(.printing-stencil) .site-footer,body:not(.printing-stencil) .breadcrumbs,body:not(.printing-stencil) .ad-slot,body:not(.printing-stencil) .no-print,body:not(.printing-stencil) .skip{display: none !important}body:not(.printing-stencil){color: #000;background: #fff}body:not(.printing-stencil) main{padding: 0;max-width: none}.chart-intro{margin: 0}.chart-intro h1{font-size: 18pt;margin: 0 0 4mm}.chart-intro .eyebrow{display: none}body.worksheet .worksheet-fields{display: flex;gap: 8mm;margin: 0 0 4mm;font-size: 10pt}.worksheet-fields span{flex: 1;border-bottom: 0.3mm solid #000;padding-bottom: 6mm}.worksheet-fields span:last-child{flex: 0 0 25mm}.chart-wrap{overflow: visible;padding: 0 0.3mm}.chart{width: calc(100% - 0.6mm);margin: 0 auto;min-width: 0;background: #fff}.chart td{border: 0.3mm solid #000;height: 20mm;padding: 1.5mm 1mm}.chart .cn{color: #000;font-size: 9pt}.chart .cr{color: #000;font-size: 11pt}.chart.show-sub td.sub{background: #e4e4e4;print-color-adjust: exact;-webkit-print-color-adjust: exact}}@media print{:root:not([data-print]),:root[data-theme]{--bg: #fff;--surface: #fff;--surface-2: #f1f1f1;--ink: #000;--muted: #333;--line: #444;--accent: #5a3a1c;--error: #8a1c12;--error-bg: #fff;--check-bg: #fff;--shadow: none;color-scheme: light}body:not(.printing-stencil) .card{box-shadow: none;border-color: #444}body:not(.printing-stencil) .watermark,body:not(.printing-stencil) .divider,body:not(.printing-stencil) .copy-btn,body:not(.printing-stencil) #preview,body:not(.printing-stencil) .prev-next,body:not(.printing-stencil) .actions,body:not(.printing-stencil) .small-btn{display: none !important}.run th,.run td,.pairs th,.pairs td,.symbols th,.symbols td{border-color: #444}.symbols,.pairs,.run{border-color: #444}.photo,tr,.build-steps li,.credit-list li,.guide-list li,.facts li,.mistakes li{break-inside: avoid}h1,h2,h3{break-after: avoid}a{color: inherit}.answers-hidden td:last-child,.answers-hidden td:last-child a{color: inherit;text-shadow: none}}.guide-list-title{margin: 8px 0 12px;font-size: 1.4rem}@media print{.photo img{max-height: 90mm;width: auto}}@media print{body:not(.printing-stencil) #clock-controls,body:not(.printing-stencil) .clock-actions,body:not(.printing-stencil) #clock-status,body:not(.printing-stencil) #clock .hint{display: none !important}.clock-layout{display: block}.clock-stage{max-width: 150mm;padding: 4mm;print-color-adjust: exact;-webkit-print-color-adjust: exact}}