:root{color-scheme:light;--ink:#17273b;--muted:#536377;--blue:#245bcc;--line:#d8e0ea;--paper:#fff;--wash:#f2f6fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,select,input{accent-color:var(--blue)}button,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #da7800;outline-offset:4px}header{max-width:1240px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:14px}.brand{font-weight:750;letter-spacing:.18em;text-decoration:none}header span{color:var(--muted)}main{max-width:1176px;margin:auto;padding:0 32px}.intro{padding:45px 0 25px;max-width:740px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--blue);margin:0 0 8px}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(52px,7vw,88px);margin:0 0 16px}h2{font-size:clamp(32px,4vw,46px);margin:10px 0 20px}h3{font-size:19px;line-height:1.3;margin:0 0 16px}p{margin:0 0 16px}.intro>p:last-child{font-size:21px;color:var(--muted)}.chapters{display:flex;gap:12px 25px;flex-wrap:wrap;border-block:1px solid var(--line);padding:17px 0;font-size:14px}.chapters a{text-decoration:none}section{padding:48px 0;border-bottom:1px solid var(--line)}.section-heading{max-width:790px;margin-bottom:26px}.math{font-family:Georgia,"Times New Roman",serif;font-size:1.14em;overflow-wrap:anywhere}.large{font-size:30px;line-height:1.4;margin:4px 0}.lab{display:grid;grid-template-columns:1.6fr 1fr;gap:0;background:var(--wash);border-radius:12px;overflow:hidden}.diagram{background:#13283e;color:#edf5ff;padding:24px;display:flex;flex-direction:column;justify-content:center}.diagram-top{display:flex;justify-content:space-between;font-size:14px}.diagram-top span:last-child{font:28px Georgia,serif}.diagram svg{width:100%;height:auto;display:block;margin:12px 0}.diagram-note{font-size:13px;color:#b8cadf;margin:6px 0 0;line-height:1.5}.outline{fill:none;stroke-width:2}.outline.a{stroke:#7faeff}.outline.b{stroke:#61d2c5}.set-label{fill:#fff;font:22px Georgia,serif}.editor{padding:24px}.editor h3{font-size:17px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:3px 12px;text-align:center;border-bottom:1px solid #dbe2ee}th:first-child,td:first-child{text-align:left}td label{display:block;min-height:30px}input[type=checkbox]{width:19px;height:19px;vertical-align:middle;cursor:pointer}.set-readout{font-size:14px;margin:15px 0}.set-readout p{margin:0;overflow-wrap:anywhere}.field{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:14px}select{padding:7px;max-width:100%;background:white;color:var(--ink);border:1px solid #aebbd0;border-radius:5px;font-size:14px}.operation-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}button{border:1px solid #b8c6db;background:white;color:var(--ink);padding:10px 16px;border-radius:6px;font-size:15px;min-height:44px}button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.result{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 0;border-block:1px solid var(--line);align-items:center}.result>p{margin:0}.reading{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:32px 0 0}.reading p{font-size:16px}.calculation{color:var(--blue);font-weight:600}.muted{color:var(--muted);font-size:14px}details{padding:18px 0;border-block:1px solid var(--line);margin-top:22px}summary{cursor:pointer;font-weight:600}details p{margin:16px 0 0}.law{margin-top:30px}.law .field{margin-bottom:20px}.relation{padding:22px;background:var(--wash);border-left:3px solid var(--blue)}.relation p:last-child{margin-bottom:0}.text-button{padding:0;border:0;color:var(--blue);text-decoration:underline;background:transparent}.power-grid{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.power-grid > span{background:var(--wash);padding:10px 18px;font:19px Georgia,serif}.product-controls{display:flex;gap:36px;flex-wrap:wrap}fieldset{border:0;padding:0;margin:0}legend{font-size:14px;font-weight:600;margin-bottom:8px}.product-controls label{display:inline-flex;align-items:center;gap:8px;padding:8px 22px 8px 0}.product-grid{display:grid;gap:6px;margin:20px 0}.product-grid > span{background:var(--wash);padding:14px 8px;text-align:center;font:20px Georgia,serif}.infinity-map{background:var(--wash);padding:24px;display:grid;grid-template-columns:1fr;max-width:650px;margin:24px 0}.infinity-map span{font-size:14px;color:var(--muted)}.infinity-map .math{font-size:28px;word-spacing:7px}.quiz-item{padding:24px 0;border-bottom:1px solid var(--line)}.quiz-item h3{font-weight:500}.quiz-options{display:flex;gap:8px;flex-wrap:wrap}.feedback{margin:14px 0 0;color:var(--blue);min-height:28px}.quiz-item button.correct{background:#155b47;color:white;border-color:#155b47}footer{display:flex;justify-content:space-between;gap:20px;padding:32px 0;font-size:14px;color:var(--muted)}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:white;padding:12px;z-index:20}@media(max-width:740px){header{padding:20px}header span{display:none}main{padding:0 20px}.intro{padding-top:30px}.chapters{gap:10px 20px}.lab{grid-template-columns:1fr}.diagram{padding:18px 10px}.editor{padding:22px}.reading,.result{grid-template-columns:1fr;gap:22px}.reading{margin-top:24px}section{padding:36px 0}.operation-buttons button{flex:1 1 28%}.large{font-size:25px}.infinity-map{padding:20px 12px}.infinity-map .math{font-size:24px;word-spacing:0}footer{flex-direction:column}p{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.formula{padding:12px 0;overflow-x:auto;max-width:100%;font-size:1.05rem}.math .katex{font-size:1em}.formula .katex{font-size:1.12em}.math.large{font-size:26px}.space-top{margin-top:30px}.relation-lab{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;margin:24px 0}.relation-lab table button{padding:4px;min-width:44px}.relation-lab td{padding:5px}.property{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.property strong{font-size:16px}.property span{color:var(--muted)}.classification{margin-top:15px;font-weight:600}.quotient-classes{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0}.quotient-classes>div{padding:18px;background:var(--wash);flex:1;min-width:130px}.quotient-classes h3{margin:0 0 8px}.quotient-classes p{white-space:nowrap}.function-lab{display:grid;grid-template-columns:1fr 1.7fr;gap:30px;margin:26px 0}.function-lab svg{width:100%;height:auto;fill:var(--ink)}#function-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diagonal{overflow-x:auto;margin:20px 0}.diagonal td{padding:4px}.diagonal button{min-width:44px;padding:4px}.diagonal-bit{outline:2px solid #cf7100;outline-offset:1px}.anti-row{background:var(--wash);font-weight:700}.anti-row td{padding-block:15px}#diagonal-result{margin:12px 0}#power-grid .katex,#product-grid .katex{font-size:1em}.result>div{min-width:0}.result .math{overflow-x:auto;overflow-wrap:normal}.set-readout{overflow-x:auto}.infinity-map .math{word-spacing:normal}.infinity-map .katex{font-size:1em}.reading>div{min-width:0}@media(max-width:740px){.relation-lab,.function-lab{grid-template-columns:1fr}.relation-lab{gap:18px}.diagonal table{min-width:340px}.diagonal button{min-width:38px}.diagonal td{padding:3px 1px}.math.large{font-size:22px}.relation-lab table{max-width:400px}.formula{font-size:.96rem}.operation-buttons .katex{font-size:1em}.result{display:block}.result>p{margin-top:18px}.quotient-classes{gap:10px}}