@font-face{font-family:Atkinson;src:url(/haidao/fonts/AtkinsonHyperlegibleNext.ttf)format("truetype");font-display:swap;font-weight:200 800}@font-face{font-family:Haidao;src:url(/haidao/fonts/HaidaoCJK.woff2)format("woff2");font-display:swap}:root{color:#203b43;font-synthesis:none;--line:#bdcdcb;--teal:#006c74;--rust:#99401f;background:#f3f6f3;font-family:Atkinson,Haidao,sans-serif;font-size:18px;line-height:1.55}*{box-sizing:border-box}html{scroll-padding-top:1rem}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,select,input{color:inherit;background:0 0;border:1px solid #809b9d;border-radius:2px}button{min-height:44px;padding:.55rem .85rem}button:hover:not(:disabled){background:#e0ebe5}button[aria-pressed=true]{color:#f3f6f3;background:#203b43}button[aria-pressed=true]:hover:not(:disabled){color:#f3f6f3;background:#38565b}button.primary{color:#f3f6f3;background:#203b43;border-color:#203b43}button.primary:hover{background:#38565b}a{color:var(--teal);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}:focus-visible{outline-offset:4px;outline:3px solid #bb6226}p{margin:.75rem 0 1.1rem}header,main,footer{max-width:1420px;margin:auto;padding-inline:clamp(1rem,4vw,4rem)}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;min-height:100px;display:flex}.brand{color:inherit;align-items:center;gap:1rem;text-decoration:none;display:flex}.brand span:first-child{letter-spacing:.1em;font-family:Haidao,sans-serif;font-size:1.4rem}.brand span:last-child{letter-spacing:.2em;font-size:.75rem}nav{flex-wrap:wrap;gap:1.4rem;display:flex}nav a{color:inherit;font-size:.9rem}.skip{z-index:10;background:#f3f6f3;padding:1rem;position:absolute;top:-100px}.skip:focus{top:0}.intro{grid-template-columns:1.6fr 1fr;gap:clamp(2rem,8vw,8rem);padding-block:clamp(3rem,7vw,6rem) 4rem;display:grid}.intro h1{letter-spacing:-.045em;margin:1.2rem 0 1.8rem;font-size:clamp(3.2rem,6.9vw,6rem);font-weight:550;line-height:.99}.eyebrow{letter-spacing:.09em;text-transform:uppercase;font-size:.74rem;font-weight:650}.lead{letter-spacing:-.02em;font-size:1.4rem}.intro>div>p:last-of-type{max-width:36rem}.start{gap:3rem;margin-top:1rem;font-size:1.05rem;display:inline-flex}.opening-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-self:center;padding:1.8rem 0}.opening-note p[lang]{letter-spacing:.18em;margin:0 0 1rem;font-family:Haidao,sans-serif;font-size:clamp(2.5rem,4vw,4rem)}.opening-note a{font-size:.85rem}.section{border-top:1px solid #809b9d;padding-block:2.6rem 4rem}.section-heading{grid-template-columns:230px 1fr;align-items:baseline;gap:1.5rem;margin-bottom:1.1rem;display:grid}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:550;line-height:1.12}.section-deck{max-width:54rem;margin-bottom:1.4rem}.presets{flex-wrap:wrap;gap:.5rem;margin:1.4rem 0;display:flex}.presets button{font-size:.9rem}.fields{grid-template-columns:repeat(4,1fr);gap:1.3rem;margin-bottom:1rem;display:grid}.fields label{font-size:.94rem;font-weight:600}.fields span{margin:.2rem 0;font-size:.8rem;font-weight:400;display:block}.fields input{background:#e7efea;width:100%;padding:.5rem .65rem;font-size:1.35rem;font-weight:500;display:block}.unit-note{color:#425f65;max-width:62rem;margin-block:1.6rem 2rem;font-size:.85rem}.survey-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start;gap:2.5rem;display:grid}.diagrams{min-width:0}figure{border-top:1px solid var(--line);margin:0 0 1.8rem;padding-top:.6rem}figure svg{width:100%;height:auto;display:block}figcaption{max-width:48rem;font-size:.78rem;line-height:1.55}.front-key{color:var(--teal);margin-right:1rem;font-weight:650}.rear-key{color:var(--rust);margin-right:1rem;font-weight:650}.operation{background:#e5eee7;min-width:0;padding:1.2rem 1.4rem}.operation>.eyebrow{margin-top:0}#divisors{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}#divisors button{text-align:left;font-size:.87rem}#divisors strong{font-size:1.35rem;display:block}.stage-name{color:#425f65;margin-block:1.7rem .2rem;font-size:.85rem}.operation h3{margin:.5rem 0;font-size:1.35rem;line-height:1.2}.formula{overflow-wrap:anywhere;font-size:1.45rem;font-weight:550;line-height:1.3}.step-controls{flex-wrap:wrap;gap:.55rem;margin-top:1.2rem;display:flex}.step-controls button{font-size:.9rem}.text-button{text-underline-offset:.2em;text-align:left;border:0;padding:.4rem 0;font-size:.85rem;text-decoration:underline}.check{border-top:1px solid #a6bcaf;margin-top:.8rem;padding-top:.7rem}.check strong{display:block}.check p{font-size:.9rem}.check.bad{color:#853414}.check.good{color:#005b62}.check-data{font-variant-numeric:tabular-nums;font-size:.88rem}.derivation{margin-top:2rem}.equations{border-left:1px solid var(--line);overflow-wrap:anywhere;padding-left:1.4rem;font-weight:550}details{border-top:1px solid var(--line);max-width:70rem;margin-top:1.4rem;padding-block:1rem}summary{cursor:pointer;min-height:36px;font-weight:600}details>p{max-width:58rem}.reader-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:3rem;margin-top:2rem;display:grid}.select-label{margin-bottom:.35rem;font-size:.85rem;display:block}select{background:#e7efea;max-width:100%;padding:.55rem .65rem}#reading-choice{width:100%}#passage{padding-top:1rem}#passage h3{margin:.6rem 0;font-size:1.5rem;font-weight:550;line-height:1.2}.chinese{letter-spacing:.03em;overflow-wrap:anywhere;font-family:Haidao,sans-serif;font-size:1.45rem;line-height:1.85}.translation{font-size:1.12rem}.words{border-top:1px solid var(--line);font-size:.9rem}.words>div{border-bottom:1px solid var(--line);grid-template-columns:6rem 1fr;gap:1rem;padding:.65rem 0;display:grid}.words dt{font-family:Haidao,sans-serif;font-size:1.1rem}.words dd{margin:0}.words dd span{color:#425f65;display:block}.source-location{color:#425f65;font-size:.78rem}.witness{min-width:0}.source-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.source-controls label{width:100%;font-size:.85rem}.source-controls select{flex:1;min-width:0}.source-controls button{font-size:.8rem}.source-frame{scrollbar-gutter:stable;background:#d4ddd7;border:1px solid #a1b5af;height:510px;overflow:auto}.source-frame img{width:100%;max-width:none;height:auto;display:block}.source-frame.enlarged img{width:3600px}#source-status{overflow-wrap:anywhere;min-height:1.3em;font-size:.8rem}.uncertainty-layout{grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem;display:grid}.error-control{margin-top:1.8rem;font-size:1.2rem;font-weight:550;display:block}.error-control output{min-width:1.8rem;display:inline-block}.error-control input{width:100%;accent-color:var(--teal);min-height:36px;margin-block:1.2rem;display:block}#bounds{background:#e5eee7;padding:1.3rem 1.5rem}#bounds h3{margin:.4rem 0 1rem;font-size:1.6rem;font-weight:550;line-height:1.2}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.92rem}.data-table th,.data-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #a5bab1;padding:.65rem .3rem}.data-table th{font-weight:550}.data-table thead{font-size:.8rem}.downloads{flex-wrap:wrap;gap:.6rem;margin:1.6rem 0;display:flex}#save>p{max-width:58rem}#offline-status{font-size:.85rem}footer{border-top:1px solid var(--line);padding-block:2rem 3rem;font-size:.8rem}footer p{max-width:65rem}#address-warning:empty{display:none}#address-warning{background:#f4e4ce;padding:1rem}.noscript{padding:2rem}.full-expression{overflow-wrap:anywhere}@media (width>=1500px){.intro{padding-top:5rem}}@media (width<=1000px){.survey-layout{grid-template-columns:1fr}.operation{max-width:50rem}header{align-items:flex-start;padding-block:1.4rem}nav{gap:.7rem}.reader-layout{gap:1.8rem}.section-heading{grid-template-columns:180px 1fr}.source-frame{height:430px}}@media (width<=650px){:root{font-size:17px}header{min-height:0;display:block}nav{gap:1.2rem;margin-top:1rem}.intro{grid-template-columns:1fr;gap:2.5rem;padding-block:2.5rem 3rem}.intro h1{font-size:3.5rem}.opening-note{padding-block:1.3rem}.opening-note p[lang]{font-size:2.8rem}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:.7rem}.fields{grid-template-columns:1fr 1fr;gap:1rem}.survey-layout{gap:.5rem}.operation{padding:1.1rem}.reader-layout,.uncertainty-layout{grid-template-columns:1fr;gap:2rem}.words>div{grid-template-columns:5.2rem 1fr;gap:.5rem}.source-frame{height:390px}.section{padding-block:2rem 3rem}figure{margin-bottom:1rem}#bounds{padding:1rem}.downloads{display:grid}.downloads button{text-align:left;width:100%}.unit-note{margin-block:1rem 1.7rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header nav,.presets,button,.step-controls,form,select,.select-label,.skip,.error-control,.source-controls{display:none}header{min-height:0;padding-block:1rem}.intro{gap:2rem;padding-block:1.5rem}.intro h1{font-size:3rem}.section{padding-block:1.5rem}.section-heading{display:block}.section-heading h2{font-size:1.6rem}.survey-layout,.reader-layout,.uncertainty-layout{display:block}.operation{background:0 0;margin-block:1rem}#passage{break-inside:avoid}.source-frame{background:0 0;height:auto;overflow:visible}.source-frame img,.source-frame.enlarged img{width:100%}details{display:block}details>summary{list-style:none}.chinese{font-size:1.1rem}.intro,.section,footer{break-inside:auto}body{background:#f3f6f3;font-size:11pt}#offline-status,#offline-check,#save-status{display:none}figure{break-inside:avoid}.witness{break-before:page}}fieldset.presets,fieldset#divisors{border:0;min-width:0;padding:0}.diagram-frame{max-width:100%;overflow:auto}.diagram-frame.enlarged svg{width:1100px;max-width:none}.diagram-frame+button{font-size:.75rem}@media print{.diagram-frame{overflow:visible}.diagram-frame.enlarged svg{width:100%;max-width:100%}}@media (width<=650px){.source-controls select{flex-basis:100%}}#error-mode{width:100%;margin-top:.4rem}#try-errors{margin-bottom:1.5rem}.comparison-scroll{margin-block:1rem;overflow-x:auto}.comparison-scroll table{min-width:600px}.comparison-scroll caption{text-align:left;padding-bottom:.75rem;font-size:.85rem}.error-explorer{border-top:1px solid var(--line,#a5bab1);padding-top:2rem}#error-diagram{max-width:480px;margin-inline:auto}#error-diagram svg{width:100%;height:auto}.witness-result{border-left:3px solid var(--teal);overflow-wrap:anywhere;padding-left:1rem;font-size:1.2rem}.scroll-note{display:none}@media (width<=650px){.scroll-note{font-size:.8rem;display:block}}
