:root{--ink:var(--tone-172a46);--muted:var(--tone-65758b);--green:var(--tone-244c83);--lime:var(--tone-eaf0fa);--paper:var(--tone-fafbfd);--line:var(--tone-e1e7ee);--white:var(--tone-fff);--radius:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--tone-adbf76);outline-offset:3px}[hidden]{display:none!important}.preview-banner{text-align:center;padding:10px 16px;background:var(--tone-e7efd5);font-size:12px;color:var(--tone-355438)}.topbar{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:12px;font-weight:750;letter-spacing:2px}.brand small{display:block;letter-spacing:.3px;font-weight:400;font-size:12px;margin-top:5px}.brand-icon{display:grid;place-items:center;width:42px;height:46px;background:var(--green);color:var(--tone-e6eccc);border-radius:12px;font-family:Georgia,serif;font-size:32px;font-weight:400;letter-spacing:0}.header-actions{display:flex;gap:8px}.quiet{background:transparent;border:0;color:var(--green);padding:12px;font-size:13px;font-weight:650}.login-layout{max-width:1060px;margin:70px auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:0 30px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--tone-71816a);margin:0 0 18px}h1,h2,h3,p{overflow-wrap:anywhere}h1{font:normal 58px/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0 0 22px}h2{font:normal 32px/1.2 Georgia,serif;margin:0 0 14px}h3{margin:0;font-size:17px}.lead{color:var(--muted);font-size:17px;line-height:1.7;max-width:440px}.intro-note{display:flex;gap:18px;margin-top:30px;align-items:flex-start}.intro-note>span{font:18px Georgia,serif;padding-top:3px;color:var(--tone-8e9f6c)}.intro-note strong{font-size:14px}.intro-note p{font-size:14px;line-height:1.6;color:var(--muted);margin:7px 0 0}.login-card{align-self:start;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 16px 60px var(--tone-17383208)}.login-card>p{line-height:1.6;font-size:14px;color:var(--muted)}label{display:block;font-size:12px;font-weight:650;color:var(--muted)}.login-card label{margin:22px 0 8px}input,select{width:100%;border:1px solid var(--tone-dce2d5);background:var(--tone-fff);border-radius:10px;padding:13px;color:var(--ink);min-height:46px}input::placeholder{color:var(--tone-91a095);font-size:13px}.primary,.secondary{min-height:44px;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:650}.primary{border:0;background:var(--green);color:white}.secondary{background:transparent;border:1px solid var(--line);color:var(--green)}.login-card .primary{margin-top:24px;width:100%;display:flex;justify-content:space-between}.fine{font-size:12px!important;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.error{color:var(--tone-a5362b)!important;min-height:18px}.demo-note{background:var(--tone-f0f5e6);border-radius:10px;padding:14px;font-size:12px}.demo-note p{line-height:1.6;margin-bottom:0}#app{max-width:1100px;margin:0 auto;padding:40px 32px 120px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.page-heading h1{font-size:43px;margin:0 0 10px}.page-heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0;line-height:1.6}.pilot-chip{border:1px solid var(--line);border-radius:30px;font-size:11px;padding:10px 14px;white-space:nowrap}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-card{text-align:left;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);min-height:156px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:transform .15s}.topic-card:hover{transform:translateY(-3px);border-color:var(--tone-9ab181)}.topic-card .number{font:20px Georgia,serif;color:var(--tone-90a275);margin-bottom:20px}.topic-card h3{line-height:1.35}.topic-card p{color:var(--muted);font-size:12px;margin:12px 0 0}.topic-card:nth-child(1){background:var(--tone-e6edd9)}.topic-card:nth-child(5n){background:var(--tone-edf0e7)}.filters{background:var(--tone-edf0e7);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:22px}.search-label input{margin-top:8px}.filter-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-top:14px}.filter-row select{margin-top:8px}.result-status{color:var(--muted);font-size:12px;min-height:18px}.questions{display:grid;gap:14px}.question-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px}.question-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.tag{font-size:10px;border-radius:6px;background:var(--tone-edf2e5);padding:5px 8px;color:var(--tone-53674a)}.question-card h3{font-size:16px;line-height:1.45}.question-card .description{font-size:13px;color:var(--muted);line-height:1.7;margin:10px 0 18px;white-space:pre-wrap}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.saved-button.is-saved{background:var(--tone-e6edd9);border-color:var(--tone-9ab181)}.practice-button.is-added{background:var(--tone-e6edd9)}.more{display:block;margin:24px auto}.bottom-nav{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;border:1px solid var(--tone-dbe2d2);background:var(--tone-fffffff5);backdrop-filter:blur(15px);padding:7px;border-radius:20px;box-shadow:0 12px 35px var(--tone-17383216);z-index:5}.bottom-nav button{border:0;background:transparent;border-radius:14px;color:var(--muted);padding:10px 24px;min-width:90px;display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px}.bottom-nav .active{background:var(--green);color:white}.bottom-nav span{font-size:19px}.bottom-nav small{border-radius:5px;font-size:10px;min-width:14px}.empty{text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.empty h2{color:var(--ink);font-size:28px}.empty p{line-height:1.7;font-size:14px}.practice-summary{background:var(--tone-e6edd9);border-radius:16px;padding:22px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.practice-summary p{font-size:13px;margin:5px 0 0}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--tone-173832);color:white;padding:14px 20px;border-radius:12px;font-size:13px;z-index:30;max-width:90vw}dialog{border:1px solid var(--line);border-radius:20px;padding:26px;width:min(900px,calc(100% - 24px));max-height:90dvh;color:var(--ink)}dialog::backdrop{background:var(--tone-10272088);backdrop-filter:blur(4px)}.dialog-header{display:flex;gap:15px;justify-content:space-between;align-items:start;margin-bottom:20px}.dialog-header h2{font-size:25px}.dialog-header .eyebrow{margin-bottom:10px}.question-image{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:8px;margin-bottom:15px;background:var(--white)}.question-image.enlarged{width:150%;max-width:none}.image-wrap{overflow:auto}.solution-box{padding:18px;background:var(--tone-f0f4e9);border-radius:12px;margin-top:18px;white-space:pre-wrap;font-size:14px;line-height:1.7}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}a.secondary{text-decoration:none;display:inline-flex;align-items:center}.offline-note{color:var(--tone-a5362b);font-size:13px}#account-dialog,#install-dialog{max-width:480px}#install-dialog p{font-size:14px;line-height:1.7}#account-email{overflow-wrap:anywhere}.print-header{display:none}@media(max-width:760px){.topbar{padding:18px 20px}.login-layout{grid-template-columns:1fr;gap:30px;margin:35px auto;padding:0 22px}.intro h1{font-size:43px}.lead{font-size:15px}.intro-note{display:none}.login-card{padding:25px}#app{padding:30px 20px 110px}.page-heading h1{font-size:36px}.page-heading{align-items:start}.pilot-chip{display:none}.topic-grid{grid-template-columns:repeat(2,1fr);gap:11px}.topic-card{padding:18px;min-height:148px}.topic-card h3{font-size:14px}.filter-row{grid-template-columns:1fr 1fr}.filter-row label:first-child{grid-column:1/-1}.bottom-nav{bottom:0;left:0;transform:none;width:100%;border-radius:18px 18px 0 0;padding-bottom:max(8px,env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav button{flex-direction:column;gap:2px;padding:8px;min-width:65px}.bottom-nav small{position:absolute;margin-left:45px}.question-card{padding:18px}.card-actions .secondary{padding:11px 13px}.practice-summary{align-items:start;flex-direction:column}.toast{bottom:95px}dialog{padding:20px}.header-actions{gap:0}.quiet{padding:10px 8px}.brand{font-size:11px}} @media print{body{background:var(--white);color:black}.topbar,.bottom-nav,.preview-banner,.page-heading,.filters,.result-status,.more,.practice-summary,.card-actions,.toast,dialog{display:none!important}#app{padding:0;max-width:none}.print-header{display:block!important;margin-bottom:25px}.question-card{border:0;border-bottom:1px solid var(--tone-ccc);border-radius:0;break-inside:avoid;padding:20px 0}.question-card .question-image{border:0}.print-space{height:110px}.question-card .description{font-size:12px}} /* Light academic design — 8 October 2026. */ :root{background:var(--tone-fafbfd)}body{letter-spacing:.05px}.topbar{background:var(--tone-fff);max-width:none;padding-left:max(24px,calc((100vw - 1100px)/2));padding-right:max(24px,calc((100vw - 1100px)/2))}.brand-icon{background:var(--tone-172a46);color:var(--tone-fff);border-radius:8px}.brand{letter-spacing:1.6px}.eyebrow{color:var(--tone-65758b)}.preview-banner{background:var(--tone-eef3fa);color:var(--tone-496582)}.login-layout{margin-top:65px}.intro h1{font-size:51px;line-height:1.18}.intro-note>span{color:var(--tone-6583aa)}.login-card{box-shadow:0 8px 36px var(--tone-172a4607);border-radius:16px}.demo-note{background:var(--tone-eef3fa)}.page-heading h1{font:600 36px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1.1px}.page-heading{margin-bottom:26px}.page-heading .eyebrow{font-size:10px}.pilot-chip{background:var(--tone-fff);color:var(--tone-5b6c81)}.study-start{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--tone-edf3fb);border:1px solid var(--tone-dfe8f5);border-radius:14px;padding:24px;margin-bottom:36px}.study-start .eyebrow{display:block;margin-bottom:9px;font-size:10px;color:var(--tone-5878a1)}.study-start h2{font:600 19px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}.study-start p{font-size:13px;line-height:1.6;color:var(--tone-65758b);margin:8px 0 0}.study-start .primary{white-space:nowrap}.syllabus-groups{display:grid;gap:32px}.module-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.module-number{font-size:11px;font-weight:600;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--tone-eaf0f7);color:var(--tone-496582)}.module-heading h2{font:600 16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}.module-count{font-size:11px;margin-left:auto;color:var(--tone-8090a4)}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic-card,.topic-card:nth-child(1),.topic-card:nth-child(5n){background:var(--tone-fff);border-radius:12px;min-height:130px;padding:20px;box-shadow:none}.topic-card:hover{border-color:var(--tone-9bb4d7);background:var(--tone-f7faff);transform:translateY(-2px)}.topic-card .number{font:500 11px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--tone-7990ae);display:flex;justify-content:space-between;width:100%;margin-bottom:21px}.topic-card .number span{font-size:16px;color:var(--tone-647c9c)}.topic-card h3{font-size:14px;font-weight:600}.topic-card p{font-size:11px;margin-top:9px}.tag{background:var(--tone-edf2f9);color:var(--tone-527198)}.filters{background:var(--tone-f0f4f9);border-radius:12px}.primary{background:var(--tone-244c83)}.primary:hover{background:var(--tone-1c3d6b)}.secondary{background:var(--tone-fff)}.question-card{border-radius:12px;box-shadow:0 2px 8px var(--tone-172a4603)}.saved-button.is-saved,.practice-button.is-added{background:var(--tone-eaf1fc);border-color:var(--tone-b6c9e5)}.bottom-nav{border-radius:14px;box-shadow:0 5px 22px var(--tone-172a4610)}.bottom-nav .active{background:var(--tone-eaf1fc);color:var(--tone-244c83);font-weight:700}.practice-summary{background:var(--tone-edf3fb)}.solution-box{background:var(--tone-edf3fb)}.toast{background:var(--tone-172a46)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--tone-638fc8)}.dialog-header h2{font:600 22px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.empty h2{font:600 24px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} @media(max-width:760px){.topbar{padding:17px 20px}.intro h1{font-size:38px}.login-layout{margin-top:32px}.page-heading h1{font-size:30px;letter-spacing:-.6px}.study-start{padding:20px;flex-direction:column;align-items:start;gap:17px;margin-bottom:30px}.study-start .primary{width:100%;text-align:left}.study-start h2{font-size:18px}.module-heading{gap:9px}.module-heading h2{font-size:14px}.module-count{font-size:10px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card,.topic-card:nth-child(1),.topic-card:nth-child(5n){padding:16px;min-height:127px}.syllabus-groups{gap:28px}.bottom-nav{border-radius:12px 12px 0 0}.bottom-nav .active{border-radius:9px}} @media print{.study-start,.syllabus-groups{display:none!important}} .paper-link{display:inline-flex;text-decoration:none;border-radius:9px;padding:12px 18px;color:white;font-size:13px;font-weight:600}.bottom-nav button{flex:1}.bottom-nav button:last-child{white-space:normal;text-align:center} .explore-modes{display:flex;gap:5px;background:var(--tone-edf2f9);padding:5px;border-radius:12px;margin-bottom:24px;width:fit-content}.explore-modes[hidden]{display:none}.explore-modes button{border:0;background:transparent;color:var(--tone-65758b);border-radius:8px;padding:12px 20px;font-weight:600}.explore-modes button.active{background:var(--white);color:var(--tone-244c83);box-shadow:0 2px 5px var(--tone-172a4610)}@media(max-width:760px){.explore-modes{width:100%}.explore-modes button{flex:1}} .library-intro p{font-size:13px;color:var(--tone-65758b);margin:0 0 16px}.library-modes{margin-bottom:20px}.difficulty{font-size:11px;color:var(--tone-65758b);margin-left:auto;padding:5px 8px;background:var(--tone-f1f4f8);border-radius:7px}.difficulty.rated{color:var(--tone-244c83);background:var(--tone-eaf1fc)}.topic-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 20px}.topic-chips span{font-size:11px;padding:5px 8px;border:1px solid var(--tone-e1e7ee);border-radius:6px;color:var(--tone-65758b)}.paper-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 26px}.paper-stat-grid>div{background:var(--tone-edf3fb);border-radius:10px;padding:14px}.paper-stat-grid strong{display:block;font-size:19px}.paper-stat-grid span{display:block;font-size:11px;line-height:1.5;color:var(--tone-65758b);margin-top:7px}#paper-detail h3{font-size:17px;margin:28px 0 10px}.coverage-list{display:grid;gap:14px;margin:20px 0}.coverage-row>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.coverage-row strong{font-size:11px;white-space:nowrap;color:var(--tone-65758b)}.coverage-row meter{width:100%;height:12px;margin-top:5px}.suggestion{padding:16px;border:1px solid var(--tone-e1e7ee);border-radius:10px;margin:12px 0}.suggestion strong{font-size:14px}.suggestion p{font-size:13px;color:var(--tone-65758b);line-height:1.6}.rating-editor{background:var(--tone-f5f7fb);padding:16px;border-radius:10px}.rating-editor label{display:block;font-size:13px;margin-bottom:9px}.rating-editor select{margin-bottom:12px}.rating-editor p{font-size:12px;color:var(--tone-244c83)}@media(max-width:760px){.paper-stat-grid{gap:7px}.paper-stat-grid>div{padding:12px 10px}.paper-stat-grid strong{font-size:15px}.paper-stat-grid span{font-size:10px}.library-modes button{padding:12px 9px}} .coverage-row meter::-webkit-meter-bar{background:var(--tone-edf2f9);border:0;border-radius:5px}.coverage-row meter::-webkit-meter-optimum-value{background:var(--tone-638fc8);border-radius:5px}.coverage-row meter::-moz-meter-bar{background:var(--tone-638fc8)} .draft-note{background:var(--tone-fff7e8);border:1px solid var(--tone-ead9b8);border-radius:12px;padding:16px 20px;margin-bottom:20px;color:var(--tone-775c28);font-size:13px}.draft-note p{margin:7px 0 0;line-height:1.6}.reference-card{padding:22px;border:1px solid var(--tone-e1e7ee);border-radius:12px;background:var(--white);margin-bottom:16px}.reference-card h2{font-size:21px;margin:10px 0}.reference-card p{color:var(--tone-65758b);line-height:1.7;font-size:13px}.reference-link{display:block;font-size:12px;color:var(--tone-244c83);margin-top:16px}.essentials-jump{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.essentials-jump a{background:var(--tone-edf3fb);color:var(--tone-244c83);font-size:12px;padding:10px 12px;border-radius:8px;text-decoration:none}.essentials-section{margin-top:30px;scroll-margin-top:20px}.essentials-section h2{font-size:22px}.formula-card{border:1px solid var(--tone-e1e7ee);border-radius:10px;background:var(--white);margin:10px 0;overflow:hidden}.formula-card summary{padding:18px 20px;cursor:pointer;font-size:14px;font-weight:600;line-height:1.6}.formula-body{padding:0 20px 18px}.formula-lines{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--tone-edf3fb);border-radius:8px;padding:16px;font-size:14px;line-height:1.9}.formula-body p{font-size:12px;color:var(--tone-65758b);line-height:1.8}.reminder h3{font-size:15px;margin:0}.bottom-nav button{min-width:0}@media(max-width:760px){.bottom-nav button{max-width:33.333%;font-size:11px}.reference-card{padding:18px}.formula-card summary{padding:16px}.formula-body{padding:0 16px 16px}.formula-lines{font-size:13px;padding:12px}.essentials-section h2{font-size:20px}} .formula-lines{white-space:normal;padding:14px}.latex-formula{overflow-x:auto;overflow-y:hidden;padding:12px 2px;font-size:18px;text-align:center;max-width:100%;line-height:normal}.latex-formula svg{display:inline-block;max-width:none}.formula-lines .latex-formula+.latex-formula{border-top:1px solid var(--tone-dfe8f5)}@media(max-width:760px){.latex-formula{font-size:16px}.formula-lines{padding:10px}} .inline-math{display:inline-block;vertical-align:middle;font-size:1em;max-width:100%;overflow-x:auto}.inline-math svg{display:inline-block;max-width:none} .essentials-review{display:flex;align-items:center;gap:7px;color:var(--tone-8a6b31);font-size:11px;margin:0 0 14px}.review-dot{width:6px;height:6px;background:var(--tone-c9a05b);border-radius:50%}.mf27-quick{display:flex;align-items:center;gap:16px;border:1px solid var(--tone-dfe8f5);border-radius:12px;background:var(--tone-edf3fb);padding:18px 20px}.mf27-symbol{display:grid;place-items:center;width:44px;height:48px;border:1px solid var(--tone-c6d4e7);border-radius:8px;color:var(--tone-244c83);font:26px Georgia,serif;background:var(--tone-fff)}.mf27-label{flex:1;min-width:0}.mf27-label h2{font:600 20px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}.mf27-label p{font-size:12px;color:var(--tone-65758b);margin:3px 0 0}.mf27-quick .paper-link{font-size:12px;padding:12px 14px;white-space:nowrap}.official-references{margin:12px 0 26px;color:var(--tone-65758b);font-size:12px}.official-references summary{cursor:pointer;padding:5px 0}.official-references>div{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0}.official-references a{color:var(--tone-244c83)}.essentials-tools label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.essentials-tools input{width:100%;background:var(--white)}.essentials-categories{display:flex;gap:4px;background:var(--tone-edf2f9);border-radius:10px;padding:5px;margin-top:14px}.essentials-categories button{flex:1;border:0;border-radius:7px;padding:12px 10px;background:transparent;color:var(--tone-65758b);font-size:13px;font-weight:600}.essentials-categories button.active{background:var(--white);color:var(--tone-244c83);box-shadow:0 2px 6px var(--tone-172a460c)}.essentials-section-title{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.essentials-section-title h2{font:600 20px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}.essentials-section-title>span{font-size:11px;color:var(--tone-65758b);background:var(--tone-edf2f9);padding:4px 8px;border-radius:6px}.essentials-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;margin-top:14px}.essentials-result-grid .formula-card{margin:0;min-width:0}.essentials-result-grid .formula-card[open]{grid-column:1/-1}.essentials-result-grid .formula-card summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;padding:16px 18px;font-size:13px;min-height:66px}.formula-card summary::-webkit-details-marker{display:none}.formula-expand{font-size:21px;font-weight:400;color:var(--tone-7990ae)}.formula-card[open] .formula-expand{transform:rotate(45deg)}.formula-card[open]>summary{border-bottom:1px solid var(--tone-e1e7ee);margin-bottom:16px}.tip-card{background:var(--white);padding:18px;border:1px solid var(--tone-e1e7ee);border-radius:10px}.tip-card h3{font-size:14px;margin:0}.tip-card p{font-size:12px;color:var(--tone-65758b);line-height:1.8;margin-bottom:0}@media(max-width:760px){.mf27-quick{gap:10px;padding:16px 13px}.mf27-symbol{width:33px;height:39px;font-size:22px}.mf27-label h2{font-size:18px}.mf27-label p{font-size:10px}.mf27-quick .paper-link{padding:11px 10px;font-size:11px}.essentials-categories button{font-size:11px;padding:10px 6px;line-height:1.5}.essentials-result-grid{grid-template-columns:1fr;gap:8px}.essentials-result-grid .formula-card summary{min-height:58px;padding:14px 16px}.essentials-section-title h2{font-size:18px}.official-references{margin-bottom:22px}} #result-status:empty{display:none}#app:has(.essentials-tools) .page-heading{margin-bottom:20px}#essentials-status{margin:16px 0 0} /* Keep the navigation label together at desktop and phone sizes. */ .bottom-nav button[data-tab="essentials"]{white-space:nowrap;flex-shrink:0} .bottom-nav{width:max-content;max-width:calc(100vw - 32px)} @media(max-width:760px){.bottom-nav{width:100%;max-width:100%;display:grid;grid-template-columns:1fr auto 1fr;gap:4px}.bottom-nav button{width:100%;max-width:none;padding:8px 6px}.bottom-nav button[data-tab="essentials"]{padding-left:10px;padding-right:10px}} /* Balanced navigation: equal tab widths and a highlight enclosing each label. */ .bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:560px;max-width:calc(100vw - 32px);border-color:var(--tone-e1e7ee);padding:7px} .bottom-nav button,.bottom-nav button[data-tab="essentials"]{width:100%;max-width:none;min-width:0;justify-content:center;padding:12px 10px;white-space:nowrap;border-radius:9px;min-height:48px;box-sizing:border-box} .bottom-nav .active{border-radius:9px;background:var(--tone-eaf1fc)} @media(max-width:760px){.bottom-nav{width:100%;max-width:100%;gap:4px;padding:7px 6px max(8px,env(safe-area-inset-bottom))}.bottom-nav button,.bottom-nav button[data-tab="essentials"]{padding:8px 3px;min-height:54px;font-size:11px;gap:4px}} @media(max-width:360px){.bottom-nav button,.bottom-nav button[data-tab="essentials"]{font-size:10px}} .mf27-quick .paper-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;padding:14px 16px;min-height:44px;box-sizing:border-box} @media(max-width:760px){.mf27-quick .paper-link{padding:12px;min-height:44px}} .formula-cores{display:grid;gap:12px;margin-top:18px}.formula-core{border:1px solid var(--tone-e1e7ee);background:var(--white);border-radius:12px;overflow:hidden}.formula-core>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:18px 20px;cursor:pointer}.formula-core>summary::-webkit-details-marker{display:none}.core-name{flex:1;font-size:15px;font-weight:600}.core-topic-count{color:var(--tone-65758b);font-size:11px;white-space:nowrap}.core-chevron{color:var(--tone-7990ae);font-size:20px}.formula-core[open]>summary{background:var(--tone-edf3fb)}.formula-core[open] .core-chevron{transform:rotate(180deg)}.core-topics{padding:12px;display:grid;gap:8px}.core-topics .formula-card{margin:0}.core-topics .formula-card summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;padding:14px 16px}.topic-label{display:flex;align-items:center;gap:12px}.topic-label small{font-size:11px;color:var(--tone-7990ae);min-width:24px}.topic-formula-block h4{font-size:14px;margin:20px 0 12px}.topic-pending{background:var(--tone-f5f7fb);padding:18px;border-radius:8px;font-size:13px}.topic-pending p{margin-bottom:0;color:var(--tone-65758b);line-height:1.7}@media(max-width:760px){.formula-core>summary{padding:16px 14px;gap:9px}.core-name{font-size:13px}.core-topic-count{font-size:10px}.formula-core .module-number{width:25px;min-width:25px;height:25px}.core-topics{padding:9px}.topic-label{gap:8px;font-size:13px}} .formula-entry{padding:12px 4px}.formula-entry+.formula-entry{border-top:1px solid var(--tone-dfe8f5)}.formula-entry h5{font:600 12px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--tone-496582);margin:0 0 6px}.formula-entry .latex-formula{padding:8px 0}.formula-subsection h4{font-size:14px;color:var(--tone-172a46);margin:22px 0 10px}.formula-conditions{margin:16px 0;padding:14px 16px;border-left:3px solid var(--tone-bdcee5);background:var(--tone-f5f7fb);border-radius:0 8px 8px 0}.formula-conditions h5{font-size:12px;margin:0;color:var(--tone-496582)}.formula-conditions p{margin:8px 0 0}.topic-formula-block>h4{font-size:15px;border-bottom:1px solid var(--tone-e1e7ee);padding-bottom:10px}.topic-formula-block:has(.formula-subsection h4)>h4{display:none} .summary-eyebrow{font-size:10px!important;font-weight:700;letter-spacing:1.4px;color:var(--tone-496582)!important;margin:22px 0 14px!important}.summary-section h4{font-size:15px;margin:22px 0 10px}.summary-section ul{padding-left:20px;margin:10px 0}.summary-section li{font-size:13px;line-height:1.9;margin:8px 0;color:var(--tone-496078)}.formula-heading{padding-top:20px;border-top:1px solid var(--tone-e1e7ee)}.topic-summary{margin-bottom:24px}.essentials-categories button:first-child{flex:1}@media(max-width:760px){.essentials-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.essentials-categories button:first-child{grid-column:auto}.essentials-categories button{font-size:12px}.summary-section h4{font-size:14px}.summary-section li{font-size:12px}} .answer-techniques{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.answer-technique{min-width:0;padding:18px;background:var(--tone-fff);border:1px solid var(--tone-dfe8f5);border-radius:12px}.answer-technique>h5{font-size:14px;color:var(--tone-244c83);margin:0 0 14px;line-height:1.6}.example-function{font-size:17px;background:var(--tone-edf3fb);border-radius:8px}.answer-technique figure{margin:16px 0}.horizontal-test-graph{width:100%;height:auto;display:block;background:var(--tone-fafbfd);border-radius:8px}.graph-axis{stroke:var(--tone-65758b);stroke-width:1.5}.graph-curve{fill:none;stroke:var(--tone-244c83);stroke-width:3;stroke-linecap:round}.graph-test-line{stroke:var(--tone-8b54a8);stroke-width:2;stroke-dasharray:7 4}.graph-guide{stroke:var(--tone-acb8ca);stroke-width:1;stroke-dasharray:3 4}.graph-point{fill:var(--tone-8b54a8);stroke:var(--tone-fff);stroke-width:2}.graph-label{font:italic 14px Georgia,serif;fill:var(--tone-496078)}.graph-test-label{font:600 12px sans-serif;fill:var(--tone-8b54a8)}.graph-root-label{font:12px Georgia,serif;fill:var(--tone-496078)}.answer-technique figcaption{font-size:11px;line-height:1.7;color:var(--tone-65758b);margin-top:10px}.answer-technique p{font-size:12px;line-height:1.9;color:var(--tone-496078)}.model-answer{background:var(--tone-edf3fb);padding:16px;border-radius:9px;margin:16px 0}.answer-label{font-size:9px;letter-spacing:1.2px;font-weight:700;color:var(--tone-496582)}.model-answer p{margin:10px 0 0;color:var(--tone-172a46)}.example-evidence h5{font-size:11px;color:var(--tone-496582);margin:18px 0 4px}.technique-reminder{border-left:3px solid var(--tone-c9a05b);padding-left:12px}.answer-technique .example-evidence .latex-formula{font-size:16px}@media(max-width:760px){.answer-techniques{grid-template-columns:1fr;gap:14px}.answer-technique{padding:14px}.example-function{font-size:15px}.model-answer{padding:13px}} /* Preserve the MathJax baseline depth without inline styles. */ .inline-math{display:inline;vertical-align:baseline;overflow:visible;line-height:inherit}.inline-math svg{display:inline-block;overflow:visible}.latex-formula svg{overflow:visible} .inline-math svg.math-baseline-n600{vertical-align:-6.00ex} .inline-math svg.math-baseline-n599{vertical-align:-5.99ex} .inline-math svg.math-baseline-n598{vertical-align:-5.98ex} .inline-math svg.math-baseline-n597{vertical-align:-5.97ex} .inline-math svg.math-baseline-n596{vertical-align:-5.96ex} .inline-math svg.math-baseline-n595{vertical-align:-5.95ex} .inline-math svg.math-baseline-n594{vertical-align:-5.94ex} .inline-math svg.math-baseline-n593{vertical-align:-5.93ex} .inline-math svg.math-baseline-n592{vertical-align:-5.92ex} .inline-math svg.math-baseline-n591{vertical-align:-5.91ex} .inline-math svg.math-baseline-n590{vertical-align:-5.90ex} .inline-math svg.math-baseline-n589{vertical-align:-5.89ex} .inline-math svg.math-baseline-n588{vertical-align:-5.88ex} .inline-math svg.math-baseline-n587{vertical-align:-5.87ex} .inline-math svg.math-baseline-n586{vertical-align:-5.86ex} .inline-math svg.math-baseline-n585{vertical-align:-5.85ex} .inline-math svg.math-baseline-n584{vertical-align:-5.84ex} .inline-math svg.math-baseline-n583{vertical-align:-5.83ex} .inline-math svg.math-baseline-n582{vertical-align:-5.82ex} .inline-math svg.math-baseline-n581{vertical-align:-5.81ex} .inline-math svg.math-baseline-n580{vertical-align:-5.80ex} .inline-math svg.math-baseline-n579{vertical-align:-5.79ex} .inline-math svg.math-baseline-n578{vertical-align:-5.78ex} .inline-math svg.math-baseline-n577{vertical-align:-5.77ex} .inline-math svg.math-baseline-n576{vertical-align:-5.76ex} .inline-math svg.math-baseline-n575{vertical-align:-5.75ex} .inline-math svg.math-baseline-n574{vertical-align:-5.74ex} .inline-math svg.math-baseline-n573{vertical-align:-5.73ex} .inline-math svg.math-baseline-n572{vertical-align:-5.72ex} .inline-math svg.math-baseline-n571{vertical-align:-5.71ex} .inline-math svg.math-baseline-n570{vertical-align:-5.70ex} .inline-math svg.math-baseline-n569{vertical-align:-5.69ex} .inline-math svg.math-baseline-n568{vertical-align:-5.68ex} .inline-math svg.math-baseline-n567{vertical-align:-5.67ex} .inline-math svg.math-baseline-n566{vertical-align:-5.66ex} .inline-math svg.math-baseline-n565{vertical-align:-5.65ex} .inline-math svg.math-baseline-n564{vertical-align:-5.64ex} .inline-math svg.math-baseline-n563{vertical-align:-5.63ex} .inline-math svg.math-baseline-n562{vertical-align:-5.62ex} .inline-math svg.math-baseline-n561{vertical-align:-5.61ex} .inline-math svg.math-baseline-n560{vertical-align:-5.60ex} .inline-math svg.math-baseline-n559{vertical-align:-5.59ex} .inline-math svg.math-baseline-n558{vertical-align:-5.58ex} .inline-math svg.math-baseline-n557{vertical-align:-5.57ex} .inline-math svg.math-baseline-n556{vertical-align:-5.56ex} .inline-math svg.math-baseline-n555{vertical-align:-5.55ex} .inline-math svg.math-baseline-n554{vertical-align:-5.54ex} .inline-math svg.math-baseline-n553{vertical-align:-5.53ex} .inline-math svg.math-baseline-n552{vertical-align:-5.52ex} .inline-math svg.math-baseline-n551{vertical-align:-5.51ex} .inline-math svg.math-baseline-n550{vertical-align:-5.50ex} .inline-math svg.math-baseline-n549{vertical-align:-5.49ex} .inline-math svg.math-baseline-n548{vertical-align:-5.48ex} .inline-math svg.math-baseline-n547{vertical-align:-5.47ex} .inline-math svg.math-baseline-n546{vertical-align:-5.46ex} .inline-math svg.math-baseline-n545{vertical-align:-5.45ex} .inline-math svg.math-baseline-n544{vertical-align:-5.44ex} .inline-math svg.math-baseline-n543{vertical-align:-5.43ex} .inline-math svg.math-baseline-n542{vertical-align:-5.42ex} .inline-math svg.math-baseline-n541{vertical-align:-5.41ex} .inline-math svg.math-baseline-n540{vertical-align:-5.40ex} .inline-math svg.math-baseline-n539{vertical-align:-5.39ex} .inline-math svg.math-baseline-n538{vertical-align:-5.38ex} .inline-math svg.math-baseline-n537{vertical-align:-5.37ex} .inline-math svg.math-baseline-n536{vertical-align:-5.36ex} .inline-math svg.math-baseline-n535{vertical-align:-5.35ex} .inline-math svg.math-baseline-n534{vertical-align:-5.34ex} .inline-math svg.math-baseline-n533{vertical-align:-5.33ex} .inline-math svg.math-baseline-n532{vertical-align:-5.32ex} .inline-math svg.math-baseline-n531{vertical-align:-5.31ex} .inline-math svg.math-baseline-n530{vertical-align:-5.30ex} .inline-math svg.math-baseline-n529{vertical-align:-5.29ex} .inline-math svg.math-baseline-n528{vertical-align:-5.28ex} .inline-math svg.math-baseline-n527{vertical-align:-5.27ex} .inline-math svg.math-baseline-n526{vertical-align:-5.26ex} .inline-math svg.math-baseline-n525{vertical-align:-5.25ex} .inline-math svg.math-baseline-n524{vertical-align:-5.24ex} .inline-math svg.math-baseline-n523{vertical-align:-5.23ex} .inline-math svg.math-baseline-n522{vertical-align:-5.22ex} .inline-math svg.math-baseline-n521{vertical-align:-5.21ex} .inline-math svg.math-baseline-n520{vertical-align:-5.20ex} .inline-math svg.math-baseline-n519{vertical-align:-5.19ex} .inline-math svg.math-baseline-n518{vertical-align:-5.18ex} .inline-math svg.math-baseline-n517{vertical-align:-5.17ex} .inline-math svg.math-baseline-n516{vertical-align:-5.16ex} .inline-math svg.math-baseline-n515{vertical-align:-5.15ex} .inline-math svg.math-baseline-n514{vertical-align:-5.14ex} .inline-math svg.math-baseline-n513{vertical-align:-5.13ex} .inline-math svg.math-baseline-n512{vertical-align:-5.12ex} .inline-math svg.math-baseline-n511{vertical-align:-5.11ex} .inline-math svg.math-baseline-n510{vertical-align:-5.10ex} .inline-math svg.math-baseline-n509{vertical-align:-5.09ex} .inline-math svg.math-baseline-n508{vertical-align:-5.08ex} .inline-math svg.math-baseline-n507{vertical-align:-5.07ex} .inline-math svg.math-baseline-n506{vertical-align:-5.06ex} .inline-math svg.math-baseline-n505{vertical-align:-5.05ex} .inline-math svg.math-baseline-n504{vertical-align:-5.04ex} .inline-math svg.math-baseline-n503{vertical-align:-5.03ex} .inline-math svg.math-baseline-n502{vertical-align:-5.02ex} .inline-math svg.math-baseline-n501{vertical-align:-5.01ex} .inline-math svg.math-baseline-n500{vertical-align:-5.00ex} .inline-math svg.math-baseline-n499{vertical-align:-4.99ex} .inline-math svg.math-baseline-n498{vertical-align:-4.98ex} .inline-math svg.math-baseline-n497{vertical-align:-4.97ex} .inline-math svg.math-baseline-n496{vertical-align:-4.96ex} .inline-math svg.math-baseline-n495{vertical-align:-4.95ex} .inline-math svg.math-baseline-n494{vertical-align:-4.94ex} .inline-math svg.math-baseline-n493{vertical-align:-4.93ex} .inline-math svg.math-baseline-n492{vertical-align:-4.92ex} .inline-math svg.math-baseline-n491{vertical-align:-4.91ex} .inline-math svg.math-baseline-n490{vertical-align:-4.90ex} .inline-math svg.math-baseline-n489{vertical-align:-4.89ex} .inline-math svg.math-baseline-n488{vertical-align:-4.88ex} .inline-math svg.math-baseline-n487{vertical-align:-4.87ex} .inline-math svg.math-baseline-n486{vertical-align:-4.86ex} .inline-math svg.math-baseline-n485{vertical-align:-4.85ex} .inline-math svg.math-baseline-n484{vertical-align:-4.84ex} .inline-math svg.math-baseline-n483{vertical-align:-4.83ex} .inline-math svg.math-baseline-n482{vertical-align:-4.82ex} .inline-math svg.math-baseline-n481{vertical-align:-4.81ex} .inline-math svg.math-baseline-n480{vertical-align:-4.80ex} .inline-math svg.math-baseline-n479{vertical-align:-4.79ex} .inline-math svg.math-baseline-n478{vertical-align:-4.78ex} .inline-math svg.math-baseline-n477{vertical-align:-4.77ex} .inline-math svg.math-baseline-n476{vertical-align:-4.76ex} .inline-math svg.math-baseline-n475{vertical-align:-4.75ex} .inline-math svg.math-baseline-n474{vertical-align:-4.74ex} .inline-math svg.math-baseline-n473{vertical-align:-4.73ex} .inline-math svg.math-baseline-n472{vertical-align:-4.72ex} .inline-math svg.math-baseline-n471{vertical-align:-4.71ex} .inline-math svg.math-baseline-n470{vertical-align:-4.70ex} .inline-math svg.math-baseline-n469{vertical-align:-4.69ex} .inline-math svg.math-baseline-n468{vertical-align:-4.68ex} .inline-math svg.math-baseline-n467{vertical-align:-4.67ex} .inline-math svg.math-baseline-n466{vertical-align:-4.66ex} .inline-math svg.math-baseline-n465{vertical-align:-4.65ex} .inline-math svg.math-baseline-n464{vertical-align:-4.64ex} .inline-math svg.math-baseline-n463{vertical-align:-4.63ex} .inline-math svg.math-baseline-n462{vertical-align:-4.62ex} .inline-math svg.math-baseline-n461{vertical-align:-4.61ex} .inline-math svg.math-baseline-n460{vertical-align:-4.60ex} .inline-math svg.math-baseline-n459{vertical-align:-4.59ex} .inline-math svg.math-baseline-n458{vertical-align:-4.58ex} .inline-math svg.math-baseline-n457{vertical-align:-4.57ex} .inline-math svg.math-baseline-n456{vertical-align:-4.56ex} .inline-math svg.math-baseline-n455{vertical-align:-4.55ex} .inline-math svg.math-baseline-n454{vertical-align:-4.54ex} .inline-math svg.math-baseline-n453{vertical-align:-4.53ex} .inline-math svg.math-baseline-n452{vertical-align:-4.52ex} .inline-math svg.math-baseline-n451{vertical-align:-4.51ex} .inline-math svg.math-baseline-n450{vertical-align:-4.50ex} .inline-math svg.math-baseline-n449{vertical-align:-4.49ex} .inline-math svg.math-baseline-n448{vertical-align:-4.48ex} .inline-math svg.math-baseline-n447{vertical-align:-4.47ex} .inline-math svg.math-baseline-n446{vertical-align:-4.46ex} .inline-math svg.math-baseline-n445{vertical-align:-4.45ex} .inline-math svg.math-baseline-n444{vertical-align:-4.44ex} .inline-math svg.math-baseline-n443{vertical-align:-4.43ex} .inline-math svg.math-baseline-n442{vertical-align:-4.42ex} .inline-math svg.math-baseline-n441{vertical-align:-4.41ex} .inline-math svg.math-baseline-n440{vertical-align:-4.40ex} .inline-math svg.math-baseline-n439{vertical-align:-4.39ex} .inline-math svg.math-baseline-n438{vertical-align:-4.38ex} .inline-math svg.math-baseline-n437{vertical-align:-4.37ex} .inline-math svg.math-baseline-n436{vertical-align:-4.36ex} .inline-math svg.math-baseline-n435{vertical-align:-4.35ex} .inline-math svg.math-baseline-n434{vertical-align:-4.34ex} .inline-math svg.math-baseline-n433{vertical-align:-4.33ex} .inline-math svg.math-baseline-n432{vertical-align:-4.32ex} .inline-math svg.math-baseline-n431{vertical-align:-4.31ex} .inline-math svg.math-baseline-n430{vertical-align:-4.30ex} .inline-math svg.math-baseline-n429{vertical-align:-4.29ex} .inline-math svg.math-baseline-n428{vertical-align:-4.28ex} .inline-math svg.math-baseline-n427{vertical-align:-4.27ex} .inline-math svg.math-baseline-n426{vertical-align:-4.26ex} .inline-math svg.math-baseline-n425{vertical-align:-4.25ex} .inline-math svg.math-baseline-n424{vertical-align:-4.24ex} .inline-math svg.math-baseline-n423{vertical-align:-4.23ex} .inline-math svg.math-baseline-n422{vertical-align:-4.22ex} .inline-math svg.math-baseline-n421{vertical-align:-4.21ex} .inline-math svg.math-baseline-n420{vertical-align:-4.20ex} .inline-math svg.math-baseline-n419{vertical-align:-4.19ex} .inline-math svg.math-baseline-n418{vertical-align:-4.18ex} .inline-math svg.math-baseline-n417{vertical-align:-4.17ex} .inline-math svg.math-baseline-n416{vertical-align:-4.16ex} .inline-math svg.math-baseline-n415{vertical-align:-4.15ex} .inline-math svg.math-baseline-n414{vertical-align:-4.14ex} .inline-math svg.math-baseline-n413{vertical-align:-4.13ex} .inline-math svg.math-baseline-n412{vertical-align:-4.12ex} .inline-math svg.math-baseline-n411{vertical-align:-4.11ex} .inline-math svg.math-baseline-n410{vertical-align:-4.10ex} .inline-math svg.math-baseline-n409{vertical-align:-4.09ex} .inline-math svg.math-baseline-n408{vertical-align:-4.08ex} .inline-math svg.math-baseline-n407{vertical-align:-4.07ex} .inline-math svg.math-baseline-n406{vertical-align:-4.06ex} .inline-math svg.math-baseline-n405{vertical-align:-4.05ex} .inline-math svg.math-baseline-n404{vertical-align:-4.04ex} .inline-math svg.math-baseline-n403{vertical-align:-4.03ex} .inline-math svg.math-baseline-n402{vertical-align:-4.02ex} .inline-math svg.math-baseline-n401{vertical-align:-4.01ex} .inline-math svg.math-baseline-n400{vertical-align:-4.00ex} .inline-math svg.math-baseline-n399{vertical-align:-3.99ex} .inline-math svg.math-baseline-n398{vertical-align:-3.98ex} .inline-math svg.math-baseline-n397{vertical-align:-3.97ex} .inline-math svg.math-baseline-n396{vertical-align:-3.96ex} .inline-math svg.math-baseline-n395{vertical-align:-3.95ex} .inline-math svg.math-baseline-n394{vertical-align:-3.94ex} .inline-math svg.math-baseline-n393{vertical-align:-3.93ex} .inline-math svg.math-baseline-n392{vertical-align:-3.92ex} .inline-math svg.math-baseline-n391{vertical-align:-3.91ex} .inline-math svg.math-baseline-n390{vertical-align:-3.90ex} .inline-math svg.math-baseline-n389{vertical-align:-3.89ex} .inline-math svg.math-baseline-n388{vertical-align:-3.88ex} .inline-math svg.math-baseline-n387{vertical-align:-3.87ex} .inline-math svg.math-baseline-n386{vertical-align:-3.86ex} .inline-math svg.math-baseline-n385{vertical-align:-3.85ex} .inline-math svg.math-baseline-n384{vertical-align:-3.84ex} .inline-math svg.math-baseline-n383{vertical-align:-3.83ex} .inline-math svg.math-baseline-n382{vertical-align:-3.82ex} .inline-math svg.math-baseline-n381{vertical-align:-3.81ex} .inline-math svg.math-baseline-n380{vertical-align:-3.80ex} .inline-math svg.math-baseline-n379{vertical-align:-3.79ex} .inline-math svg.math-baseline-n378{vertical-align:-3.78ex} .inline-math svg.math-baseline-n377{vertical-align:-3.77ex} .inline-math svg.math-baseline-n376{vertical-align:-3.76ex} .inline-math svg.math-baseline-n375{vertical-align:-3.75ex} .inline-math svg.math-baseline-n374{vertical-align:-3.74ex} .inline-math svg.math-baseline-n373{vertical-align:-3.73ex} .inline-math svg.math-baseline-n372{vertical-align:-3.72ex} .inline-math svg.math-baseline-n371{vertical-align:-3.71ex} .inline-math svg.math-baseline-n370{vertical-align:-3.70ex} .inline-math svg.math-baseline-n369{vertical-align:-3.69ex} .inline-math svg.math-baseline-n368{vertical-align:-3.68ex} .inline-math svg.math-baseline-n367{vertical-align:-3.67ex} .inline-math svg.math-baseline-n366{vertical-align:-3.66ex} .inline-math svg.math-baseline-n365{vertical-align:-3.65ex} .inline-math svg.math-baseline-n364{vertical-align:-3.64ex} .inline-math svg.math-baseline-n363{vertical-align:-3.63ex} .inline-math svg.math-baseline-n362{vertical-align:-3.62ex} .inline-math svg.math-baseline-n361{vertical-align:-3.61ex} .inline-math svg.math-baseline-n360{vertical-align:-3.60ex} .inline-math svg.math-baseline-n359{vertical-align:-3.59ex} .inline-math svg.math-baseline-n358{vertical-align:-3.58ex} .inline-math svg.math-baseline-n357{vertical-align:-3.57ex} .inline-math svg.math-baseline-n356{vertical-align:-3.56ex} .inline-math svg.math-baseline-n355{vertical-align:-3.55ex} .inline-math svg.math-baseline-n354{vertical-align:-3.54ex} .inline-math svg.math-baseline-n353{vertical-align:-3.53ex} .inline-math svg.math-baseline-n352{vertical-align:-3.52ex} .inline-math svg.math-baseline-n351{vertical-align:-3.51ex} .inline-math svg.math-baseline-n350{vertical-align:-3.50ex} .inline-math svg.math-baseline-n349{vertical-align:-3.49ex} .inline-math svg.math-baseline-n348{vertical-align:-3.48ex} .inline-math svg.math-baseline-n347{vertical-align:-3.47ex} .inline-math svg.math-baseline-n346{vertical-align:-3.46ex} .inline-math svg.math-baseline-n345{vertical-align:-3.45ex} .inline-math svg.math-baseline-n344{vertical-align:-3.44ex} .inline-math svg.math-baseline-n343{vertical-align:-3.43ex} .inline-math svg.math-baseline-n342{vertical-align:-3.42ex} .inline-math svg.math-baseline-n341{vertical-align:-3.41ex} .inline-math svg.math-baseline-n340{vertical-align:-3.40ex} .inline-math svg.math-baseline-n339{vertical-align:-3.39ex} .inline-math svg.math-baseline-n338{vertical-align:-3.38ex} .inline-math svg.math-baseline-n337{vertical-align:-3.37ex} .inline-math svg.math-baseline-n336{vertical-align:-3.36ex} .inline-math svg.math-baseline-n335{vertical-align:-3.35ex} .inline-math svg.math-baseline-n334{vertical-align:-3.34ex} .inline-math svg.math-baseline-n333{vertical-align:-3.33ex} .inline-math svg.math-baseline-n332{vertical-align:-3.32ex} .inline-math svg.math-baseline-n331{vertical-align:-3.31ex} .inline-math svg.math-baseline-n330{vertical-align:-3.30ex} .inline-math svg.math-baseline-n329{vertical-align:-3.29ex} .inline-math svg.math-baseline-n328{vertical-align:-3.28ex} .inline-math svg.math-baseline-n327{vertical-align:-3.27ex} .inline-math svg.math-baseline-n326{vertical-align:-3.26ex} .inline-math svg.math-baseline-n325{vertical-align:-3.25ex} .inline-math svg.math-baseline-n324{vertical-align:-3.24ex} .inline-math svg.math-baseline-n323{vertical-align:-3.23ex} .inline-math svg.math-baseline-n322{vertical-align:-3.22ex} .inline-math svg.math-baseline-n321{vertical-align:-3.21ex} .inline-math svg.math-baseline-n320{vertical-align:-3.20ex} .inline-math svg.math-baseline-n319{vertical-align:-3.19ex} .inline-math svg.math-baseline-n318{vertical-align:-3.18ex} .inline-math svg.math-baseline-n317{vertical-align:-3.17ex} .inline-math svg.math-baseline-n316{vertical-align:-3.16ex} .inline-math svg.math-baseline-n315{vertical-align:-3.15ex} .inline-math svg.math-baseline-n314{vertical-align:-3.14ex} .inline-math svg.math-baseline-n313{vertical-align:-3.13ex} .inline-math svg.math-baseline-n312{vertical-align:-3.12ex} .inline-math svg.math-baseline-n311{vertical-align:-3.11ex} .inline-math svg.math-baseline-n310{vertical-align:-3.10ex} .inline-math svg.math-baseline-n309{vertical-align:-3.09ex} .inline-math svg.math-baseline-n308{vertical-align:-3.08ex} .inline-math svg.math-baseline-n307{vertical-align:-3.07ex} .inline-math svg.math-baseline-n306{vertical-align:-3.06ex} .inline-math svg.math-baseline-n305{vertical-align:-3.05ex} .inline-math svg.math-baseline-n304{vertical-align:-3.04ex} .inline-math svg.math-baseline-n303{vertical-align:-3.03ex} .inline-math svg.math-baseline-n302{vertical-align:-3.02ex} .inline-math svg.math-baseline-n301{vertical-align:-3.01ex} .inline-math svg.math-baseline-n300{vertical-align:-3.00ex} .inline-math svg.math-baseline-n299{vertical-align:-2.99ex} .inline-math svg.math-baseline-n298{vertical-align:-2.98ex} .inline-math svg.math-baseline-n297{vertical-align:-2.97ex} .inline-math svg.math-baseline-n296{vertical-align:-2.96ex} .inline-math svg.math-baseline-n295{vertical-align:-2.95ex} .inline-math svg.math-baseline-n294{vertical-align:-2.94ex} .inline-math svg.math-baseline-n293{vertical-align:-2.93ex} .inline-math svg.math-baseline-n292{vertical-align:-2.92ex} .inline-math svg.math-baseline-n291{vertical-align:-2.91ex} .inline-math svg.math-baseline-n290{vertical-align:-2.90ex} .inline-math svg.math-baseline-n289{vertical-align:-2.89ex} .inline-math svg.math-baseline-n288{vertical-align:-2.88ex} .inline-math svg.math-baseline-n287{vertical-align:-2.87ex} .inline-math svg.math-baseline-n286{vertical-align:-2.86ex} .inline-math svg.math-baseline-n285{vertical-align:-2.85ex} .inline-math svg.math-baseline-n284{vertical-align:-2.84ex} .inline-math svg.math-baseline-n283{vertical-align:-2.83ex} .inline-math svg.math-baseline-n282{vertical-align:-2.82ex} .inline-math svg.math-baseline-n281{vertical-align:-2.81ex} .inline-math svg.math-baseline-n280{vertical-align:-2.80ex} .inline-math svg.math-baseline-n279{vertical-align:-2.79ex} .inline-math svg.math-baseline-n278{vertical-align:-2.78ex} .inline-math svg.math-baseline-n277{vertical-align:-2.77ex} .inline-math svg.math-baseline-n276{vertical-align:-2.76ex} .inline-math svg.math-baseline-n275{vertical-align:-2.75ex} .inline-math svg.math-baseline-n274{vertical-align:-2.74ex} .inline-math svg.math-baseline-n273{vertical-align:-2.73ex} .inline-math svg.math-baseline-n272{vertical-align:-2.72ex} .inline-math svg.math-baseline-n271{vertical-align:-2.71ex} .inline-math svg.math-baseline-n270{vertical-align:-2.70ex} .inline-math svg.math-baseline-n269{vertical-align:-2.69ex} .inline-math svg.math-baseline-n268{vertical-align:-2.68ex} .inline-math svg.math-baseline-n267{vertical-align:-2.67ex} .inline-math svg.math-baseline-n266{vertical-align:-2.66ex} .inline-math svg.math-baseline-n265{vertical-align:-2.65ex} .inline-math svg.math-baseline-n264{vertical-align:-2.64ex} .inline-math svg.math-baseline-n263{vertical-align:-2.63ex} .inline-math svg.math-baseline-n262{vertical-align:-2.62ex} .inline-math svg.math-baseline-n261{vertical-align:-2.61ex} .inline-math svg.math-baseline-n260{vertical-align:-2.60ex} .inline-math svg.math-baseline-n259{vertical-align:-2.59ex} .inline-math svg.math-baseline-n258{vertical-align:-2.58ex} .inline-math svg.math-baseline-n257{vertical-align:-2.57ex} .inline-math svg.math-baseline-n256{vertical-align:-2.56ex} .inline-math svg.math-baseline-n255{vertical-align:-2.55ex} .inline-math svg.math-baseline-n254{vertical-align:-2.54ex} .inline-math svg.math-baseline-n253{vertical-align:-2.53ex} .inline-math svg.math-baseline-n252{vertical-align:-2.52ex} .inline-math svg.math-baseline-n251{vertical-align:-2.51ex} .inline-math svg.math-baseline-n250{vertical-align:-2.50ex} .inline-math svg.math-baseline-n249{vertical-align:-2.49ex} .inline-math svg.math-baseline-n248{vertical-align:-2.48ex} .inline-math svg.math-baseline-n247{vertical-align:-2.47ex} .inline-math svg.math-baseline-n246{vertical-align:-2.46ex} .inline-math svg.math-baseline-n245{vertical-align:-2.45ex} .inline-math svg.math-baseline-n244{vertical-align:-2.44ex} .inline-math svg.math-baseline-n243{vertical-align:-2.43ex} .inline-math svg.math-baseline-n242{vertical-align:-2.42ex} .inline-math svg.math-baseline-n241{vertical-align:-2.41ex} .inline-math svg.math-baseline-n240{vertical-align:-2.40ex} .inline-math svg.math-baseline-n239{vertical-align:-2.39ex} .inline-math svg.math-baseline-n238{vertical-align:-2.38ex} .inline-math svg.math-baseline-n237{vertical-align:-2.37ex} .inline-math svg.math-baseline-n236{vertical-align:-2.36ex} .inline-math svg.math-baseline-n235{vertical-align:-2.35ex} .inline-math svg.math-baseline-n234{vertical-align:-2.34ex} .inline-math svg.math-baseline-n233{vertical-align:-2.33ex} .inline-math svg.math-baseline-n232{vertical-align:-2.32ex} .inline-math svg.math-baseline-n231{vertical-align:-2.31ex} .inline-math svg.math-baseline-n230{vertical-align:-2.30ex} .inline-math svg.math-baseline-n229{vertical-align:-2.29ex} .inline-math svg.math-baseline-n228{vertical-align:-2.28ex} .inline-math svg.math-baseline-n227{vertical-align:-2.27ex} .inline-math svg.math-baseline-n226{vertical-align:-2.26ex} .inline-math svg.math-baseline-n225{vertical-align:-2.25ex} .inline-math svg.math-baseline-n224{vertical-align:-2.24ex} .inline-math svg.math-baseline-n223{vertical-align:-2.23ex} .inline-math svg.math-baseline-n222{vertical-align:-2.22ex} .inline-math svg.math-baseline-n221{vertical-align:-2.21ex} .inline-math svg.math-baseline-n220{vertical-align:-2.20ex} .inline-math svg.math-baseline-n219{vertical-align:-2.19ex} .inline-math svg.math-baseline-n218{vertical-align:-2.18ex} .inline-math svg.math-baseline-n217{vertical-align:-2.17ex} .inline-math svg.math-baseline-n216{vertical-align:-2.16ex} .inline-math svg.math-baseline-n215{vertical-align:-2.15ex} .inline-math svg.math-baseline-n214{vertical-align:-2.14ex} .inline-math svg.math-baseline-n213{vertical-align:-2.13ex} .inline-math svg.math-baseline-n212{vertical-align:-2.12ex} .inline-math svg.math-baseline-n211{vertical-align:-2.11ex} .inline-math svg.math-baseline-n210{vertical-align:-2.10ex} .inline-math svg.math-baseline-n209{vertical-align:-2.09ex} .inline-math svg.math-baseline-n208{vertical-align:-2.08ex} .inline-math svg.math-baseline-n207{vertical-align:-2.07ex} .inline-math svg.math-baseline-n206{vertical-align:-2.06ex} .inline-math svg.math-baseline-n205{vertical-align:-2.05ex} .inline-math svg.math-baseline-n204{vertical-align:-2.04ex} .inline-math svg.math-baseline-n203{vertical-align:-2.03ex} .inline-math svg.math-baseline-n202{vertical-align:-2.02ex} .inline-math svg.math-baseline-n201{vertical-align:-2.01ex} .inline-math svg.math-baseline-n200{vertical-align:-2.00ex} .inline-math svg.math-baseline-n199{vertical-align:-1.99ex} .inline-math svg.math-baseline-n198{vertical-align:-1.98ex} .inline-math svg.math-baseline-n197{vertical-align:-1.97ex} .inline-math svg.math-baseline-n196{vertical-align:-1.96ex} .inline-math svg.math-baseline-n195{vertical-align:-1.95ex} .inline-math svg.math-baseline-n194{vertical-align:-1.94ex} .inline-math svg.math-baseline-n193{vertical-align:-1.93ex} .inline-math svg.math-baseline-n192{vertical-align:-1.92ex} .inline-math svg.math-baseline-n191{vertical-align:-1.91ex} .inline-math svg.math-baseline-n190{vertical-align:-1.90ex} .inline-math svg.math-baseline-n189{vertical-align:-1.89ex} .inline-math svg.math-baseline-n188{vertical-align:-1.88ex} .inline-math svg.math-baseline-n187{vertical-align:-1.87ex} .inline-math svg.math-baseline-n186{vertical-align:-1.86ex} .inline-math svg.math-baseline-n185{vertical-align:-1.85ex} .inline-math svg.math-baseline-n184{vertical-align:-1.84ex} .inline-math svg.math-baseline-n183{vertical-align:-1.83ex} .inline-math svg.math-baseline-n182{vertical-align:-1.82ex} .inline-math svg.math-baseline-n181{vertical-align:-1.81ex} .inline-math svg.math-baseline-n180{vertical-align:-1.80ex} .inline-math svg.math-baseline-n179{vertical-align:-1.79ex} .inline-math svg.math-baseline-n178{vertical-align:-1.78ex} .inline-math svg.math-baseline-n177{vertical-align:-1.77ex} .inline-math svg.math-baseline-n176{vertical-align:-1.76ex} .inline-math svg.math-baseline-n175{vertical-align:-1.75ex} .inline-math svg.math-baseline-n174{vertical-align:-1.74ex} .inline-math svg.math-baseline-n173{vertical-align:-1.73ex} .inline-math svg.math-baseline-n172{vertical-align:-1.72ex} .inline-math svg.math-baseline-n171{vertical-align:-1.71ex} .inline-math svg.math-baseline-n170{vertical-align:-1.70ex} .inline-math svg.math-baseline-n169{vertical-align:-1.69ex} .inline-math svg.math-baseline-n168{vertical-align:-1.68ex} .inline-math svg.math-baseline-n167{vertical-align:-1.67ex} .inline-math svg.math-baseline-n166{vertical-align:-1.66ex} .inline-math svg.math-baseline-n165{vertical-align:-1.65ex} .inline-math svg.math-baseline-n164{vertical-align:-1.64ex} .inline-math svg.math-baseline-n163{vertical-align:-1.63ex} .inline-math svg.math-baseline-n162{vertical-align:-1.62ex} .inline-math svg.math-baseline-n161{vertical-align:-1.61ex} .inline-math svg.math-baseline-n160{vertical-align:-1.60ex} .inline-math svg.math-baseline-n159{vertical-align:-1.59ex} .inline-math svg.math-baseline-n158{vertical-align:-1.58ex} .inline-math svg.math-baseline-n157{vertical-align:-1.57ex} .inline-math svg.math-baseline-n156{vertical-align:-1.56ex} .inline-math svg.math-baseline-n155{vertical-align:-1.55ex} .inline-math svg.math-baseline-n154{vertical-align:-1.54ex} .inline-math svg.math-baseline-n153{vertical-align:-1.53ex} .inline-math svg.math-baseline-n152{vertical-align:-1.52ex} .inline-math svg.math-baseline-n151{vertical-align:-1.51ex} .inline-math svg.math-baseline-n150{vertical-align:-1.50ex} .inline-math svg.math-baseline-n149{vertical-align:-1.49ex} .inline-math svg.math-baseline-n148{vertical-align:-1.48ex} .inline-math svg.math-baseline-n147{vertical-align:-1.47ex} .inline-math svg.math-baseline-n146{vertical-align:-1.46ex} .inline-math svg.math-baseline-n145{vertical-align:-1.45ex} .inline-math svg.math-baseline-n144{vertical-align:-1.44ex} .inline-math svg.math-baseline-n143{vertical-align:-1.43ex} .inline-math svg.math-baseline-n142{vertical-align:-1.42ex} .inline-math svg.math-baseline-n141{vertical-align:-1.41ex} .inline-math svg.math-baseline-n140{vertical-align:-1.40ex} .inline-math svg.math-baseline-n139{vertical-align:-1.39ex} .inline-math svg.math-baseline-n138{vertical-align:-1.38ex} .inline-math svg.math-baseline-n137{vertical-align:-1.37ex} .inline-math svg.math-baseline-n136{vertical-align:-1.36ex} .inline-math svg.math-baseline-n135{vertical-align:-1.35ex} .inline-math svg.math-baseline-n134{vertical-align:-1.34ex} .inline-math svg.math-baseline-n133{vertical-align:-1.33ex} .inline-math svg.math-baseline-n132{vertical-align:-1.32ex} .inline-math svg.math-baseline-n131{vertical-align:-1.31ex} .inline-math svg.math-baseline-n130{vertical-align:-1.30ex} .inline-math svg.math-baseline-n129{vertical-align:-1.29ex} .inline-math svg.math-baseline-n128{vertical-align:-1.28ex} .inline-math svg.math-baseline-n127{vertical-align:-1.27ex} .inline-math svg.math-baseline-n126{vertical-align:-1.26ex} .inline-math svg.math-baseline-n125{vertical-align:-1.25ex} .inline-math svg.math-baseline-n124{vertical-align:-1.24ex} .inline-math svg.math-baseline-n123{vertical-align:-1.23ex} .inline-math svg.math-baseline-n122{vertical-align:-1.22ex} .inline-math svg.math-baseline-n121{vertical-align:-1.21ex} .inline-math svg.math-baseline-n120{vertical-align:-1.20ex} .inline-math svg.math-baseline-n119{vertical-align:-1.19ex} .inline-math svg.math-baseline-n118{vertical-align:-1.18ex} .inline-math svg.math-baseline-n117{vertical-align:-1.17ex} .inline-math svg.math-baseline-n116{vertical-align:-1.16ex} .inline-math svg.math-baseline-n115{vertical-align:-1.15ex} .inline-math svg.math-baseline-n114{vertical-align:-1.14ex} .inline-math svg.math-baseline-n113{vertical-align:-1.13ex} .inline-math svg.math-baseline-n112{vertical-align:-1.12ex} .inline-math svg.math-baseline-n111{vertical-align:-1.11ex} .inline-math svg.math-baseline-n110{vertical-align:-1.10ex} .inline-math svg.math-baseline-n109{vertical-align:-1.09ex} .inline-math svg.math-baseline-n108{vertical-align:-1.08ex} .inline-math svg.math-baseline-n107{vertical-align:-1.07ex} .inline-math svg.math-baseline-n106{vertical-align:-1.06ex} .inline-math svg.math-baseline-n105{vertical-align:-1.05ex} .inline-math svg.math-baseline-n104{vertical-align:-1.04ex} .inline-math svg.math-baseline-n103{vertical-align:-1.03ex} .inline-math svg.math-baseline-n102{vertical-align:-1.02ex} .inline-math svg.math-baseline-n101{vertical-align:-1.01ex} .inline-math svg.math-baseline-n100{vertical-align:-1.00ex} .inline-math svg.math-baseline-n99{vertical-align:-0.99ex} .inline-math svg.math-baseline-n98{vertical-align:-0.98ex} .inline-math svg.math-baseline-n97{vertical-align:-0.97ex} .inline-math svg.math-baseline-n96{vertical-align:-0.96ex} .inline-math svg.math-baseline-n95{vertical-align:-0.95ex} .inline-math svg.math-baseline-n94{vertical-align:-0.94ex} .inline-math svg.math-baseline-n93{vertical-align:-0.93ex} .inline-math svg.math-baseline-n92{vertical-align:-0.92ex} .inline-math svg.math-baseline-n91{vertical-align:-0.91ex} .inline-math svg.math-baseline-n90{vertical-align:-0.90ex} .inline-math svg.math-baseline-n89{vertical-align:-0.89ex} .inline-math svg.math-baseline-n88{vertical-align:-0.88ex} .inline-math svg.math-baseline-n87{vertical-align:-0.87ex} .inline-math svg.math-baseline-n86{vertical-align:-0.86ex} .inline-math svg.math-baseline-n85{vertical-align:-0.85ex} .inline-math svg.math-baseline-n84{vertical-align:-0.84ex} .inline-math svg.math-baseline-n83{vertical-align:-0.83ex} .inline-math svg.math-baseline-n82{vertical-align:-0.82ex} .inline-math svg.math-baseline-n81{vertical-align:-0.81ex} .inline-math svg.math-baseline-n80{vertical-align:-0.80ex} .inline-math svg.math-baseline-n79{vertical-align:-0.79ex} .inline-math svg.math-baseline-n78{vertical-align:-0.78ex} .inline-math svg.math-baseline-n77{vertical-align:-0.77ex} .inline-math svg.math-baseline-n76{vertical-align:-0.76ex} .inline-math svg.math-baseline-n75{vertical-align:-0.75ex} .inline-math svg.math-baseline-n74{vertical-align:-0.74ex} .inline-math svg.math-baseline-n73{vertical-align:-0.73ex} .inline-math svg.math-baseline-n72{vertical-align:-0.72ex} .inline-math svg.math-baseline-n71{vertical-align:-0.71ex} .inline-math svg.math-baseline-n70{vertical-align:-0.70ex} .inline-math svg.math-baseline-n69{vertical-align:-0.69ex} .inline-math svg.math-baseline-n68{vertical-align:-0.68ex} .inline-math svg.math-baseline-n67{vertical-align:-0.67ex} .inline-math svg.math-baseline-n66{vertical-align:-0.66ex} .inline-math svg.math-baseline-n65{vertical-align:-0.65ex} .inline-math svg.math-baseline-n64{vertical-align:-0.64ex} .inline-math svg.math-baseline-n63{vertical-align:-0.63ex} .inline-math svg.math-baseline-n62{vertical-align:-0.62ex} .inline-math svg.math-baseline-n61{vertical-align:-0.61ex} .inline-math svg.math-baseline-n60{vertical-align:-0.60ex} .inline-math svg.math-baseline-n59{vertical-align:-0.59ex} .inline-math svg.math-baseline-n58{vertical-align:-0.58ex} .inline-math svg.math-baseline-n57{vertical-align:-0.57ex} .inline-math svg.math-baseline-n56{vertical-align:-0.56ex} .inline-math svg.math-baseline-n55{vertical-align:-0.55ex} .inline-math svg.math-baseline-n54{vertical-align:-0.54ex} .inline-math svg.math-baseline-n53{vertical-align:-0.53ex} .inline-math svg.math-baseline-n52{vertical-align:-0.52ex} .inline-math svg.math-baseline-n51{vertical-align:-0.51ex} .inline-math svg.math-baseline-n50{vertical-align:-0.50ex} .inline-math svg.math-baseline-n49{vertical-align:-0.49ex} .inline-math svg.math-baseline-n48{vertical-align:-0.48ex} .inline-math svg.math-baseline-n47{vertical-align:-0.47ex} .inline-math svg.math-baseline-n46{vertical-align:-0.46ex} .inline-math svg.math-baseline-n45{vertical-align:-0.45ex} .inline-math svg.math-baseline-n44{vertical-align:-0.44ex} .inline-math svg.math-baseline-n43{vertical-align:-0.43ex} .inline-math svg.math-baseline-n42{vertical-align:-0.42ex} .inline-math svg.math-baseline-n41{vertical-align:-0.41ex} .inline-math svg.math-baseline-n40{vertical-align:-0.40ex} .inline-math svg.math-baseline-n39{vertical-align:-0.39ex} .inline-math svg.math-baseline-n38{vertical-align:-0.38ex} .inline-math svg.math-baseline-n37{vertical-align:-0.37ex} .inline-math svg.math-baseline-n36{vertical-align:-0.36ex} .inline-math svg.math-baseline-n35{vertical-align:-0.35ex} .inline-math svg.math-baseline-n34{vertical-align:-0.34ex} .inline-math svg.math-baseline-n33{vertical-align:-0.33ex} .inline-math svg.math-baseline-n32{vertical-align:-0.32ex} .inline-math svg.math-baseline-n31{vertical-align:-0.31ex} .inline-math svg.math-baseline-n30{vertical-align:-0.30ex} .inline-math svg.math-baseline-n29{vertical-align:-0.29ex} .inline-math svg.math-baseline-n28{vertical-align:-0.28ex} .inline-math svg.math-baseline-n27{vertical-align:-0.27ex} .inline-math svg.math-baseline-n26{vertical-align:-0.26ex} .inline-math svg.math-baseline-n25{vertical-align:-0.25ex} .inline-math svg.math-baseline-n24{vertical-align:-0.24ex} .inline-math svg.math-baseline-n23{vertical-align:-0.23ex} .inline-math svg.math-baseline-n22{vertical-align:-0.22ex} .inline-math svg.math-baseline-n21{vertical-align:-0.21ex} .inline-math svg.math-baseline-n20{vertical-align:-0.20ex} .inline-math svg.math-baseline-n19{vertical-align:-0.19ex} .inline-math svg.math-baseline-n18{vertical-align:-0.18ex} .inline-math svg.math-baseline-n17{vertical-align:-0.17ex} .inline-math svg.math-baseline-n16{vertical-align:-0.16ex} .inline-math svg.math-baseline-n15{vertical-align:-0.15ex} .inline-math svg.math-baseline-n14{vertical-align:-0.14ex} .inline-math svg.math-baseline-n13{vertical-align:-0.13ex} .inline-math svg.math-baseline-n12{vertical-align:-0.12ex} .inline-math svg.math-baseline-n11{vertical-align:-0.11ex} .inline-math svg.math-baseline-n10{vertical-align:-0.10ex} .inline-math svg.math-baseline-n9{vertical-align:-0.09ex} .inline-math svg.math-baseline-n8{vertical-align:-0.08ex} .inline-math svg.math-baseline-n7{vertical-align:-0.07ex} .inline-math svg.math-baseline-n6{vertical-align:-0.06ex} .inline-math svg.math-baseline-n5{vertical-align:-0.05ex} .inline-math svg.math-baseline-n4{vertical-align:-0.04ex} .inline-math svg.math-baseline-n3{vertical-align:-0.03ex} .inline-math svg.math-baseline-n2{vertical-align:-0.02ex} .inline-math svg.math-baseline-n1{vertical-align:-0.01ex} .inline-math svg.math-baseline-p0{vertical-align:0.00ex} .inline-math svg.math-baseline-p1{vertical-align:0.01ex} .inline-math svg.math-baseline-p2{vertical-align:0.02ex} .inline-math svg.math-baseline-p3{vertical-align:0.03ex} .inline-math svg.math-baseline-p4{vertical-align:0.04ex} .inline-math svg.math-baseline-p5{vertical-align:0.05ex} .inline-math svg.math-baseline-p6{vertical-align:0.06ex} .inline-math svg.math-baseline-p7{vertical-align:0.07ex} .inline-math svg.math-baseline-p8{vertical-align:0.08ex} .inline-math svg.math-baseline-p9{vertical-align:0.09ex} .inline-math svg.math-baseline-p10{vertical-align:0.10ex} .inline-math svg.math-baseline-p11{vertical-align:0.11ex} .inline-math svg.math-baseline-p12{vertical-align:0.12ex} .inline-math svg.math-baseline-p13{vertical-align:0.13ex} .inline-math svg.math-baseline-p14{vertical-align:0.14ex} .inline-math svg.math-baseline-p15{vertical-align:0.15ex} .inline-math svg.math-baseline-p16{vertical-align:0.16ex} .inline-math svg.math-baseline-p17{vertical-align:0.17ex} .inline-math svg.math-baseline-p18{vertical-align:0.18ex} .inline-math svg.math-baseline-p19{vertical-align:0.19ex} .inline-math svg.math-baseline-p20{vertical-align:0.20ex} .inline-math svg.math-baseline-p21{vertical-align:0.21ex} .inline-math svg.math-baseline-p22{vertical-align:0.22ex} .inline-math svg.math-baseline-p23{vertical-align:0.23ex} .inline-math svg.math-baseline-p24{vertical-align:0.24ex} .inline-math svg.math-baseline-p25{vertical-align:0.25ex} .inline-math svg.math-baseline-p26{vertical-align:0.26ex} .inline-math svg.math-baseline-p27{vertical-align:0.27ex} .inline-math svg.math-baseline-p28{vertical-align:0.28ex} .inline-math svg.math-baseline-p29{vertical-align:0.29ex} .inline-math svg.math-baseline-p30{vertical-align:0.30ex} .inline-math svg.math-baseline-p31{vertical-align:0.31ex} .inline-math svg.math-baseline-p32{vertical-align:0.32ex} .inline-math svg.math-baseline-p33{vertical-align:0.33ex} .inline-math svg.math-baseline-p34{vertical-align:0.34ex} .inline-math svg.math-baseline-p35{vertical-align:0.35ex} .inline-math svg.math-baseline-p36{vertical-align:0.36ex} .inline-math svg.math-baseline-p37{vertical-align:0.37ex} .inline-math svg.math-baseline-p38{vertical-align:0.38ex} .inline-math svg.math-baseline-p39{vertical-align:0.39ex} .inline-math svg.math-baseline-p40{vertical-align:0.40ex} .inline-math svg.math-baseline-p41{vertical-align:0.41ex} .inline-math svg.math-baseline-p42{vertical-align:0.42ex} .inline-math svg.math-baseline-p43{vertical-align:0.43ex} .inline-math svg.math-baseline-p44{vertical-align:0.44ex} .inline-math svg.math-baseline-p45{vertical-align:0.45ex} .inline-math svg.math-baseline-p46{vertical-align:0.46ex} .inline-math svg.math-baseline-p47{vertical-align:0.47ex} .inline-math svg.math-baseline-p48{vertical-align:0.48ex} .inline-math svg.math-baseline-p49{vertical-align:0.49ex} .inline-math svg.math-baseline-p50{vertical-align:0.50ex} .inline-math svg.math-baseline-p51{vertical-align:0.51ex} .inline-math svg.math-baseline-p52{vertical-align:0.52ex} .inline-math svg.math-baseline-p53{vertical-align:0.53ex} .inline-math svg.math-baseline-p54{vertical-align:0.54ex} .inline-math svg.math-baseline-p55{vertical-align:0.55ex} .inline-math svg.math-baseline-p56{vertical-align:0.56ex} .inline-math svg.math-baseline-p57{vertical-align:0.57ex} .inline-math svg.math-baseline-p58{vertical-align:0.58ex} .inline-math svg.math-baseline-p59{vertical-align:0.59ex} .inline-math svg.math-baseline-p60{vertical-align:0.60ex} .inline-math svg.math-baseline-p61{vertical-align:0.61ex} .inline-math svg.math-baseline-p62{vertical-align:0.62ex} .inline-math svg.math-baseline-p63{vertical-align:0.63ex} .inline-math svg.math-baseline-p64{vertical-align:0.64ex} .inline-math svg.math-baseline-p65{vertical-align:0.65ex} .inline-math svg.math-baseline-p66{vertical-align:0.66ex} .inline-math svg.math-baseline-p67{vertical-align:0.67ex} .inline-math svg.math-baseline-p68{vertical-align:0.68ex} .inline-math svg.math-baseline-p69{vertical-align:0.69ex} .inline-math svg.math-baseline-p70{vertical-align:0.70ex} .inline-math svg.math-baseline-p71{vertical-align:0.71ex} .inline-math svg.math-baseline-p72{vertical-align:0.72ex} .inline-math svg.math-baseline-p73{vertical-align:0.73ex} .inline-math svg.math-baseline-p74{vertical-align:0.74ex} .inline-math svg.math-baseline-p75{vertical-align:0.75ex} .inline-math svg.math-baseline-p76{vertical-align:0.76ex} .inline-math svg.math-baseline-p77{vertical-align:0.77ex} .inline-math svg.math-baseline-p78{vertical-align:0.78ex} .inline-math svg.math-baseline-p79{vertical-align:0.79ex} .inline-math svg.math-baseline-p80{vertical-align:0.80ex} .inline-math svg.math-baseline-p81{vertical-align:0.81ex} .inline-math svg.math-baseline-p82{vertical-align:0.82ex} .inline-math svg.math-baseline-p83{vertical-align:0.83ex} .inline-math svg.math-baseline-p84{vertical-align:0.84ex} .inline-math svg.math-baseline-p85{vertical-align:0.85ex} .inline-math svg.math-baseline-p86{vertical-align:0.86ex} .inline-math svg.math-baseline-p87{vertical-align:0.87ex} .inline-math svg.math-baseline-p88{vertical-align:0.88ex} .inline-math svg.math-baseline-p89{vertical-align:0.89ex} .inline-math svg.math-baseline-p90{vertical-align:0.90ex} .inline-math svg.math-baseline-p91{vertical-align:0.91ex} .inline-math svg.math-baseline-p92{vertical-align:0.92ex} .inline-math svg.math-baseline-p93{vertical-align:0.93ex} .inline-math svg.math-baseline-p94{vertical-align:0.94ex} .inline-math svg.math-baseline-p95{vertical-align:0.95ex} .inline-math svg.math-baseline-p96{vertical-align:0.96ex} .inline-math svg.math-baseline-p97{vertical-align:0.97ex} .inline-math svg.math-baseline-p98{vertical-align:0.98ex} .inline-math svg.math-baseline-p99{vertical-align:0.99ex} .inline-math svg.math-baseline-p100{vertical-align:1.00ex} /* Match corresponding rows across the two answering techniques. */ .answer-techniques{grid-template-rows:repeat(5,auto);row-gap:0;column-gap:16px;align-items:stretch} .answer-technique{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;align-items:stretch} .answer-technique>h5{align-self:start}.answer-technique>figure{align-self:start}.answer-technique>.model-answer{align-self:stretch}.answer-technique>.example-evidence{min-width:0}.answer-technique>.technique-reminder{align-self:start} @media(max-width:760px){.answer-techniques{display:block}.answer-technique{display:block;margin-bottom:14px}} .answer-technique>h5{font-size:19px;line-height:1.45;margin-bottom:18px}@media(max-width:760px){.answer-technique>h5{font-size:18px}} .answer-technique .graph-root-math{font-size:12px;color:var(--tone-496078);padding:0;margin:0;min-height:28px;display:flex;align-items:center;justify-content:center;overflow:visible;background:none} .summary-range-example{margin:22px 0 8px;padding:20px;background:var(--tone-f5f8fc);border:1px solid var(--tone-dfe8f5);border-radius:12px}.summary-range-example>h5{font-size:16px;color:var(--tone-244c83);margin:0 0 14px}.summary-range-example>p{font-size:12px;line-height:1.9;color:var(--tone-496078)}.summary-range-example .latex-formula{background:var(--white);border-radius:8px;margin:16px 0} .composite-range-figure{max-width:520px;margin:20px auto}.composite-range-figure svg{display:block;width:100%;background:var(--white);border-radius:8px}.composite-range-figure figcaption{font-size:12px;line-height:1.8;color:var(--tone-496078);margin-top:12px} .summary-subsection{margin:20px 0;padding:16px 18px;background:var(--tone-f5f8fc);border-radius:10px}.summary-subsection>h5{font-size:15px;color:var(--tone-244c83);margin:0 0 12px}.summary-subsection li{padding-top:5px;padding-bottom:5px} .identity-graphs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.identity-graphs figure{margin:0;padding:16px;border:1px solid var(--tone-dfe8f5);border-radius:10px}.identity-graphs h5{font-size:15px;color:var(--tone-244c83);margin:0 0 12px}.identity-graphs svg{width:100%;max-height:280px;display:block}.identity-graphs .latex-formula{font-size:14px}@media(max-width:600px){.identity-graphs{grid-template-columns:1fr}} .piecewise-example-graph{max-width:520px;margin:18px auto 4px}.piecewise-example-graph svg{width:100%;display:block;background:var(--white);border-radius:8px}.piecewise-example-graph figcaption{font-size:12px;line-height:1.8;color:var(--tone-496078);margin-top:12px} .periodic-example-graph{max-width:650px} .shifted-curve-label{transform:translateX(.5cm)} .piecewise-definition{margin:18px 0}.piecewise-definition h6{font-size:13px;color:var(--tone-244c83);margin:0 0 12px}.piecewise-definition>.latex-formula{background:var(--white);border-radius:8px;padding:18px;font-size:17px}.piecewise-definition p{font-size:12px;line-height:1.9;margin:12px 0;color:var(--tone-496078)} .topic-parts{margin:4px 0 14px}.topic-part{margin-top:14px;border:1px solid var(--tone-dfe8f5);border-radius:12px;overflow:hidden}.topic-part>summary{display:flex;align-items:center;gap:14px;padding:20px;cursor:pointer;font-size:16px;font-weight:700;color:var(--tone-244c83);background:var(--tone-f5f8fc);list-style:none}.topic-part>summary::-webkit-details-marker{display:none}.part-number{display:grid;place-items:center;width:30px;height:30px;background:var(--tone-e6eef9);border-radius:8px;font-size:12px}.topic-part .core-chevron{margin-left:auto}.topic-part-body{padding:12px 22px 18px}.topic-part-body ul{padding-left:20px}.topic-part-body li{font-size:13px;color:var(--tone-496078);line-height:1.9;margin:14px 0} :root{color-scheme:light;--tone-10272088:#10272088;--tone-172a46:#172a46;--tone-172a4603:#172a4603;--tone-172a4607:#172a4607;--tone-172a460c:#172a460c;--tone-172a4610:#172a4610;--tone-173832:#173832;--tone-17383208:#17383208;--tone-17383216:#17383216;--tone-1c3d6b:#1c3d6b;--tone-244c83:#244c83;--tone-355438:#355438;--tone-496078:#496078;--tone-496582:#496582;--tone-527198:#527198;--tone-53674a:#53674a;--tone-5878a1:#5878a1;--tone-5b6c81:#5b6c81;--tone-638fc8:#638fc8;--tone-647c9c:#647c9c;--tone-65758b:#65758b;--tone-6583aa:#6583aa;--tone-71816a:#71816a;--tone-775c28:#775c28;--tone-7990ae:#7990ae;--tone-8090a4:#8090a4;--tone-8a6b31:#8a6b31;--tone-8b54a8:#8b54a8;--tone-8e9f6c:#8e9f6c;--tone-90a275:#90a275;--tone-91a095:#91a095;--tone-9ab181:#9ab181;--tone-9bb4d7:#9bb4d7;--tone-a5362b:#a5362b;--tone-acb8ca:#acb8ca;--tone-adbf76:#adbf76;--tone-b6c9e5:#b6c9e5;--tone-bdcee5:#bdcee5;--tone-c6d4e7:#c6d4e7;--tone-c9a05b:#c9a05b;--tone-ccc:#ccc;--tone-dbe2d2:#dbe2d2;--tone-dce2d5:#dce2d5;--tone-dfe8f5:#dfe8f5;--tone-e1e7ee:#e1e7ee;--tone-e6eccc:#e6eccc;--tone-e6edd9:#e6edd9;--tone-e6eef9:#e6eef9;--tone-e7efd5:#e7efd5;--tone-ead9b8:#ead9b8;--tone-eaf0f7:#eaf0f7;--tone-eaf0fa:#eaf0fa;--tone-eaf1fc:#eaf1fc;--tone-edf0e7:#edf0e7;--tone-edf2e5:#edf2e5;--tone-edf2f9:#edf2f9;--tone-edf3fb:#edf3fb;--tone-eef3fa:#eef3fa;--tone-f0f4e9:#f0f4e9;--tone-f0f4f9:#f0f4f9;--tone-f0f5e6:#f0f5e6;--tone-f1f4f8:#f1f4f8;--tone-f5f7fb:#f5f7fb;--tone-f5f8fc:#f5f8fc;--tone-f7faff:#f7faff;--tone-fafbfd:#fafbfd;--tone-fff:#fff;--tone-fff7e8:#fff7e8;--tone-fffffff5:#fffffff5;} :root[data-theme="dark"]{--tone-10272088:#000000a6;--tone-172a46:#f0f5fb;--tone-172a4603:#00000035;--tone-172a4607:#00000035;--tone-172a460c:#00000035;--tone-172a4610:#00000035;--tone-173832:#f0f5fb;--tone-17383208:#00000035;--tone-17383216:#00000035;--tone-1c3d6b:#f0f5fb;--tone-244c83:#bad7ff;--tone-355438:#d0dbe8;--tone-496078:#d0dbe8;--tone-496582:#d0dbe8;--tone-527198:#bad7ff;--tone-53674a:#d0dbe8;--tone-5878a1:#bad7ff;--tone-5b6c81:#d0dbe8;--tone-638fc8:#bad7ff;--tone-647c9c:#d0dbe8;--tone-65758b:#d0dbe8;--tone-6583aa:#bad7ff;--tone-71816a:#d0dbe8;--tone-775c28:#d0dbe8;--tone-7990ae:#d0dbe8;--tone-8090a4:#d0dbe8;--tone-8a6b31:#d0dbe8;--tone-8b54a8:#c8a2e5;--tone-8e9f6c:#d0dbe8;--tone-90a275:#d0dbe8;--tone-91a095:#d0dbe8;--tone-9ab181:#657f9d;--tone-9bb4d7:#657f9d;--tone-a5362b:#d0dbe8;--tone-acb8ca:#657f9d;--tone-adbf76:#657f9d;--tone-b6c9e5:#465b73;--tone-bdcee5:#465b73;--tone-c6d4e7:#465b73;--tone-c9a05b:#d0dbe8;--tone-ccc:#465b73;--tone-dbe2d2:#465b73;--tone-dce2d5:#465b73;--tone-dfe8f5:#465b73;--tone-e1e7ee:#465b73;--tone-e6eccc:#657f9d;--tone-e6edd9:#20372e;--tone-e6eef9:#304b6b;--tone-e7efd5:#20372e;--tone-ead9b8:#465b73;--tone-eaf0f7:#29415d;--tone-eaf0fa:#29415d;--tone-eaf1fc:#29415d;--tone-edf0e7:#1a2b34;--tone-edf2e5:#25382e;--tone-edf2f9:#263e5a;--tone-edf3fb:#263e5a;--tone-eef3fa:#263e5a;--tone-f0f4e9:#25382e;--tone-f0f4f9:#22364e;--tone-f0f5e6:#20372e;--tone-f1f4f8:#22364e;--tone-f5f7fb:#22364e;--tone-f5f8fc:#22364e;--tone-f7faff:#22364e;--tone-fafbfd:#111b29;--tone-fff:#1a293c;--tone-fff7e8:#352c1d;--tone-fffffff5:#1a293cf5;}:root[data-theme="dark"] .primary,:root[data-theme="dark"] .brand-icon{background:#315f99;color:#fff}:root[data-theme="dark"] .preview-banner{color:#c3dbc9}:root[data-theme="dark"] .draft-note{color:#e3c98e}:root[data-theme="dark"] .bottom-nav{box-shadow:0 12px 35px #0005}:root[data-theme="dark"] .piecewise-example-graph svg,:root[data-theme="dark"] .composite-range-figure svg{background:var(--white)}:root[data-theme="dark"] svg circle[fill="white"]{fill:var(--white)}:root[data-theme="dark"] svg rect[fill="#edf3fb"]{fill:#22354e}:root[data-theme="dark"] .graph-curve{stroke:#a9c5ed}:root[data-theme="dark"] .graph-point{stroke:var(--white)} .formula-core>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto 22px;align-items:center}.core-topic-count{display:flex;align-items:center;align-self:center;line-height:24px}.formula-core>summary>.core-chevron{display:flex;align-items:center;justify-content:center;height:24px;line-height:1;font-size:20px;align-self:center}.formula-core[open]>summary>.core-chevron{transform:rotate(180deg)} .formula-core>summary>.core-chevron{font-size:0}.formula-core>summary>.core-chevron::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)} :root[data-theme="dark"] svg [stroke="#8b54a8"]{stroke:#c8a2e5}:root[data-theme="dark"] svg [fill="#8b54a8"]{fill:#c8a2e5}:root[data-theme="dark"] svg [stroke="#244c83"]{stroke:#a9c5ed}:root[data-theme="dark"] svg [fill="#244c83"]{fill:#a9c5ed} /* Keep mathematical diagrams on a light canvas in either system theme. */ .horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg{color-scheme:light;background:#fafbfd!important;color:#172a46;border-radius:8px;--tone-65758b:#65758b;--tone-244c83:#244c83;--tone-496078:#496078;--tone-7990ae:#7990ae;--tone-8b54a8:#8b54a8;--tone-acb8ca:#acb8ca;--tone-fff:#fff} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) .graph-curve{stroke:#244c83} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) [stroke="#8b54a8"]{stroke:#8b54a8} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) [fill="#8b54a8"]{fill:#8b54a8} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) [stroke="#244c83"]{stroke:#244c83} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) [fill="#244c83"]{fill:#244c83} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) circle[fill="white"]{fill:white} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) rect[fill="#edf3fb"]{fill:#edf3fb} .horizontal-test-graph .graph-point{stroke:#fff} :root[data-theme="dark"]{color-scheme:dark}.settings-dialog{max-width:520px;width:calc(100% - 32px)}.appearance-options{border:0;padding:0;margin:26px 0}.appearance-options legend{font-size:15px;font-weight:700;margin-bottom:14px}.appearance-option{display:flex;align-items:center;gap:12px;padding:16px;margin:10px 0;border:1px solid var(--line);border-radius:12px;cursor:pointer;color:var(--ink)}.appearance-option:has(input:checked){border-color:var(--green);background:var(--lime)}.appearance-option input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--green)}.appearance-option strong{display:block;font-size:14px}.appearance-option small{display:block;font-weight:400;margin-top:5px;color:var(--muted);line-height:1.5}.settings-note{font-size:12px;color:var(--muted);line-height:1.7}.header-actions{align-items:center}@media(max-width:600px){.header-actions{gap:0}.header-actions .quiet{padding:10px 8px;font-size:12px}} .settings-dialog{background:var(--white);color:var(--ink);border:1px solid var(--line)} /* Tablet layouts and touch-friendly controls. */ .topbar{padding-top:max(20px,env(safe-area-inset-top));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.quiet{min-height:44px}.bottom-nav{bottom:max(16px,env(safe-area-inset-bottom))}dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}dialog .dialog-header{gap:16px}.dialog-header>div{min-width:0}.image-wrap{max-width:100%;overflow-x:auto}.question-image{max-width:100%;height:auto}.formula-body,.topic-part-body,.summary-section{min-width:0}.latex-formula{overscroll-behavior-x:contain} @media(min-width:601px) and (max-width:1024px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card{min-height:150px}#app{padding:30px 24px 120px}.login-layout{gap:28px;margin:40px auto;grid-template-columns:1fr 1fr}.login-layout h1{font-size:42px}.login-card{padding:24px}.page-heading h1{font-size:36px}.filter-row{grid-template-columns:2fr 1fr 1fr}} @media(max-width:900px){.answer-techniques{display:block}.answer-technique{display:block;margin-bottom:16px}.identity-graphs{grid-template-columns:1fr}.identity-graphs figure>svg{max-height:300px}.paper-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(pointer:coarse){input,select{font-size:16px}.official-references summary{min-height:44px;display:flex;align-items:center}.official-references a{min-height:44px;display:inline-flex;align-items:center}button{touch-action:manipulation}.topic-card:hover{transform:none}} @media(max-width:600px){.topbar{padding-left:16px;padding-right:16px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.brand{flex-shrink:0}.brand-icon{width:34px;height:40px}.login-layout{grid-template-columns:1fr}.paper-stat-grid{grid-template-columns:1fr}.dialog-header h2{font-size:23px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}} .brand{letter-spacing:.2px;font-size:15px}.brand small{font-size:11px}@media(max-width:600px){.brand{font-size:12px;gap:8px;max-width:52%}.brand small{font-size:10px}.header-actions{max-width:48%}} /* Diagram colours are independent of the surrounding app theme. */ :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) rect[fill="#edf3fb"]{fill:#edf3fb!important} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) circle[fill="white"]{fill:#fff!important} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) [stroke="#8b54a8"]{stroke:#8b54a8!important} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) [fill="#8b54a8"]{fill:#8b54a8!important} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) [stroke="#244c83"]{stroke:#244c83!important} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) [fill="#244c83"]{fill:#244c83!important} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) .graph-curve{stroke:#244c83!important} .horizontal-test-graph .graph-point{stroke:#fff!important} :is(.horizontal-test-graph,.composite-range-figure>svg,.piecewise-example-graph>svg,.identity-graphs figure>svg) .graph-guide{stroke:#7d8da3;stroke-width:1} .identity-graphs svg path[stroke="#d8e0eb"]{stroke:#7d8da3} .summary-subsection>h5{color:var(--green);line-height:1.9}.summary-subsection>h5 .inline-math{color:inherit;font-size:1.12em} .topic-label small{white-space:nowrap;min-width:76px}.key-feature-section{margin:24px 0 30px}.key-feature-section>h4{font-size:18px;color:var(--green);padding-bottom:12px;border-bottom:1px solid var(--line);margin:0 0 16px}.key-feature-section>p{font-size:13px;line-height:1.9;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}.feature-card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px}.feature-card>h5{font-size:14px;line-height:1.6;margin:0 0 14px;color:var(--green)}.feature-card p{font-size:13px;line-height:1.9;color:var(--muted)}.feature-card ul{padding-left:18px!important}.feature-card li{font-size:13px;line-height:1.9}.feature-card .latex-formula{font-size:16px;padding:16px 4px}.feature-conclusion{padding:12px;background:var(--lime);border-radius:8px}.feature-note{padding:14px 16px;border-left:3px solid var(--green);background:var(--lime);font-size:12px!important;line-height:1.9!important;color:var(--muted);margin:18px 0}.intersection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.rational-sketch{display:block;width:100%;background:#fafbfd;color:#172a46;border-radius:8px;color-scheme:light}.rational-sketch .graph-curve{stroke:#244c83!important;stroke-width:2.7}.rational-sketch .graph-axis{stroke:#65758b}.rational-sketch .graph-label,.rational-sketch .graph-root-label{fill:#496078}.rational-sketch .graph-test-label{fill:#8b54a8}.rational-sketch .graph-test-line{stroke:#8b54a8}.rational-sketch [fill="#8b54a8"]{fill:#8b54a8!important}.intersection-grid .latex-formula{font-size:15px}.feature-result{background:var(--lime);border-radius:8px}@media(max-width:900px){.intersection-grid{grid-template-columns:1fr}.intersection-grid .rational-sketch{max-height:320px}.feature-grid{grid-template-columns:1fr}}@media(max-width:600px){.topic-label{gap:8px}.topic-label small{min-width:68px;font-size:10px}.topic-part-body{padding:10px 14px}.feature-card{padding:14px}} .asymptote-features .feature-grid>.feature-card:first-child{grid-column:1/-1} .division-layout{display:grid;grid-template-columns:auto minmax(0,1fr);width:max-content;max-width:100%;margin:18px auto;align-items:start}.division-quotient{grid-column:2;grid-row:1}.division-divisor{grid-column:1;grid-row:2;padding-right:12px!important}.division-work{grid-column:2;grid-row:2;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;padding:0 12px;color:var(--ink)}.division-layout .latex-formula{font-size:16px;padding:6px 4px;overflow:visible} .polynomial-division{width:max-content;max-width:100%;margin:22px auto 24px;font-size:18px;color:var(--ink)} .polynomial-row{display:grid;grid-template-columns:76px repeat(var(--division-columns),52px);align-items:center;min-height:36px;text-align:right} .polynomial-term{padding:5px 3px;min-height:36px;display:flex;align-items:center;justify-content:flex-end} .polynomial-divisor{padding-right:12px;display:flex;align-items:center;justify-content:flex-end} .dividend-row .polynomial-term{border-top:1.5px solid currentColor} .dividend-row .polynomial-term:nth-child(2){border-left:1.5px solid currentColor;border-top-left-radius:8px} .polynomial-row.subtract .polynomial-term{border-bottom:1px solid currentColor;padding-bottom:8px} .polynomial-row.remainder .polynomial-term{padding-top:8px} .asymptote-features .feature-conclusion{padding:8px 0 0;background:none;border-radius:0;color:var(--green);font-weight:600;margin-bottom:0} @media(max-width:600px){.polynomial-row{grid-template-columns:64px repeat(var(--division-columns),44px)}.polynomial-division{font-size:16px}} .polynomial-columns-2{--division-columns:2}.polynomial-columns-3{--division-columns:3} .polynomial-row{grid-template-columns:82px repeat(var(--division-columns),62px)} .polynomial-term{position:relative;display:grid;grid-template-columns:20px 1fr;gap:0;padding:7px 4px;min-height:42px} .polynomial-sign{display:flex;align-items:center;justify-content:center} .polynomial-value{display:flex;align-items:center;justify-content:flex-end} .polynomial-row.subtract .first-term::before{content:"− (";position:absolute;left:-18px;top:50%;transform:translateY(-50%);font-family:serif;font-size:1.25em;white-space:pre} .polynomial-row.subtract .last-term::after{content:")";position:absolute;right:-9px;top:50%;transform:translateY(-50%);font-family:serif;font-size:1.25em} .polynomial-row.subtract .polynomial-term{padding-bottom:7px} .polynomial-row.subtract .first-term::before{left:-20px} @media(max-width:600px){.polynomial-row{grid-template-columns:66px repeat(var(--division-columns),54px)}} .asymptote-features .feature-card:has(.polynomial-division){display:flex;flex-direction:column} .asymptote-features .feature-card:has(.polynomial-division)>ul{margin-top:0;margin-bottom:0} .asymptote-features .feature-card:has(.polynomial-division)>.latex-formula{margin-top:auto} .asymptote-features .feature-card:has(.polynomial-division)>.feature-conclusion{text-align:center;border-top:1px solid var(--line);padding-top:16px;margin-top:14px} @media(min-width:901px){.asymptote-features .polynomial-division{height:270px;display:flex;flex-direction:column;justify-content:center;margin:12px auto 16px}} .asymptote-features .feature-card:not(:first-child){display:flex;flex-direction:column} .asymptote-features .feature-card:not(:first-child)>.latex-formula{padding:24px 4px;margin:auto 0} .asymptote-features .feature-card:not(:first-child)>.feature-conclusion{text-align:center;border-top:1px solid var(--line);padding-top:16px;margin-top:12px} .asymptote-features .feature-card{padding:16px 18px} .asymptote-features .feature-card>h5{margin-bottom:8px} .asymptote-features .feature-card ul{margin:0!important} .asymptote-features .feature-card li{margin:6px 0!important} .asymptote-features .feature-card:not(:first-child)>.latex-formula{padding:14px 4px;margin:0} .asymptote-features .feature-card>.feature-conclusion{margin:8px 0 0;padding:10px 0 0;line-height:1.6} .asymptote-features .feature-card:not(:first-child)>.feature-conclusion{margin-top:8px;padding-top:10px} .rational-sketch .rational-asymptote{stroke:#9b5b3d!important;stroke-width:1.3;stroke-dasharray:5 4;fill:none} .rational-sketch .rational-asymptote-label{fill:#815035!important;font-size:11px;paint-order:stroke;stroke:#fafbfd;stroke-width:3px;stroke-linejoin:round} .rational-sketch .rational-label-leader{stroke:#7b8798!important;stroke-width:.8;fill:none} .rational-sketch .rational-coordinate{font-size:11px;paint-order:stroke;stroke:#fafbfd;stroke-width:3px;stroke-linejoin:round} .feature-card:has(>.rational-sketch){display:flex;flex-direction:column} .feature-card>.rational-sketch{margin-top:auto} .conic-section{margin:26px 0 32px} .conic-section>h4{font-size:20px;border-bottom:2px solid var(--line);padding-bottom:12px} .conic-section .feature-card{display:flex;flex-direction:column;padding:18px} .conic-section .feature-card>.latex-formula{order:1;padding:14px 0;margin:0;border-bottom:1px solid var(--line);font-size:16px} .conic-section .feature-card>h5{order:0;margin-bottom:0;font-size:15px} .conic-section .feature-card>ul{order:3;margin-bottom:0!important} .conic-section .conic-figure{order:2} .conic-section .feature-grid:has(>.feature-card:only-child){grid-template-columns:1fr} .conic-section .feature-card:only-child .conic-figure{max-width:420px;width:100%;align-self:center} .conic-figure{margin:14px 0 0} .conic-figure svg{display:block;width:100%;background:#fafbfd!important;border-radius:10px;color:#172a46;color-scheme:light} .conic-curve{stroke:#244c83!important;stroke-width:2.2;fill:none} .conic-point{fill:#244c83!important;stroke:#fafbfd!important;stroke-width:1} .conic-guide{stroke:#8b98aa!important;stroke-width:1;stroke-dasharray:3 4} .conic-guide-box{fill:none;stroke:#a7b1bf!important;stroke-width:.8;stroke-dasharray:2 4} .conic-asymptote{stroke:#9b5b3d!important;stroke-width:1.2;stroke-dasharray:6 4} .conic-dimension{stroke:#566d89!important;stroke-width:1.3} .conic-label{fill:#263d5a!important;font-family:Georgia,serif;font-style:italic;font-size:11px;paint-order:stroke;stroke:#fafbfd!important;stroke-width:3px;stroke-linejoin:round} .conic-figure figcaption{text-align:center;color:var(--muted);font-size:11px;line-height:1.6;margin-top:8px} @media(max-width:600px){.conic-section .feature-card{padding:14px}.conic-section .feature-card>.latex-formula{font-size:14px}.conic-section>h4{font-size:18px}} .math-guide{border:1px solid var(--line);border-radius:12px;background:var(--white);margin-top:16px;overflow:hidden} .math-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none;color:var(--green);font-size:14px;font-weight:600;min-height:48px} .math-guide>summary::-webkit-details-marker{display:none} .math-guide-chevron{transition:transform .2s;font-size:20px} .math-guide[open] .math-guide-chevron{transform:rotate(180deg)} .math-guide[open]>summary{border-bottom:1px solid var(--line)} .math-guide-body{padding:8px 20px 18px;font-size:13px;line-height:1.8;color:var(--muted)} .math-guide-steps{padding-left:26px!important;margin:16px 0!important} .math-guide-steps>li{padding:0 0 12px 8px;margin:0 0 12px!important;border-bottom:1px solid var(--line)} .math-guide-body h5{font-size:14px;color:var(--green);margin:0 0 6px} .math-guide-body .latex-formula{font-size:17px;padding:12px 0} .math-guide-example{padding:16px;border-radius:10px;background:var(--lime)} .math-guide-reminder{margin:16px 0 0} @media(max-width:600px){.math-guide-body{padding:6px 14px 14px}.math-guide-body .latex-formula{font-size:14px}.math-guide>summary{padding:14px}.math-guide-example{padding:12px}} .gc-command-section{margin:30px 0 12px;padding-top:22px;border-top:2px solid var(--line)} .gc-command-section>h4{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--green);font-size:20px;margin:0 0 8px} .gc-command-section>h4>span{font-size:11px;font-weight:500;border:1px solid var(--line);padding:5px 9px;border-radius:20px;color:var(--muted)} .gc-command-section>p{font-size:13px;color:var(--muted);line-height:1.8} .gc-key-sequence{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px;vertical-align:middle;max-width:100%;margin:3px 0} .gc-key-sequence kbd{display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:28px;padding:3px 8px;border:1px solid var(--line);border-bottom-width:3px;border-radius:6px;background:var(--white);color:var(--ink);font-family:inherit;font-size:11px;font-weight:600;line-height:1.5} .gc-key-arrow{color:var(--muted);font-size:11px} .gc-setup{padding:14px 0;border-bottom:1px solid var(--line)} .gc-setup ol{padding-left:22px!important} .gc-setup li{margin-bottom:12px!important} .gc-example-list{padding-top:20px} .gc-example{border:1px solid var(--line);border-radius:10px;margin:10px 0;overflow:hidden} .gc-example>summary{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;min-height:46px;cursor:pointer;font-weight:600;color:var(--green);list-style:none} .gc-example>summary::-webkit-details-marker{display:none} .gc-example[open]>summary{border-bottom:1px solid var(--line)} .gc-example-body{padding:10px 16px 14px} .gc-screen{max-width:360px;margin:12px auto 20px;border:8px solid #253348;border-radius:8px;background:#fafbfd!important;color:#172a46!important;padding:12px 14px;min-height:155px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;box-sizing:border-box;overflow:auto} .gc-screen-status{font-size:8px;letter-spacing:.3px;border-bottom:1px solid #c9d1dc;padding-bottom:6px;color:#56677d} .gc-screen-title{font-size:10px;margin:8px 0 12px;color:#56677d} .gc-screen-row{font-size:18px;line-height:1.8;white-space:nowrap;color:#244c83} .gc-screen-row-1{color:#9b4539} .gc-screen-disclaimer{font-size:11px!important;color:var(--muted)} .gc-source-links{font-size:11px;margin:16px 0 0} @media(max-width:600px){.gc-example-body{padding:8px 12px 12px}.gc-screen{padding:10px;border-width:6px}.gc-screen-row{font-size:16px}.gc-command-section>h4{font-size:18px}} .gc-menu-shot{max-width:280px;margin:20px auto}.gc-menu-shot img,.gc-capture-pair img{display:block;width:100%;height:auto;background:#fff;color-scheme:light;border-radius:8px;border:1px solid #b6c3d0}.gc-menu-shot figcaption,.gc-capture-pair figcaption{text-align:center;font-size:11px;color:var(--muted);margin-top:8px}.gc-orientation{padding:18px 0}.gc-orientation+.gc-orientation{border-top:1px solid var(--line)}.gc-orientation h6{font-size:16px;color:var(--green);margin:0 0 12px}.gc-capture-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:800px;margin:16px auto 0}.gc-capture-pair figure{margin:0;min-width:0}.gc-parameter-values{text-align:center;font-weight:600;line-height:1.7}.gc-alternative .gc-command-section{border-top:0;margin-top:0;padding-top:0}@media(max-width:600px){.gc-capture-pair{grid-template-columns:1fr;max-width:400px;gap:20px}.gc-orientation h6{font-size:15px}} .gc-command-disclosure>summary{font-size:18px}.gc-command-disclosure>summary small{font-size:11px;font-weight:500;color:var(--muted);margin-left:10px}.gc-command-disclosure>.math-guide-body{padding-top:0} /* Compact standalone calculator disclosure. */ .gc-command-disclosure{padding:0;margin:24px 0 12px;border:1px solid var(--line);border-radius:12px} .core-topics .formula-card .gc-command-disclosure>summary{min-height:64px;padding:16px 18px;margin:0;border-bottom:0;gap:16px;font-size:16px;line-height:1.4} .gc-command-disclosure>summary>span:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0} .gc-command-disclosure>summary small{margin:0;padding:4px 9px;border:1px solid var(--line);border-radius:6px;font-size:10px;line-height:1.4;white-space:nowrap;background:var(--paper);font-weight:500} .gc-command-disclosure>summary>.math-guide-chevron{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;font-size:0;transform:none} .gc-command-disclosure>summary>.math-guide-chevron::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s} .gc-command-disclosure[open]>summary>.math-guide-chevron::before{transform:translateY(2px) rotate(225deg)} .core-topics .formula-card .gc-command-disclosure[open]>summary{border-bottom:1px solid var(--line)} @media(max-width:600px){.core-topics .formula-card .gc-command-disclosure>summary{padding:14px;min-height:60px;font-size:15px}.gc-command-disclosure>summary>span:first-child{gap:6px 9px}} .core-topics .formula-card .gc-alternative>summary{margin:0;border-bottom:0;min-height:56px;padding:16px 18px}.core-topics .formula-card .gc-alternative[open]>summary{border-bottom:1px solid var(--line)}.gc-branch-guide>p{margin:12px 0 18px}.gc-alternative>.math-guide-body{padding-top:4px} .gc-alt-screen{max-width:360px;margin:18px auto 22px}.gc-alt-screen img{display:block;width:100%;height:auto;border:1px solid #b6c3d0;border-radius:8px;background:white;color-scheme:light}.gc-alternative-label{display:flex;flex-direction:column;gap:5px;min-width:0}.gc-alternative-label strong{font-size:14px;line-height:1.5}.gc-alternative-label small{font-size:12px;font-weight:400;line-height:1.6;color:var(--muted)} .gc-alternative>summary>.math-guide-chevron{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;font-size:0;transform:none} .gc-alternative>summary>.math-guide-chevron::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s} .gc-alternative[open]>summary>.math-guide-chevron::before{transform:translateY(2px) rotate(225deg)} @media(prefers-reduced-motion:reduce){.gc-alternative>summary>.math-guide-chevron::before,.gc-command-disclosure>summary>.math-guide-chevron::before{transition:none}} .parametric-figure{max-width:430px;margin:16px auto;background:#fff!important;border:1px solid #d9e1eb;border-radius:12px;padding:12px;color-scheme:light}.parametric-figure>svg{display:block;width:100%;height:auto}.parametric-figure .graph-axis{stroke:#65758b!important}.parametric-figure .graph-label,.parametric-figure .graph-root-label{fill:#496078!important}.parametric-figure figcaption{text-align:center;font-size:11px;color:#65758b!important;padding:4px}.parametric-gc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.parametric-gc-grid article{padding:16px;border:1px solid var(--line);border-radius:10px}.parametric-gc-grid h6{font-size:14px;color:var(--green);margin:0}.parametric-window-wrap{overflow-x:auto}.parametric-window{width:100%;border-collapse:collapse;margin:16px 0;font-size:12px}.parametric-window th,.parametric-window td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:center}.parametric-window th:first-child{text-align:left}.parametric-window thead{color:var(--green);background:var(--paper)}@media(max-width:600px){.parametric-gc-grid{grid-template-columns:1fr}} .transformation-rule-grid,.transformation-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.transformation-rule h5{font-size:13px;line-height:1.8;font-weight:500}.transformation-figure{background:#fff!important;color:#172a46!important;border:1px solid #d9e1eb;border-radius:10px;padding:12px;margin:18px auto;max-width:560px;color-scheme:light}.transformation-figure>svg{display:block;width:100%;height:auto}.transformation-figure .graph-label,.transformation-figure .graph-root-label{fill:#496078!important}.transformation-figure .graph-axis{stroke:#65758b!important}.transformation-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;line-height:1.8;color:#496078!important}.transformation-legend>span::before{content:"";display:inline-block;width:20px;vertical-align:middle;margin-right:7px;border-top:2px dashed #596c83}.transformation-legend>.new-key::before{border-top:3px solid #244c83}.transformation-legend .inline-math{font-size:1em}.transformation-mnemonic{padding:20px;border:1px solid var(--line);border-radius:12px;margin-top:22px;background:var(--paper)}.transformation-mnemonic h5{color:var(--green);font-size:16px;margin:0 0 14px}.transformation-mnemonic p{font-size:13px;line-height:1.9;color:var(--muted)}.transformation-order{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}.transformation-order>div{padding:16px;background:var(--white);border-radius:8px}.transformation-properties{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:16px 0 22px}.transformation-properties>section{border-bottom:1px solid var(--line);padding:16px 0}.transformation-properties h5{font-size:14px;color:var(--green);margin:0 0 8px}.transformation-properties p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}@media(max-width:760px){.transformation-rule-grid,.transformation-comparison,.transformation-order,.transformation-properties{grid-template-columns:1fr}.transformation-mnemonic{padding:14px}.transformation-legend{font-size:10px}} /* Transformation examples overlay their own card without changing grid height. */ .transformation-rule{position:relative;min-height:350px;padding-bottom:88px!important;align-self:stretch} .transformation-rule>.math-guide{position:absolute;left:16px;right:16px;bottom:16px;margin:0;z-index:1} .core-topics .formula-card .transformation-rule>.math-guide>summary{min-height:54px;padding:14px;margin:0;border:0;font-size:13px} .transformation-rule>.math-guide[open]{inset:0;z-index:2;border-radius:inherit;box-shadow:0 4px 18px rgba(23,42,70,.1);display:flex;flex-direction:column;background:var(--white)} .core-topics .formula-card .transformation-rule>.math-guide[open]>summary{flex:0 0 auto;border-bottom:1px solid var(--line)} .transformation-rule>.math-guide[open]>summary>span:first-child::after{content:" · Close example";font-size:11px;font-weight:400;color:var(--muted)} .transformation-rule>.math-guide>.math-guide-body{padding:10px;overflow:auto;min-height:0;flex:1} .transformation-rule .transformation-figure{margin:0;padding:8px;border:0} .transformation-rule .transformation-figure>svg{max-height:230px;object-fit:contain} .transformation-rule>.math-guide>summary>.math-guide-chevron{transform:none} .transformation-rule>.math-guide[open]>summary>.math-guide-chevron{transform:rotate(180deg)} @media(max-width:600px){.transformation-rule{min-height:340px}.transformation-rule .transformation-figure>svg{max-height:220px}} /* Compact rule cards with an in-place example view. */ .transformation-rule-grid{gap:12px} .transformation-rule{min-height:240px;padding:16px 16px 62px!important} .transformation-rule>h5{margin:0 0 8px;font-size:12px;line-height:1.65} .transformation-rule>.latex-formula{padding:5px 0;margin:4px 0;font-size:16px} .transformation-rule>.latex-formula+.latex-formula{font-size:14px;color:var(--muted)} .transformation-rule>.math-guide{left:12px;right:12px;bottom:12px;border-radius:8px} .core-topics .formula-card .transformation-rule>.math-guide>summary{min-height:40px;padding:10px 12px;font-size:12px;line-height:1.4} .transformation-rule>.math-guide>.math-guide-body{padding:6px 10px} .transformation-rule .transformation-figure{padding:2px 4px} .transformation-rule .transformation-legend{font-size:10px;gap:3px 12px;line-height:1.5} .transformation-rule .transformation-figure>svg{max-height:158px} @media(max-width:600px){.transformation-rule{min-height:230px}.transformation-rule .transformation-figure>svg{max-height:148px}} .device-preview-link{color:inherit;font-weight:650;text-underline-offset:3px;white-space:nowrap} /* Keep each general transformation and its example visible together. */ .transformation-rule{min-height:0;padding:16px!important} .transformation-static-example{margin-top:12px;background:#fff;border-radius:10px;padding:8px} .transformation-rule .transformation-figure>svg{width:100%;max-height:190px} .transformation-rule .transformation-legend{color:#263b55} .transformation-static-example{padding:10px 4px} .transformation-rule .transformation-figure{width:100%;max-width:none;box-sizing:border-box;margin:0 auto;padding:0} .transformation-rule .transformation-figure>svg{width:100%;height:auto;max-height:none;margin:0 auto} .transformation-rule .transformation-legend{justify-content:center;font-size:11px;gap:5px 14px} .transformation-overlap-note{font-size:11px;line-height:1.6;text-align:center;color:#496078;margin:4px 8px} .essentials-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch} .essentials-categories button{min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.5} /* Reciprocal sketching: working line first, separate final graph. */ .reciprocal-method-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 24px} .reciprocal-method-steps>section{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--paper)} .reciprocal-method-steps h5{display:flex;align-items:center;gap:10px;color:var(--green);font-size:14px;margin:0 0 12px} .reciprocal-method-steps h5>span{display:grid;place-items:center;flex:0 0 26px;height:26px;border:1px solid var(--line);border-radius:50%;font-size:12px} .reciprocal-limit-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px} .reciprocal-limit-grid .latex-formula{font-size:16px;margin:0;padding:7px 0} .reciprocal-example>h5{font-size:15px;margin:24px 0 12px;color:var(--green)} .reciprocal-example>h5:first-child{margin-top:0} .reciprocal-graph{background:#fff;color:#263b55;color-scheme:light;border:1px solid #d9e1eb;border-radius:12px;padding:16px;margin:20px auto;max-width:840px} .reciprocal-graph figcaption{font-size:13px;font-weight:600;text-align:center;color:#244c83;margin:0 0 12px} .reciprocal-graph>svg{display:block;width:100%;height:auto} .reciprocal-graph .graph-label{fill:#263b55!important;font-size:13px} .reciprocal-graph .graph-axis{stroke:#65758b!important} .reciprocal-graph>p{color:#496078!important;font-size:12px;text-align:center;margin:8px 0 0;line-height:1.7} .reciprocal-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px} .reciprocal-feature-grid>div{padding:14px;border:1px solid var(--line);border-radius:10px;min-width:0} .reciprocal-feature-grid .latex-formula{font-size:15px} .reciprocal-working-scroll{overflow-x:auto;border:1px solid #d9e1eb;border-radius:12px;background:#fff;color:#263b55;color-scheme:light;margin:16px 0} .reciprocal-working{min-width:800px;padding:16px} .reciprocal-working h6{font-size:13px;margin:0 0 6px;color:#244c83} .reciprocal-working>svg{display:block;width:100%;height:auto} .reciprocal-working .graph-axis{stroke:#65758b!important} .reciprocal-working .graph-label,.reciprocal-working .graph-root-label{fill:#263b55!important;font-size:13px} .reciprocal-working table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed} .reciprocal-working th,.reciprocal-working td{text-align:center;padding:12px 5px;border-bottom:1px solid #e5eaf1;color:#263b55;background:#fff} .reciprocal-working th:first-child{width:120px;text-align:left;font-weight:600} .reciprocal-working thead th{background:#edf3fb;font-weight:600} .reciprocal-working tbody tr:nth-child(2) td,.reciprocal-working tbody tr:nth-child(3) td{font-size:22px;line-height:1} .reciprocal-working tbody tr:nth-child(3) td{color:#244c83;background:#f2f6fc} .reciprocal-working tbody tr:last-child td{white-space:nowrap} @media(max-width:760px){.reciprocal-method-steps,.reciprocal-feature-grid{grid-template-columns:1fr}.reciprocal-graph{padding:8px 4px}.reciprocal-method-steps>section{padding:14px}.reciprocal-example{padding:14px!important}} .reciprocal-method-steps{grid-template-columns:minmax(0,1fr);gap:12px} .reciprocal-method-steps>section{padding:18px 20px} .reciprocal-method-steps p{margin:8px 0;line-height:1.8} .reciprocal-method-steps ul{margin-bottom:0} .reciprocal-method-steps h5{margin-bottom:10px} .reciprocal-graph foreignObject{overflow:visible} .reciprocal-graph-math.inline-math{display:block;font-size:14px;line-height:1.7;color:#263b55!important;padding:3px 0;white-space:nowrap;overflow:visible} .reciprocal-graph-math.inline-math>svg{display:inline-block;width:auto;height:auto;max-width:none;overflow:visible} .reciprocal-feature-grid{gap:14px;align-items:stretch} .reciprocal-feature-grid>div{padding:18px;display:flex;flex-direction:column} .reciprocal-feature-grid>div>strong{font-size:14px;color:var(--green);margin-bottom:6px} .reciprocal-transfer-item{padding:12px 0;border-bottom:1px solid var(--line)} .reciprocal-transfer-item:last-child{border-bottom:0;padding-bottom:0} .reciprocal-transfer-item .transfer-label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:5px} .reciprocal-feature-grid .reciprocal-transfer-item .latex-formula{margin:0;padding:7px 0;font-size:15px} .reciprocal-feature-grid .reciprocal-transfer-item p{margin:0;font-size:12px;line-height:1.7} .reciprocal-feature-grid>div:first-child .reciprocal-transfer-item{flex:1;display:flex;flex-direction:column;justify-content:center} .reciprocal-working tbody tr td{font-size:12px;line-height:1.5;background:#fff;color:#263b55} .reciprocal-working tbody tr.reciprocal-direction-row td{font-size:24px;line-height:1.1;background:#f2f6fc;color:#244c83} .reciprocal-working tbody tr:last-child td{font-size:12px;line-height:1.5;background:#fff;color:#263b55} .reciprocal-final-compact{padding:12px 14px;max-width:900px} .reciprocal-final-compact figcaption{margin-bottom:4px} .reciprocal-final-compact>p{margin-top:0;font-size:11px} .reciprocal-final-compact .reciprocal-sketch-axis{stroke:#65758b!important;stroke-width:1.5} .reciprocal-final-compact .reciprocal-graph-math{color:#263b55!important;font-size:14px} .reciprocal-final-compact figcaption{font-size:22px;padding:10px 0 14px;margin-bottom:0;font-weight:400} .derivative-example>h5{font-size:15px;color:var(--green);margin:24px 0 12px} .derivative-working{min-width:660px} .derivative-working th:first-child{width:105px} .derivative-final .graph-axis{stroke:#65758b!important} .gradient-estimate-note{font-size:12px;color:var(--muted)} .reciprocal-graph .gradient-label{color:#b63333!important} .reciprocal-graph .gradient-label{font-size:11px!important;color:#b63333!important} /* Compact introduction to the derivative worked sketch. */ .derivative-example{padding:18px!important} .derivative-example>h5:first-child{margin:0 0 10px} .derivative-example>.latex-formula{margin:0;padding:8px 0;font-size:18px} .derivative-example>.latex-formula+h5{margin-top:14px;margin-bottom:12px} @media(max-width:760px){.derivative-example{padding:14px!important}.derivative-example>.latex-formula{font-size:16px;padding:6px 0}} /* Compact supplementary graph notes. */ .audit-note { margin-block: 16px; } .audit-mini-graph { margin: 8px auto; width: 100%; max-width: 420px; background: #fff; border-radius: 12px; color: #173253; } .audit-mini-graph svg { display: block; width: 100%; height: auto; } .audit-note .transformation-comparison { align-items: stretch; } /* Reduce empty space around conic illustrations. */ .conic-section .feature-card:only-child .conic-figure{max-width:340px} .conic-section .conic-figure{margin-top:8px} .conic-section .conic-figure figcaption{margin-top:4px;line-height:1.4} .conic-section .feature-card>.latex-formula{padding-block:10px} .conic-section .feature-card>ul{margin-top:12px} .h2-content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 16px} .h2-content-toolbar>p{margin:0;flex:1} .h2-content-toggle{display:flex;flex-shrink:0;padding:4px;gap:4px;border:1px solid var(--line);border-radius:12px;background:var(--white)} .h2-content-toggle button{min-height:40px;padding:8px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;cursor:pointer} .h2-content-toggle button.active{background:var(--green);color:var(--white)} .h2-content-toggle button:focus-visible{outline:2px solid var(--green);outline-offset:2px} @media(max-width:600px){.h2-content-toolbar{gap:8px}.h2-content-toggle button{padding:8px;font-size:12px}.h2-content-toolbar>p{font-size:12px}} /* Keep the compact view selector wholly below the heading divider. */ .essentials-result-section:has(.h2-content-toolbar)>.essentials-section-title{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:0} .h2-content-toolbar{position:relative;clear:both;align-items:center;margin:12px 0 16px} .h2-content-toolbar>.fine{border:0;padding:0} .h2-content-toggle{position:static;transform:none;margin:0;padding:3px;gap:3px;border-radius:9px} .h2-content-toggle button{min-height:30px;padding:5px 10px;border-radius:6px;font-size:12px;line-height:1.4} @media(max-width:600px){.h2-content-toolbar{flex-wrap:wrap}.h2-content-toggle{margin-left:auto}.h2-content-toggle button{min-height:30px;padding:5px 9px;font-size:12px}} .inequality-figure{margin:12px auto 6px;width:100%;max-width:520px;color:#172a46} .inequality-figure svg{display:block;width:100%;height:auto;background:#fff;border-radius:12px;color-scheme:light} .inequality-figure path{stroke:#244c83!important} .inequality-figure path+path{stroke:#8b54a8!important} .inequality-figure .graph-axis{stroke:#65758b!important} .inequality-figure .graph-label{fill:#263d5a!important} .inequality-figure .reciprocal-graph-math{color:#263d5a!important} .inequality-figure figcaption{text-align:center;font-size:11px;color:var(--muted);margin-top:6px} /* Compact the segmented Functions summaries. */ .topic-parts:has(.topic-summary){margin-top:0} .topic-parts:has(.topic-summary)>p.fine{margin:8px 0 12px;line-height:1.5} .topic-part:has(.topic-summary){margin-top:10px} .topic-part:has(.topic-summary)>summary{padding:13px 16px;gap:10px;font-size:15px} .topic-part:has(.topic-summary) .part-number{width:26px;height:26px;border-radius:7px} .topic-part-body:has(>.topic-summary){padding:14px 20px 16px} .topic-part-body>.topic-summary{margin:0} .topic-part-body>.topic-summary>.summary-eyebrow{display:none} .topic-part-body>.topic-summary>.summary-section:first-of-type>h4{margin-top:0} .topic-part-body>.topic-summary .summary-section h4{margin:18px 0 7px} .topic-part-body>.topic-summary .summary-section ul{margin:6px 0;padding-left:20px} .topic-part-body>.topic-summary .summary-section li{margin:6px 0;line-height:1.7} @media(max-width:600px){.topic-part-body:has(>.topic-summary){padding:12px 14px}.topic-part:has(.topic-summary)>summary{padding:12px 14px}} /* Centre part chevrons geometrically rather than on the text baseline. */ .topic-part>summary>.core-chevron{display:flex;align-items:center;justify-content:center;align-self:center;width:24px;height:24px;flex:0 0 24px;font-size:0;line-height:1;transform:none!important} .topic-part>summary>.core-chevron::before{content:"";display:block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease} .topic-part[open]>summary>.core-chevron::before{transform:translateY(2px) rotate(225deg)} /* Separate numbered Functions sections using the shared divider colour. */ .topic-part-body>.topic-summary>.summary-section+.summary-section{border-top:1px solid var(--line);margin-top:18px;padding-top:16px} .topic-part-body>.topic-summary>.summary-section+.summary-section>h4{margin-top:0} /* Consistent compact spacing for chapter parts and graph summaries. */ .topic-part{margin-top:10px} .topic-part>summary{padding:13px 16px;gap:10px;font-size:15px} .topic-part>summary>.part-number{width:26px;height:26px;border-radius:7px;flex-shrink:0} .topic-part-body{padding:12px 18px 14px} .topic-part-body>.key-feature-section:first-of-type{margin-top:4px} .topic-part-body>.key-feature-section{margin-bottom:20px} .topic-part-body>.key-feature-section>h4{margin-bottom:12px;padding-bottom:8px;font-size:16px} .topic-part-body .feature-grid{gap:12px} .topic-part-body .feature-card{padding:14px} .topic-part-body .feature-card>h5{margin-bottom:8px} .topic-part-body ul{margin-top:6px;margin-bottom:6px} .topic-part-body li{margin:7px 0;line-height:1.7} .topic-part-body .feature-card p{margin:8px 0;line-height:1.7} .topic-part-body .feature-note{margin:12px 0;padding:10px 12px;line-height:1.65!important} @media(max-width:600px){.topic-part>summary{padding:12px 14px}.topic-part-body{padding:10px 14px 12px}.topic-part-body .feature-card{padding:12px}} .topic-part-body .feature-grid.feature-grid-vertical{grid-template-columns:minmax(0,1fr)} .inequality-figure .inequality-rational-branches path{stroke:#244c83!important} .modulus-shared-legend p{display:flex;align-items:center;gap:10px;font-size:12px!important;margin:8px 0!important} .modulus-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid #9ba9ba} .modulus-swatch.middle{background:#e0edfb}.modulus-swatch.outer{background:#f9e7ce} .topic-part-body .feature-card-side-graph{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,34%);column-gap:18px;align-items:center} .feature-card-side-graph>h5,.feature-card-side-graph>.latex-formula,.feature-card-side-graph>.feature-conclusion{grid-column:1} .feature-card-side-graph>.bounds-mini{grid-column:2;grid-row:1 / span 3;margin:0;width:100%;max-width:320px;justify-self:center} .feature-card-side-graph>.latex-formula{padding:8px 0;font-size:15px} .bounds-mini figcaption{font-size:10px;line-height:1.4;margin-top:4px} @media(max-width:700px){.topic-part-body .feature-card-side-graph{grid-template-columns:minmax(0,1fr)}.feature-card-side-graph>.bounds-mini{grid-column:1;grid-row:auto;margin-top:8px;max-width:290px}} .bounds-equations{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;padding:4px 0;font-size:12px;color:var(--muted)} /* Compact standalone inequality calculator instructions. */ .inequality-gc-section .gc-setup{margin:0;padding:12px 0} .inequality-gc-section .gc-setup:first-child{padding-top:2px} .inequality-gc-section .gc-setup h5{margin:0 0 8px;font-size:13px} .inequality-gc-section .gc-setup p{margin:6px 0;line-height:1.6;font-size:12px} .inequality-gc-section .gc-setup+.gc-setup{border-top:1px solid var(--line)} .inequality-gc-section .feature-note{margin-top:8px;margin-bottom:0;padding:8px 12px} /* Collapsed Study Essentials dropdowns contain only their header. */ .formula-core:not([open])>summary,.formula-card:not([open])>summary,.topic-part:not([open])>summary{margin-bottom:0;border-bottom:0} .chapter-figure{max-width:510px;margin:12px auto 4px;color:#496078;color-scheme:light}.chapter-figure svg{display:block;width:100%;height:auto;background:#fff;border-radius:8px;overflow:visible}.chapter-figure figcaption{font-size:11px;line-height:1.6;text-align:center;margin-top:6px;color:var(--muted)}.chapter-figure .graph-math-label{color:#172a46;font-size:14px;text-align:left}.chapter-figure svg path{vector-effect:non-scaling-stroke} /* Keep diagram labels at natural math size and preserve graph colours in dark mode. */ .chapter-figure .graph-math-label{display:block;white-space:nowrap;line-height:1.6;color:#172a46!important} .chapter-figure .graph-math-label>svg{display:inline-block;width:auto;height:auto;max-width:none;background:transparent;border-radius:0;overflow:visible} .chapter-figure>svg [stroke="#244c83"]{stroke:#244c83!important}.chapter-figure>svg [fill="#244c83"]{fill:#244c83!important} .chapter-figure>svg [stroke="#8b54a8"]{stroke:#8b54a8!important}.chapter-figure>svg [fill="#8b54a8"]{fill:#8b54a8!important} /* Dark appearance: brighter reading text and clearly separated blue surfaces. */ :root[data-theme="dark"] .formula-core>summary{background:#21344c;color:#f0f5fb} :root[data-theme="dark"] .formula-core[open]>summary{background:#2b4564} :root[data-theme="dark"] .core-topics>.formula-card>summary{background:#223850;color:#edf4fd} :root[data-theme="dark"] .topic-part>summary{background:#29415c;color:#c9e0ff} :root[data-theme="dark"] .feature-card{background:#1e3045;border-color:#4b627d} :root[data-theme="dark"] :is(.summary-section,.topic-part-body) li{color:#dce5f0} :root[data-theme="dark"] :is(.summary-section,.topic-part-body) :is(h4,h5){color:#c6dfff} :root[data-theme="dark"] .feature-card .latex-formula{color:#f4f8ff} :root[data-theme="dark"] :is(.feature-note,.feature-conclusion,.feature-result){background:#2c4562;color:#e0e9f5} :root[data-theme="dark"] kbd{background:#263d57;color:#f3f7fd;border-color:#617b99} .feature-formula-item>h6{margin:10px 0 0;font-size:13px;color:var(--muted);font-weight:600}.feature-formula-item+.feature-formula-item{border-top:1px solid var(--line);margin-top:12px;padding-top:8px} .reindex-example{font-size:13px}.reindex-hint{font-size:11px!important;margin:0 0 8px!important;line-height:1.4!important;color:var(--muted)}.reindex-given{margin:8px 0!important;line-height:2!important}.reindex-steps{border-top:1px solid var(--line);padding-top:8px;margin-top:10px}.reindex-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;margin:8px 0}.reindex-label{color:var(--muted);font-size:12px}.reindex-element{position:relative;border:1px dashed var(--green);border-radius:7px;padding:5px 8px;background:var(--lime);color:var(--ink);font-size:15px;line-height:1.5;cursor:help}.reindex-element:hover,.reindex-element[aria-expanded="true"]{border-style:solid;box-shadow:0 0 0 2px var(--line)}.reindex-chain>.inline-math{font-size:15px}.reindex-help-popup{position:fixed;z-index:100;width:260px;max-width:calc(100vw - 24px);border:1px solid var(--green);border-radius:9px;padding:10px 12px;background:var(--white);color:var(--ink);box-shadow:0 6px 24px #0003;font-size:12px;line-height:1.6;pointer-events:none}.reindex-help-popup[hidden]{display:none}@media(max-width:600px){.reindex-element,.reindex-chain>.inline-math{font-size:14px}.reindex-row{gap:7px}.reindex-element{padding:5px 6px}} .compact-formula-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.compact-formula-grid .feature-formula-item{margin:0;padding:8px 0;border-top:1px solid var(--line);min-width:0}.compact-formula-grid .feature-formula-item>h6{margin:0;font-size:13px}.compact-formula-grid .latex-formula{margin:10px 0;padding:4px 0;font-size:16px}.compact-formula-grid .feature-conclusion{margin:6px 0 0;padding:7px 9px;font-size:12px}@media(max-width:650px){.compact-formula-grid{grid-template-columns:1fr}} .reindex-example .reindex-element{border:0;border-radius:0;background:transparent;padding:2px;color:var(--blue);box-shadow:none;cursor:pointer}.reindex-example .reindex-element:hover,.reindex-example .reindex-element:focus-visible,.reindex-example .reindex-element[aria-expanded="true"]{background:var(--pale);border-radius:4px;outline:1px solid var(--line)}.reindex-sum{display:inline-flex;align-items:center;gap:3px}.reindex-sigma{display:inline-flex;flex-direction:column;align-items:center;gap:0}.reindex-sigma>.reindex-element{font-size:11px;line-height:1;padding:0 2px}.reindex-sigma-symbol{font-size:21px;line-height:1}.reindex-sigma-symbol svg{vertical-align:middle}.reindex-chain{gap:8px} .reindex-chain{font-size:15px}.reindex-chain .inline-math,.reindex-chain .reindex-element{font-size:inherit}.reindex-sigma{position:relative;display:inline-block}.reindex-sigma>.reindex-limit{position:absolute;left:0;right:0;width:100%;height:24%;padding:0;font-size:inherit;z-index:1}.reindex-limit-upper{top:0}.reindex-limit-lower{bottom:0}.reindex-sum{gap:2px}.reindex-chain .reindex-element{font-family:inherit;color:inherit}@media(max-width:600px){.reindex-chain{font-size:14px}} .sequence-gc-section .gc-setup{padding:8px 0}.sequence-gc-section .gc-setup h5{margin:0 0 5px}.sequence-gc-section .gc-setup p{margin:5px 0;line-height:1.6}.sequence-gc-section .feature-note{margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.6} .core-topics>.topic-parts{margin:0 8px 14px}.core-topics>.topic-parts>p.fine{margin-top:4px;padding-top:18px;line-height:1.8;color:var(--tone-65758b)} .compact-example-steps{margin:8px 0}.compact-example-steps .reindex-row{gap:8px 12px;margin:6px 0}.compact-example-steps .reindex-element{font-size:15px;font-family:inherit;border:0;border-bottom:1px dotted var(--green);border-radius:0;background:transparent;color:var(--ink);padding:4px;box-shadow:none;cursor:pointer}.compact-example-steps .reindex-element:hover,.compact-example-steps .reindex-element:focus-visible,.compact-example-steps .reindex-element[aria-expanded="true"]{background:var(--lime);border-radius:4px}.example-step-separator{color:var(--muted)} .worked-example .reindex-row{flex-direction:column;align-items:flex-start;gap:3px;max-width:fit-content;margin:6px auto}.worked-example .example-step-separator{display:none}.worked-example .reindex-element{padding:3px 4px;text-align:left;max-width:100%} .worked-question{margin:8px 0 12px!important;line-height:1.8}.worked-groups>section{margin:12px 0}.worked-groups h6{font-size:12px;color:var(--muted);margin:0 0 5px}.worked-groups .worked-example .reindex-row{margin:4px 0;max-width:100%}.worked-groups>section+section .reindex-hint{display:none}.worked-groups .compact-example-steps{margin:4px 0} .worked-example .reindex-row,.worked-groups .worked-example .reindex-row{align-items:center;max-width:100%;margin:6px auto;text-align:center}.compact-example-steps .reindex-element{border:0}.worked-example .reindex-element{text-align:center}.worked-groups h6,.worked-groups .reindex-hint{text-align:center} .worked-groups h6,.worked-groups .reindex-hint{text-align:left} .worked-example .reindex-row,.worked-groups .worked-example .reindex-row{display:grid;grid-template-columns:max-content max-content;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin:6px auto;gap:4px 0}.worked-example .reindex-element{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;padding:3px 0}.worked-lhs{text-align:right;padding-right:4px}.worked-rhs{text-align:left}.worked-full{grid-column:1 / -1;text-align:center} .key-feature-section>.feature-grid+.feature-card{margin-top:14px} .compact-diagram-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 14px;align-items:center}.compact-diagram-card>h5{grid-column:1 / -1;margin-bottom:2px}.compact-diagram-card .chapter-figure{width:100%;max-width:360px;margin:4px auto}.compact-diagram-card .latex-formula{margin:8px 0;padding:4px 0}.compact-diagram-card .feature-formula-item>h6{margin:2px 0}.compact-diagram-card .chapter-figure figcaption{font-size:10px;line-height:1.4;margin-top:4px}@media(max-width:650px){.compact-diagram-card{grid-template-columns:1fr}.compact-diagram-card .chapter-figure{max-width:320px}} .aligned-formula-grid{gap:10px 20px}.aligned-formula-grid .feature-formula-item{display:flex;flex-direction:column;padding:8px 0 4px}.aligned-formula-grid .feature-formula-item>h6{margin:0 0 6px;line-height:1.4}.aligned-formula-grid .latex-formula{display:flex;flex:1;align-items:center;justify-content:center;margin:0;padding:6px 0;min-height:56px}.aligned-formula-grid .latex-formula>svg{vertical-align:middle} .compact-diagram-card{align-items:start}.compact-diagram-card>.formula-items{align-self:start}.compact-diagram-card .chapter-figure{margin:0 auto}.compact-diagram-card .chapter-figure>svg{display:block} .compact-diagram-card:has(.vector-operation-examples){display:block}.vector-operation-examples{margin-top:12px}.vector-operation-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.vector-operation-row .chapter-figure{width:100%;max-width:none;margin:0 auto}.vector-operation-row .worked-groups{min-width:0}.vector-operation-row .worked-example .reindex-row{font-size:16px}.vector-operation-row .chapter-figure figcaption{font-size:11px;line-height:1.5}.vector-operation-row .chapter-figure>svg{width:100%;height:auto}.vector-operation-row .worked-groups h6{text-align:left}@media(max-width:650px){.vector-operation-row{grid-template-columns:1fr}.vector-operation-row .chapter-figure{max-width:440px}} .chapter-figure:has(svg[aria-label^="Negative λ"]){max-width:740px}.chapter-figure:has(svg[aria-label^="Negative λ"])>svg{width:100%;height:auto} .formula-with-mini{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:4px 18px;align-items:center}.formula-with-mini>h6{grid-column:1/-1}.formula-with-mini>.feature-conclusion{grid-column:1/-1}.formula-with-mini>.vector-mini{width:100%;margin:0}.vector-mini>svg{width:100%;height:auto}@media(max-width:650px){.formula-with-mini{grid-template-columns:minmax(0,1fr) 140px;gap:4px 8px}} .formula-items>.formula-with-mini{grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:auto auto;max-width:720px;margin:0 auto;padding:10px 0;gap:2px 24px}.formula-with-mini>h6{grid-column:1;grid-row:1;margin:0!important}.formula-with-mini>.latex-formula{grid-column:1;grid-row:2;margin:6px 0!important;padding:0!important;min-height:0}.formula-with-mini>.vector-mini{grid-column:2;grid-row:1/3;align-self:center}.formula-with-mini>.feature-conclusion{grid-row:3;margin:6px 0 0!important;padding:9px 12px;line-height:1.6}.vector-mini>svg{display:block;padding:4px!important}.vector-mini{border-radius:7px}.vector-mini svg line{stroke-width:3}@media(max-width:650px){.formula-items>.formula-with-mini{grid-template-columns:minmax(0,1fr) 140px;gap:2px 12px}} /* Match the full-width formula cards while giving the diagrams room. */ .formula-items>.formula-with-mini{max-width:none;grid-template-columns:minmax(0,1fr) minmax(260px,38%);gap:5px 24px;padding:12px 0;margin:0} .formula-with-mini>.latex-formula{margin:10px 0!important;align-self:center} .formula-with-mini>.vector-mini{max-width:380px;justify-self:center;width:100%} .formula-with-mini>.feature-conclusion{grid-column:1/-1} @media(max-width:650px){.formula-items>.formula-with-mini{grid-template-columns:minmax(0,1fr) minmax(150px,40%);gap:4px 12px}.formula-with-mini>.vector-mini{max-width:240px}} /* Titles occupy their own row above formulas and diagrams. */ .vector-operation-row{gap:6px 18px;align-items:start}.vector-operation-row>h6{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted);text-align:left}.vector-operation-row>.chapter-figure{grid-column:2;grid-row:2;margin-top:0}.vector-operation-row>.worked-groups{grid-column:1;grid-row:2} .formula-with-mini>h6{grid-column:1/-1;grid-row:1}.formula-with-mini>.vector-mini{grid-row:2;align-self:center} .feature-card-side-graph>h5{grid-column:1/-1}.feature-card-side-graph>.bounds-mini{grid-row:2 / span 2} @media(max-width:650px){.vector-operation-row>.chapter-figure{grid-column:1;grid-row:3}.vector-operation-row>.worked-groups{grid-row:2}}@media(max-width:700px){.feature-card-side-graph>.bounds-mini{grid-row:auto}} .formula-with-mini>.vector-mini{max-width:none}.vector-mini>svg{padding:0!important} .worked-example .plain-worked-step{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:baseline;padding:3px 0} .centered-vector-results .latex-formula{min-height:108px;padding:10px 0}.centered-vector-results .feature-formula-item{padding-bottom:8px} .feature-card>.centered-vector-results{margin-top:0.2cm} .vector-operation-row>.chapter-figure{justify-self:center;align-self:start} .ratio-theorem-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,42%);gap:8px 24px;align-items:center}.ratio-theorem-card>h5{grid-column:1/-1}.ratio-theorem-card>ul,.ratio-theorem-card>.latex-formula,.ratio-theorem-card>.feature-note{grid-column:1}.ratio-theorem-card>.chapter-figure{grid-column:2;grid-row:2/5;width:100%;margin:0;align-self:center}.ratio-theorem-card>.latex-formula{padding:6px 0;margin:0}@media(max-width:650px){.ratio-theorem-card{grid-template-columns:1fr}.ratio-theorem-card>.chapter-figure{grid-column:1;grid-row:auto;max-width:380px}} .ratio-theorem-card{align-items:start;row-gap:6px} .ratio-theorem-card>h5{margin:0 0 2px} .ratio-theorem-card>ul{align-self:start;margin:0;padding-top:0} .ratio-theorem-card>ul>li:first-child{margin-top:0} .modulus-comparison{grid-template-rows:auto auto auto;align-items:stretch}.modulus-comparison>.feature-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;align-items:start;row-gap:0}.modulus-comparison>.feature-card>h5{margin:0 0 8px}.modulus-comparison>.feature-card>ul{margin:0}.modulus-comparison .transformation-figure{width:100%;box-sizing:border-box;margin:18px auto}.modulus-comparison .transformation-figure>svg{aspect-ratio:1.3;object-fit:contain}@media(max-width:760px){.modulus-comparison>.feature-card{display:block;grid-row:auto}} .reciprocal-graph.reciprocal-final-compact:not(.derivative-final){max-width:600px;width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto} /* Dark-mode graph panels retain strong, dark plotting colours. */ :root[data-theme="dark"] svg [stroke="#244c83"],:root[data-theme="dark"] svg [stroke="#a9c5ed"],:root[data-theme="dark"] svg .graph-curve{stroke:#244c83!important} :root[data-theme="dark"] svg [fill="#244c83"],:root[data-theme="dark"] svg [fill="#a9c5ed"]{fill:#244c83!important} :root[data-theme="dark"] svg [stroke="#8b54a8"],:root[data-theme="dark"] svg [stroke="#c8a2e5"]{stroke:#783e98!important} :root[data-theme="dark"] svg [fill="#8b54a8"],:root[data-theme="dark"] svg [fill="#c8a2e5"]{fill:#783e98!important} :root[data-theme="dark"] svg [stroke="#a45c43"]{stroke:#93442e!important} :root[data-theme="dark"] svg [fill="#a45c43"]{fill:#93442e!important} :root[data-theme="dark"] .transformation-legend>.new-key::before{border-color:#244c83!important} .reciprocal-graph.reciprocal-final-compact.derivative-final{max-width:600px;width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto} .unit-vector-drawing line{stroke-width:3.5;stroke-linecap:round} .product-laws-wrap{overflow-x:auto;margin:10px 0}.product-laws{border-collapse:collapse;width:100%;font-size:12px}.product-laws th,.product-laws td{border:1px solid var(--line);padding:10px 12px}.product-laws thead th{background:var(--lime);text-align:center}.product-laws tbody th{width:25%;font-weight:500;text-align:left}.product-laws .latex-formula{margin:0;padding:5px 0;font-size:14px}.product-laws td>.latex-formula+.latex-formula{border-top:1px solid var(--line);padding-top:10px;margin-top:5px} .formula-description{margin:3px 0 8px;font-size:12px;line-height:1.6;color:var(--muted)}.formula-with-mini:has(.formula-description)>.formula-description{grid-column:1;grid-row:2}.formula-with-mini:has(.formula-description)>.latex-formula{grid-row:3}.formula-with-mini:has(.formula-description)>.vector-mini{grid-row:2/4} .vector-diagram>svg :is(line,path)[stroke]{stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.vector-diagram>svg polygon{stroke-linejoin:round} .dot-angle-comparison{max-width:800px;width:100%} .angle-cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.angle-cases-grid>.feature-formula-item:first-child{grid-column:1/-1}.angle-cases-grid>.feature-formula-item{min-width:0}@media(max-width:650px){.angle-cases-grid{grid-template-columns:1fr}} .formula-with-mini>.area-side-diagram{grid-column:2;grid-row:2;width:100%;max-width:380px;justify-self:center;margin:0}.area-side-diagram>svg{width:100%;height:auto} .area-comparison>.formula-with-mini{display:flex;flex-direction:column;max-width:none;gap:8px;padding:10px 0;margin:0}.area-comparison>.formula-with-mini>h6{align-self:flex-start}.area-comparison>.formula-with-mini>.latex-formula{width:100%;margin:4px 0!important}.area-comparison>.formula-with-mini>.area-side-diagram{width:100%;max-width:none;margin:0}.area-comparison .area-side-diagram>svg{width:100%;height:auto} .area-comparison{grid-template-rows:auto auto auto;align-items:stretch}.area-comparison>.formula-with-mini{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 3;row-gap:8px}.area-comparison>.formula-with-mini>h6{grid-column:1;grid-row:1;align-self:start}.area-comparison>.formula-with-mini>.latex-formula{grid-column:1;grid-row:2;align-self:center}.area-comparison>.formula-with-mini>.area-side-diagram{grid-column:1;grid-row:3;align-self:start}@media(max-width:650px){.area-comparison>.formula-with-mini{display:flex;grid-row:auto}} /* Consistent dark strokes for all vector diagrams in either theme. */ .vector-diagram>svg{--tone-244c83:#244c83;--tone-8b54a8:#783e98;--tone-65758b:#526580} .vector-diagram>svg :is(line,path)[stroke]{stroke-width:3.5!important;stroke-linecap:round;stroke-linejoin:round} .vector-diagram>svg [stroke="#244c83"]{stroke:#244c83!important}.vector-diagram>svg [fill="#244c83"]{fill:#244c83!important} .vector-diagram>svg [stroke="#65758b"]{stroke:#526580!important}.vector-diagram>svg [stroke="#8b54a8"]{stroke:#783e98!important}.vector-diagram>svg [fill="#8b54a8"]{fill:#783e98!important} .area-comparison>.formula-with-mini>.latex-formula{text-align:center;justify-self:center}.area-comparison>.formula-with-mini>.area-side-diagram{justify-self:center} .resolving-vector-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 20px;align-items:center}.resolving-vector-card>h5,.resolving-vector-card>ul{grid-column:1/-1}.resolving-vector-card>.formula-items{grid-column:1}.resolving-vector-card>.chapter-figure{grid-column:2;grid-row:3;width:100%;max-width:none;margin:0}.resolving-vector-card .feature-formula-item{padding:8px 0}.resolving-vector-card .latex-formula{margin:4px 0;padding:4px 0}@media(max-width:650px){.resolving-vector-card{grid-template-columns:1fr}.resolving-vector-card>.chapter-figure{grid-column:1;grid-row:auto}} .resolving-vector-card{row-gap:6px;column-gap:24px}.resolving-vector-card>h5{margin:0}.resolving-vector-card>ul{margin:3px 0 8px}.resolving-vector-card>.formula-items{align-self:center}.resolving-vector-card>.chapter-figure{align-self:center}.resolving-vector-card .feature-formula-item{padding:12px 0}.resolving-vector-card .feature-formula-item>h6{margin:0 0 4px}.resolving-vector-card .latex-formula{padding:4px 0;margin:4px 0}.resolving-vector-card .component-length{font-size:14px}.resolving-vector-card .formula-description{margin:0 0 4px} .resolving-vector-card{grid-template-columns:minmax(0,44%) minmax(0,56%)}.resolving-vector-card>.chapter-figure>svg{width:100%;height:auto}.resolving-vector-card>.chapter-figure{justify-self:center}@media(max-width:650px){.resolving-vector-card{grid-template-columns:1fr}} .plane-case-card{display:grid;grid-template-columns:minmax(0,1fr) 36%;gap:8px 20px;align-items:center}.plane-case-card>h5{grid-column:1/-1}.plane-case-card>ul{grid-column:1;margin:0}.plane-case-card>.plane-case-figure{grid-column:2;grid-row:2/4;margin:0;width:100%}.plane-case-card>.plane-example-button{grid-column:1;justify-self:start}.plane-example-dialog{width:min(760px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);padding:24px}.plane-example-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.plane-example-header h3{font-size:17px}.plane-example-dialog::backdrop{background:#0008}.reindex-help-popup{z-index:10000}.plane-example-dialog .worked-example{overflow-x:auto}@media(max-width:650px){.plane-case-card{grid-template-columns:1fr}.plane-case-card>.plane-case-figure{grid-column:1;grid-row:auto;max-width:320px}.plane-example-dialog{padding:18px}} .feature-grid:has(>.plane-case-card){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .feature-grid:has(>.plane-case-card)>.feature-card:not(.plane-case-card){grid-column:1/-1} .feature-grid>.plane-case-card{display:flex;flex-direction:column;align-items:stretch;gap:10px} .plane-case-card>h5{margin:0}.plane-case-card>ul{margin:0;flex:1}.plane-case-card>.plane-example-button{align-self:flex-start;margin-top:4px} @media(max-width:650px){.feature-grid:has(>.plane-case-card){grid-template-columns:1fr}} .topic-part-body .feature-grid.feature-grid-vertical:has(>.plane-case-card){grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:650px){.topic-part-body .feature-grid.feature-grid-vertical:has(>.plane-case-card){grid-template-columns:1fr}} .plane-example-dialog .worked-question{line-height:1.9;margin:16px 0 20px!important}.plane-example-dialog .worked-groups{padding:8px 0}.plane-example-dialog .reindex-hint{margin:0 0 12px}.plane-example-dialog .worked-example .reindex-row{gap:12px 0}.plane-example-dialog .inline-math{vertical-align:middle} .topic-part-body .feature-grid>.plane-case-card{padding:16px;gap:8px}.plane-case-card>h5{font-size:13px;line-height:1.5;margin:0!important}.plane-case-card>ul{list-style:none;padding:0!important;margin:0!important;font-size:12px;line-height:1.7}.plane-case-card>ul>li{margin:0!important;padding:0}.plane-case-card>.plane-example-button{font-size:12px;min-height:34px;padding:7px 13px;margin-top:4px;border-radius:8px}.topic-part-body .feature-grid:has(>.plane-case-card){gap:12px} .plane-popup-working>section{margin:14px 0}.plane-popup-working>section>.compact-example-steps>.reindex-hint{display:none}.plane-popup-working h6{margin:0 0 5px;text-align:left}.plane-popup-working .worked-example .reindex-row{margin:6px auto 10px} .topic-part-body .feature-grid>.plane-case-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(48px,1fr) 34px;gap:8px;align-items:start} .plane-case-card>h5{grid-column:1;grid-row:1} .plane-case-card>ul{grid-column:1;grid-row:2;display:flex;align-items:center;min-height:48px;line-height:32px} .plane-case-card>ul>li{width:100%;line-height:32px} .plane-case-card>.plane-example-button{grid-column:1;grid-row:3;align-self:end;justify-self:start;margin:0;min-width:84px;height:34px} .vector-method-steps{margin:10px 0;padding-left:24px;font-size:12px;line-height:1.8}.vector-method-steps>li{padding-left:4px;margin:7px 0} /* Shared treatment for procedural steps in vector notes. */ .vector-method-box{margin:14px 0 10px;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--lime)} .vector-method-box>h6{margin:0 0 9px!important;font-size:12px;font-weight:700;text-align:left} .vector-method-box>.vector-method-steps{margin:0;padding-left:22px} .vector-method-box .vector-method-steps>li{margin:8px 0;padding-left:6px} .vector-method-box .vector-method-steps>li:first-child{margin-top:0} .vector-method-box .vector-method-steps>li:last-child{margin-bottom:0} .vector-method-box .vector-method-steps>li::marker{font-weight:700;color:var(--muted)} .gc-reference{margin:16px auto;max-width:540px;text-align:center}.gc-reference img{display:block;width:100%;height:auto;border-radius:6px}.gc-reference figcaption{font-size:11px;color:var(--muted);margin-top:7px} .line-relationship-flow{margin:14px 0;padding:16px;border:1px solid var(--line);background:var(--lime);border-radius:10px}.line-relationship-flow>h6{margin:0 0 14px;text-align:left}.flow-node{padding:13px 16px;border:1px solid var(--line);border-radius:8px;background:var(--paper);text-align:center;font-size:12px;line-height:1.7;min-width:0}.flow-node p{margin:7px 0 0}.flow-start{max-width:520px;margin:auto}.flow-branches{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px}.flow-connector{text-align:center;padding:9px;font-size:12px;font-weight:700;color:var(--ink)}.flow-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-result{border:2px solid var(--green)}@media(max-width:600px){.line-relationship-flow{padding:12px}.flow-branches{grid-template-columns:1fr;gap:8px}.flow-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-node{padding:10px}.flow-node .inline-math{max-width:100%;overflow-x:auto}} .line-relationship-flow{max-width:940px;margin:16px auto;padding:18px;background:transparent}.line-relationship-flow .flow-node{background:var(--lime);padding:12px 15px;line-height:1.65}.line-relationship-flow .flow-start{max-width:540px}.line-relationship-flow>.flow-branches{grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:18px}.line-relationship-flow .flow-node p{margin:5px 0 0}.line-relationship-flow .flow-connector{padding:8px}.flow-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;text-align:left}.flow-methods>section{padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.flow-methods>section>strong{display:block;font-size:12px}.flow-methods>section>p{font-size:12px}.line-relationship-flow .flow-result{border-width:1px}@media(max-width:700px){.line-relationship-flow>.flow-branches{grid-template-columns:1fr}.flow-methods{grid-template-columns:1fr}} /* A continuous fork joins the decision to both result paths. */ .line-relationship-flow>.flow-branches{position:relative;padding-top:24px} .line-relationship-flow>.flow-branches::before{content:"";position:absolute;top:0;left:50%;height:24px;border-left:2px solid var(--muted)} .line-relationship-flow>.flow-branches::after{content:"";position:absolute;top:24px;left:calc((100% - 18px)/8);right:calc((100% - 18px)*3/8);border-top:2px solid var(--muted)} .line-relationship-flow>.flow-branches>.flow-branch>.flow-connector:first-child{height:54px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:0 0 5px} .line-relationship-flow>.flow-branches>.flow-branch>.flow-connector:first-child::before{content:"";position:absolute;top:0;left:50%;height:15px;border-left:2px solid var(--muted)} .line-relationship-flow>.flow-branches>.flow-branch>.flow-connector:first-child>span:first-child{font-size:11px;background:var(--paper);padding:0 5px;z-index:1} .line-relationship-flow>.flow-branches>.flow-branch>.flow-connector:first-child>span:last-child{line-height:17px;font-size:18px} @media(max-width:700px){.line-relationship-flow>.flow-branches{padding-top:0}.line-relationship-flow>.flow-branches::before,.line-relationship-flow>.flow-branches::after{display:none}} .plane-example-dialog>.feature-card{border:0;padding:0;background:transparent}.plane-example-dialog>.feature-card>h5{display:none}.plane-example-dialog .gc-reference{max-width:540px} .flow-result>.plane-example-button{display:block;margin:10px auto 0;padding:6px 14px;font-size:12px;min-height:30px} .flow-clickable{cursor:pointer;transition:box-shadow .15s,border-color .15s}.flow-clickable:hover{border-color:var(--green);box-shadow:0 0 0 2px var(--line)}.flow-clickable:focus-visible{outline:3px solid var(--green);outline-offset:3px} .flow-outcomes>section{display:grid;grid-template-rows:auto 1fr}.flow-outcomes .flow-result{height:100%;display:flex;flex-direction:column;justify-content:center;min-height:86px} .line-relationship-flow .flow-node{padding:9px 12px}.line-relationship-flow .flow-node p{margin-top:4px}.flow-methods{margin-top:8px;gap:10px}.flow-methods>section{padding:8px 10px}.flow-outcomes .flow-result{min-height:64px}.line-relationship-flow .flow-connector{padding:5px}.line-relationship-flow{padding:12px} .popup-line-equations{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;margin:18px 0 24px}.popup-line-equations>.latex-formula{margin:0;font-size:20px;text-align:center} .gc-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:18px auto;max-width:660px}.gc-image-pair figure{margin:0;min-width:0;text-align:center}.gc-image-pair img{display:block;width:100%;height:auto;border-radius:4px}.gc-image-pair figcaption{margin-top:6px;font-size:11px;color:var(--muted)}@media(max-width:500px){.gc-image-pair{gap:14px}} .example-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.example-clickable:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.example-clickable:focus-visible{outline:3px solid var(--accent);outline-offset:3px} .topic-part-body .feature-grid>.plane-case-card{grid-template-rows:auto auto;padding:14px 16px;gap:8px}.plane-case-card>ul{min-height:0;display:block;flex:initial;line-height:1.7}.plane-case-card>ul>li{line-height:1.7} .example-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1;grid-row:1}.example-card-heading>h5{margin:0;color:var(--green);font-size:13px;line-height:1.5}.example-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;padding:4px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--green);cursor:pointer}.example-icon-button:hover{background:var(--lime)}.example-icon-button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.example-icon-tooltip{position:absolute;right:0;bottom:calc(100% + 6px);padding:4px 8px;border-radius:5px;background:var(--ink);color:var(--white);font-size:11px;white-space:nowrap;visibility:hidden;pointer-events:none}.example-icon-button:hover .example-icon-tooltip,.example-icon-button:focus-visible .example-icon-tooltip{visibility:visible} .plane-example-dialog .worked-question{text-align:center;padding:12px 16px;margin:12px 0;line-height:1.8}.plane-example-dialog .popup-line-equations{margin:0 0 18px}.plane-example-dialog .popup-line-equations .latex-formula{padding:8px 4px} .plane-example-dialog .example-question-equations .latex-formula{font-size:17px;line-height:1.5;text-align:center;padding:8px 4px}.plane-example-dialog .example-question-equations{margin:0 0 20px} .plane-example-dialog .example-question-block{background:var(--white);padding:12px 16px 0;margin:12px 0 0}.plane-example-dialog .example-number{margin:0 0 8px;font-weight:600;text-align:left}.plane-example-dialog .example-question-text{margin:0;padding-left:20px;text-align:left;line-height:1.8}.plane-example-dialog .example-question-block+.example-question-equations{padding-top:6px} /* Shared worked-example presentation. */ .plane-example-dialog .example-popup-guidance{font-size:11px;color:var(--muted);margin:4px 0 16px;line-height:1.5} .plane-example-dialog .example-question-block{border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;padding:14px 16px 0;margin-bottom:0} .plane-example-dialog .example-question-block+.example-question-equations{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;padding:6px 16px 12px;margin-bottom:20px} .plane-example-dialog .worked-groups{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-top:16px} .plane-example-dialog .worked-groups:before{content:"Solution";display:block;font-weight:700;color:var(--green);margin-bottom:12px} .plane-example-dialog .worked-groups>section>h6{padding-left:0.1cm;margin:10px 0 12px;line-height:1.6} .plane-example-dialog .example-question-block,.plane-example-dialog .example-question-block+.example-question-equations{background:var(--white)} .plane-example-dialog .example-final-response{margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--line);background:transparent;line-height:1.8;color:var(--ink);font-size:13px} /* One consistent question / solution layout for every worked-example popup. */ .plane-example-dialog .example-question-box,.plane-example-dialog .example-solution-box{border:1px solid var(--line);border-radius:10px;background:var(--white);padding:14px 16px;margin-top:16px;min-width:0} .plane-example-dialog .example-question-box .example-question-equations{margin:8px 0 0;background:transparent;padding:0} .plane-example-dialog .example-solution-box>h4{font-size:15px;color:var(--green);margin:0 0 12px} .plane-example-dialog .example-solution-box>.feature-card{border:0;padding:0;background:transparent;display:block;min-width:0} .plane-example-dialog .example-solution-box>.feature-card>h5{display:none} .plane-example-dialog .example-solution-box .worked-groups{border:0;padding:0;margin:0;background:transparent} .plane-example-dialog .example-solution-box .worked-groups:before{content:none} .plane-example-dialog .example-solution-box .worked-groups>section>h6{margin:12px 0;padding:0 0.1cm} .plane-example-dialog .example-solution-box .feature-conclusion{background:transparent;padding:0;color:var(--ink)} .plane-example-dialog .example-question-box .latex-formula{font-size:17px;text-align:center;padding:8px 0;overflow-x:auto} .plane-example-dialog .example-remark{margin-top:16px}.plane-example-dialog .example-remark p{margin:6px 0 0} @media(max-width:500px){.plane-example-dialog .example-question-box,.plane-example-dialog .example-solution-box{padding:12px}.plane-example-dialog .example-question-text{padding-left:10px}.plane-example-dialog .example-question-box .latex-formula{font-size:15px}} /* Centre separate solution steps; align only the chain within each step. */ .plane-example-dialog .worked-example .reindex-row{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px;margin:8px 0} .plane-example-dialog .worked-example .reindex-element{display:block;width:max-content;max-width:100%;text-align:center;padding:4px 0} .plane-example-dialog .worked-example .worked-lhs,.plane-example-dialog .worked-example .worked-rhs{display:inline;text-align:inherit;padding:0} .plane-example-dialog .worked-example .worked-lhs{padding-right:4px} .plane-example-dialog .worked-full,.plane-example-dialog .worked-full>.inline-math{display:block;max-width:100%} .plane-example-dialog .worked-full svg,.plane-example-dialog .example-question-equations svg{max-width:100%;height:auto} /* Separate adjacent example cards within content summaries. */ .summary-section > .feature-card + .feature-card{margin-top:16px} /* Give stacked cards consistent breathing room outside grid layouts. */ .feature-card + .feature-card{margin-top:16px} .feature-grid > .feature-card + .feature-card{margin-top:0} .plane-example-dialog .aligned-calculation .reindex-row{display:grid;grid-template-columns:max-content max-content;width:fit-content;max-width:100%;justify-content:center;gap:10px 0;margin:8px auto} .plane-example-dialog .aligned-calculation .reindex-element{display:grid;grid-template-columns:subgrid;grid-column:1/-1;width:auto;align-items:baseline} .plane-example-dialog .aligned-calculation .worked-lhs{display:block;text-align:right;padding-right:4px} .plane-example-dialog .aligned-calculation .worked-rhs{display:block;text-align:left} .line-plane-case{display:grid;grid-template-columns:minmax(0,1fr) 34%;gap:12px 24px;align-items:center} .line-plane-case>h5{grid-column:1/-1}.line-plane-case>ul,.line-plane-case>.latex-formula{grid-column:1;margin:0} .line-plane-case>.chapter-figure{grid-column:2;grid-row:2/4;width:100%;margin:0} @media(max-width:650px){.line-plane-case{grid-template-columns:1fr}.line-plane-case>.chapter-figure{grid-column:1;grid-row:auto;max-width:360px;justify-self:center}} .line-plane-case>.line-plane-conditions{grid-column:1;grid-row:2;margin:0}.line-plane-case>.chapter-figure{grid-row:2} .line-plane-conditions>p{margin:0 0 10px}.line-plane-condition p{margin:8px 0;line-height:1.8}.line-plane-condition .latex-formula{font-size:17px;padding:8px 0} @media(max-width:650px){.line-plane-case>.chapter-figure{grid-row:auto}} .original-plane-diagram img{display:block;width:100%;height:auto;border-radius:8px;background:#fff} /* The source planes are 399–400 px wide and 199–202 px tall. Match their scale by using a common 636 px image canvas. */ .original-plane-diagram{overflow:hidden;background:#fff;border-radius:8px} .original-plane-diagram img{width:auto;max-width:none;height:auto} .original-plane-diagram img[src$="contained.png"]{width:100%} .original-plane-diagram img[src$="parallel.png"]{width:94.6541%;margin-inline:auto} .original-plane-diagram img[src$="intersecting.png"]{width:96.8553%;margin-inline:auto} .original-plane-diagram figcaption{background:var(--white)} .vector-diagram-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:16px}.vector-diagram-pair h6{text-align:center;margin:0 0 10px}.vector-diagram-pair .chapter-figure{margin:0;width:100%;max-width:none}.vector-diagram-pair svg{display:block;width:100%;height:auto}@media(max-width:650px){.vector-diagram-pair{grid-template-columns:1fr}} .condition-equation{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.condition-equation .latex-formula{margin:8px 0}.condition-equation>span{font-family:inherit;font-size:inherit}.section-equation-text{text-align:center;line-height:2;margin:16px 0} .line-plane-condition .condition-equation-line{text-align:center;margin:16px 0;line-height:1.8;font-weight:400}.condition-equation-line mjx-container{font-size:112%!important;vertical-align:baseline} .line-plane-condition .condition-equation-line{display:flex;justify-content:center;align-items:baseline;gap:1cm;flex-wrap:wrap;margin:16px 0}.condition-equation-line .condition-equation-math{font-size:17px;line-height:normal}.condition-equation-line .condition-equation-math mjx-container{font-size:100%!important}.condition-equation-line .condition-equation-note mjx-container{font-size:100%!important}.condition-equation-note{font-size:inherit} .line-plane-case>.example-card-heading{grid-column:1/-1;grid-row:1} .original-two-plane-diagram{background:#fff;border-radius:8px;overflow:hidden;width:100%}.original-two-plane-diagram img{display:block;width:100%;height:auto}.original-two-plane-diagram figcaption{background:var(--white)} .topic-part-body .two-plane-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,30%);gap:8px 24px;align-items:center}.two-plane-case>.example-card-heading{grid-column:1/-1}.two-plane-case>ul,.two-plane-case>.latex-formula{grid-column:1;margin:0}.two-plane-case>.original-two-plane-diagram{grid-column:2;grid-row:2/span 3;max-width:300px;justify-self:center;margin:0}@media(max-width:650px){.topic-part-body .two-plane-case{grid-template-columns:1fr}.two-plane-case>.original-two-plane-diagram{grid-column:1;grid-row:auto}} .topic-part-body .two-plane-case{grid-template-rows:auto auto;align-items:center;row-gap:8px}.two-plane-case>.two-plane-content{grid-column:1;grid-row:2;align-self:center}.two-plane-content>ul{margin:0;line-height:1.6}.two-plane-content>.latex-formula{margin:6px 0;padding:4px 0}.two-plane-case>.original-two-plane-diagram{grid-row:2;align-self:center}@media(max-width:650px){.two-plane-case>.original-two-plane-diagram{grid-row:auto}} .intersection-method-list{display:grid;gap:14px}.intersection-methods>h5{margin:0 0 14px}.intersection-method-list>.feature-card{margin:0;padding:14px 16px}.intersection-method-list .example-card-heading{margin-bottom:8px} .topic-overview{border:1px solid var(--line);border-radius:10px;margin:0 0 16px;background:transparent}.topic-overview>summary{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;list-style:none;font-size:14px;font-weight:600}.topic-overview>summary::-webkit-details-marker{display:none}.topic-overview .overview-hint{font-size:12px;font-weight:400;opacity:.7}.topic-overview .core-chevron{margin-left:auto}.topic-overview[open] .core-chevron{transform:rotate(180deg)}.topic-overview nav{padding:0 14px 12px}.topic-overview nav>p{font-size:12px;opacity:.75;margin:0 0 8px}.topic-overview ul{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}.topic-overview li{break-inside:avoid;margin:0;padding:3px 0;line-height:1.5}.topic-overview a{color:inherit;text-decoration:none;font-size:13px}.topic-overview a:hover{text-decoration:underline}.topic-overview a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.topic-overview .overview-part{font-weight:700;padding-top:10px}.topic-overview .overview-section{font-weight:600;padding-top:7px}.topic-overview .overview-point{padding-left:14px;opacity:.85}.atlas-topic [id^="topic-"]{scroll-margin-top:24px}.atlas-topic [id^="topic-"]:focus-visible{outline:2px solid var(--line);outline-offset:5px}@media(max-width:650px){.topic-overview ul{columns:1}.topic-overview .overview-hint{display:none}} .topic-overview nav{max-height:420px;overflow-y:auto;overscroll-behavior:contain}.topic-overview a mjx-container{font-size:100%!important} /* Match the overview dropdown to the existing topic dropdowns. */ .topic-overview{border-radius:12px;background:var(--white);overflow:hidden}.topic-overview>summary{color:var(--green);background:var(--tone-f5f8fc);font-weight:700;padding:12px 16px}.topic-overview nav{padding:12px 16px 16px}.topic-overview .core-chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;font-size:0;line-height:1;transform:none!important}.topic-overview .core-chevron::before{content:"";display:block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}.topic-overview[open] .core-chevron::before{transform:translateY(2px) rotate(225deg)}.topic-overview .overview-part{color:var(--green)} .topic-overview nav{max-height:560px}.overview-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.overview-group{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--white);min-width:0}.overview-group>h5{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:var(--green);font-size:14px;line-height:1.5}.overview-group>h5 a{font-size:14px;font-weight:700}.overview-group .part-number{width:26px;height:26px;flex:0 0 26px}.overview-section-links{border-top:1px solid var(--line)}.overview-section-links>summary{display:flex;align-items:center;gap:8px;list-style:none;padding:9px 0;cursor:pointer}.overview-section-links>summary::-webkit-details-marker{display:none}.overview-section-links>summary>a{flex:1;font-weight:600;font-size:13px}.overview-section-links[open]>.core-chevron::before,.overview-section-links[open]>summary>.core-chevron::before{transform:translateY(2px) rotate(225deg)}.topic-overview .overview-section-links ul{columns:1;padding:0 0 10px 12px;border-left:2px solid var(--line);margin:0 0 4px 3px}.overview-section-links li{padding:4px 0}.overview-section-links li a{font-size:12px;color:var(--muted)}.overview-section-link{padding:9px 0;border-top:1px solid var(--line)}.overview-section-link>a{font-weight:600}@media(max-width:650px){.overview-groups{grid-template-columns:1fr}} .topic-overview .overview-section-links>summary>.core-chevron::before{transform:translateY(-2px) rotate(45deg)}.topic-overview .overview-section-links[open]>summary>.core-chevron::before{transform:translateY(2px) rotate(225deg)} .angle-content-card .latex-formula{font-size:17px;padding:6px 0;margin:8px 0}.angle-content-card>.popup-line-equations{gap:10px 24px;margin:10px 0 14px}.angle-content-card>.popup-line-equations>.latex-formula{font-size:17px;margin:0;padding:4px 0}.angle-content-card .solve-steps .latex-formula{font-size:17px}.angle-content-card>.intersection-method-list{margin-top:14px} .angle-methods-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.angle-methods-pair>.feature-card{min-width:0}.angle-methods-pair>.feature-card>ul{margin:8px 0 12px;line-height:1.7}.angle-methods-pair .solve-steps{margin:10px 0 0}@media(max-width:700px){.angle-methods-pair{grid-template-columns:1fr}} /* Shared rows keep both explanations and step boxes aligned without fixed heights. */ @media(min-width:701px){ .angle-methods-pair{grid-template-rows:auto auto 1fr;row-gap:10px} .angle-methods-pair>.feature-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;align-items:stretch} .angle-methods-pair>.feature-card>.example-card-heading{margin:0} .angle-methods-pair>.feature-card>ul{margin:0;align-self:start} .angle-methods-pair>.feature-card>.vector-method-box{margin:0;height:100%} } .angle-diagram-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,34%);gap:20px;align-items:center;margin:12px 0 16px}.angle-diagram-text{min-width:0}.angle-diagram-text>ul{margin:8px 0}.angle-diagram-text>.popup-line-equations{margin:10px 0;gap:10px;font-size:17px}.angle-diagram-text .latex-formula{font-size:17px}.angle-original-diagram{width:100%;max-width:340px;justify-self:center;margin:0;background:#fff;border-radius:8px;overflow:hidden}.angle-original-diagram img{display:block;width:100%;height:auto}.angle-original-diagram figcaption{background:var(--white);font-size:11px;line-height:1.5;padding:6px 8px}@media(max-width:700px){.angle-diagram-intro{grid-template-columns:1fr}.angle-original-diagram{max-width:320px}} .angle-original-diagram figcaption svg{width:auto!important;height:1em!important;max-width:none!important;display:inline!important;padding:0!important;vertical-align:baseline}.angle-original-diagram figcaption mjx-container{display:inline!important;font-size:100%!important} .angle-diagram-text>p{font-size:13px;line-height:1.7;margin:8px 0}.angle-setup-equations{display:grid;gap:8px;margin:12px 0}.angle-setup-equations>.latex-formula{font-size:16px;margin:0;padding:4px 0;text-align:center} .point-line-illustrated-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,34%);gap:20px;align-items:center;margin:12px 0 16px}.point-line-illustrated-intro p{font-size:13px;line-height:1.8;margin:0}.point-line-illustrated-intro .latex-formula{font-size:17px}.original-point-line-diagram{width:100%;max-width:340px;justify-self:center;margin:0;background:#fff;border-radius:8px;overflow:hidden}.original-point-line-diagram img{display:block;width:100%;height:auto}@media(max-width:700px){.point-line-illustrated-intro{grid-template-columns:1fr}} .example-method-label{margin:0 0 16px;font-size:13px;font-weight:600;color:var(--green)}.plane-example-dialog .worked-groups>section{padding:12px 0}.plane-example-dialog .worked-groups>section>h6{margin:0 0 10px;padding-left:4px;line-height:1.6} .compact-point-line-intro{grid-template-columns:minmax(0,1fr) minmax(220px,30%);gap:16px;margin:10px 0 14px}.compact-point-line-intro>div{display:grid;gap:10px;align-content:center}.compact-point-line-intro .latex-formula{font-size:16px;margin:0;padding:2px 0;text-align:center}.compact-point-line-intro .original-point-line-diagram{max-width:300px}.compact-point-line-intro p{margin:0;line-height:1.65}@media(max-width:700px){.compact-point-line-intro{grid-template-columns:1fr}} .point-line-calculations .angle-content-card .latex-formula{font-size:15px;margin:6px 0;padding:3px 0}.point-line-calculations .feature-card{padding:14px 16px}.point-line-calculations .point-line-illustrated-intro{margin:8px 0 12px;gap:16px}.point-line-calculations .intersection-method-list{gap:12px;margin-top:12px}.point-line-calculations .vector-method-box{padding:12px 14px;margin:10px 0 0}.point-line-calculations .vector-method-steps>li{margin:5px 0;line-height:1.65}.point-line-calculations .angle-content-card>ul{margin:8px 0;line-height:1.65}.point-line-calculations .original-point-line-diagram{max-width:300px} /* White breathing room around point-and-line/plane illustrations. */ .original-point-line-diagram{padding:0.2cm;box-sizing:border-box;background:#fff} .resolving-vector-card>.formula-items{align-self:start}.resolving-vector-card .feature-formula-item{padding:4px 0}.resolving-vector-card .feature-formula-item>h6{margin:0 0 2px}.resolving-vector-card .formula-description{margin:0 0 2px} .arithmetic-operations-card>.formula-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.arithmetic-operations-card .feature-formula-item{min-width:0;padding:8px 0;border-top:1px solid var(--line)}.arithmetic-operations-card .feature-formula-item>h6{margin:0 0 4px}.arithmetic-operations-card .formula-description{margin:0 0 8px}.arithmetic-operations-card .latex-formula{font-size:15px;margin:6px 0;padding:4px 0}@media(max-width:700px){.arithmetic-operations-card>.formula-items{grid-template-columns:1fr}} .arithmetic-operations-card>.intersection-method-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:stretch}.arithmetic-operations-card>.intersection-method-list>.feature-card{display:grid;grid-template-rows:auto auto 1fr;align-content:start;padding:12px 0;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.arithmetic-operations-card>.intersection-method-list>.feature-card>.example-card-heading{margin:0;align-items:center}.arithmetic-operations-card>.intersection-method-list>.feature-card>ul{margin:6px 0 8px;padding:0;list-style:none;line-height:1.6}.arithmetic-operations-card>.intersection-method-list>.feature-card>.latex-formula{align-self:start;margin:4px 0;padding:4px 0;font-size:15px}@supports(grid-template-rows:subgrid){.arithmetic-operations-card>.intersection-method-list{grid-template-rows:auto auto auto auto auto auto}.arithmetic-operations-card>.intersection-method-list>.feature-card{grid-row:span 3;grid-template-rows:subgrid;row-gap:4px}}@media(max-width:700px){.arithmetic-operations-card>.intersection-method-list{grid-template-columns:1fr;grid-template-rows:none}.arithmetic-operations-card>.intersection-method-list>.feature-card{grid-row:auto;grid-template-rows:auto auto auto}} .structured-remarks h6{margin:0 0 8px;font-size:14px}.structured-remarks ul{margin:0;padding-left:20px;line-height:1.75}.structured-remarks li+li{margin-top:6px}.arithmetic-operations-card>.formula-items>.feature-formula-item{margin:0;align-self:stretch} .compact-equation-card>.latex-formula{font-size:15px;margin:8px 0;padding:4px 0} .popup-example-entry+.popup-example-entry{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)} .argand-overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center;margin:12px 0}.argand-overview-layout ul{margin:0;padding-left:20px;line-height:1.7}.argand-overview-layout li+li{margin-top:12px}.argand-overview-layout .original-point-line-diagram{max-width:260px}.argand-overview-card>.feature-note{margin:14px 0 0}@media(max-width:700px){.argand-overview-layout{grid-template-columns:1fr;gap:16px}.argand-overview-layout .original-point-line-diagram{max-width:240px}} .argand-operation-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:14px}.argand-operation-pair h6{font-size:14px;margin:0 0 10px}.argand-operation-figure{background:#fff;padding:.2cm;border-radius:8px;margin:0 auto;max-width:340px}.argand-operation-figure svg{display:block;width:100%;height:auto}.argand-operation-pair p{font-size:13px;line-height:1.65;margin:10px 0 0}@media(max-width:700px){.argand-operation-pair{grid-template-columns:1fr}} .argand-effect-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:24px;margin-top:12px}.argand-effect-layout ul{margin:0 0 10px;padding-left:20px;line-height:1.7}.argand-effect-layout .latex-formula{font-size:15px;margin:8px 0;padding:4px 0}.argand-effect-figure{max-width:270px}.argand-effect-figure svg{display:block;width:100%;height:auto}.example-solution-box .argand-effect-figure{max-width:340px;margin:18px auto}@media(max-width:700px){.argand-effect-layout{grid-template-columns:1fr;gap:14px}} .argand-scale-pair{display:grid;gap:14px}.argand-scale-pair h6{font-size:13px;text-align:center;margin:0 0 6px}.argand-scale-pair p{font-size:12px;text-align:center;margin:5px 0 0}.argand-scale-pair .argand-effect-figure{max-width:220px} .argand-effect-layout.argand-scale-layout{grid-template-columns:minmax(0,1fr) minmax(330px,40%);gap:18px}.argand-scale-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.argand-scale-pair .argand-effect-figure{max-width:190px;padding:5px}.argand-scale-pair h6{margin-bottom:4px}.argand-scale-pair p{margin-top:4px}@media(max-width:700px){.argand-effect-layout.argand-scale-layout{grid-template-columns:1fr}.argand-scale-pair{max-width:400px;width:100%;justify-self:center}} .feature-grid.paired-argand-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.paired-argand-cards>.feature-card:first-child,.paired-argand-cards>.feature-card:last-child{grid-column:1/-1}.paired-argand-cards>.feature-card:nth-child(2) .argand-effect-layout,.paired-argand-cards>.feature-card:nth-child(3) .argand-effect-layout{grid-template-columns:1fr;align-content:start;gap:12px}.paired-argand-cards>.feature-card:nth-child(2) .argand-effect-figure,.paired-argand-cards>.feature-card:nth-child(3) .argand-effect-figure{max-width:240px}.paired-argand-cards>.feature-card:nth-child(2) .argand-effect-layout>div,.paired-argand-cards>.feature-card:nth-child(3) .argand-effect-layout>div{min-height:112px}.paired-argand-cards .feature-card{margin:0}@media(max-width:700px){.feature-grid.paired-argand-cards{grid-template-columns:1fr}.paired-argand-cards>.feature-card:nth-child(2) .argand-effect-layout>div,.paired-argand-cards>.feature-card:nth-child(3) .argand-effect-layout>div{min-height:0}} .argand-operation-pair .argand-effect-figure{max-width:300px}.paired-argand-cards>.feature-card:last-child>.latex-formula{font-size:15px;margin:8px 0;padding:4px 0} .topic-part-body .feature-grid.feature-grid-vertical.paired-argand-cards{grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:700px){.topic-part-body .feature-grid.feature-grid-vertical.paired-argand-cards{grid-template-columns:minmax(0,1fr)}} .principal-argument-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,42%);gap:22px;align-items:center}.principal-argument-diagram{margin:0;background:#fff;padding:.2cm;border-radius:8px}.principal-argument-diagram img{display:block;width:100%;height:auto}.principal-argument-layout .formula-items{gap:12px}.principal-argument-layout .vector-method-box{margin-top:12px}@media(max-width:700px){.principal-argument-layout{grid-template-columns:1fr}.principal-argument-diagram{max-width:420px;justify-self:center}} .quadrant-figure{margin:10px auto 0;max-width:240px;background:#fff;padding:.2cm;border-radius:8px}.quadrant-figure svg{display:block;width:100%;height:auto}.arithmetic-operations-card .feature-formula-item:has(.quadrant-figure){text-align:center}.arithmetic-operations-card .feature-formula-item:has(.quadrant-figure) .latex-formula{text-align:center} .topic-part-body .feature-grid.feature-grid-vertical.complex-properties-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.complex-properties-pair>.feature-card{display:flex;flex-direction:column;padding:16px;margin:0;min-width:0}.complex-properties-pair>.feature-card>ul{line-height:1.65;margin:10px 0;padding-left:18px}.complex-properties-pair>.feature-card>.latex-formula{font-size:15px;margin:10px 0 16px;padding:4px 0}.complex-properties-pair .structured-remarks{margin-top:auto;font-size:12px;padding:10px 12px}.complex-properties-pair .structured-remarks li{line-height:1.6}@media(max-width:850px){.topic-part-body .feature-grid.feature-grid-vertical.complex-properties-pair{grid-template-columns:minmax(0,1fr)}} .combined-argand-figure{margin:18px auto;max-width:480px;padding:.2cm;background:#fff;border-radius:8px}.combined-argand-figure svg{display:block;width:100%;height:auto}.complex-properties-pair .formula-items{display:grid;grid-template-columns:1fr;gap:12px;margin:10px 0 16px}.complex-properties-pair .feature-formula-item h6{font-size:12px;margin:0 0 4px}.complex-properties-pair .feature-formula-item .latex-formula{font-size:15px;margin:0;padding:4px 0} .topic-part-body .feature-grid.feature-grid-vertical.complex-properties-pair{grid-template-columns:minmax(0,1fr);align-items:start} .complex-properties-pair .structured-remarks{margin-top:12px} .topic-overview nav{max-height:540px;overflow:auto;padding:12px 14px 14px}.overview-groups{grid-template-columns:1fr;gap:10px}.overview-group{display:grid;grid-template-columns:minmax(160px,23%) minmax(0,1fr);gap:20px;padding:12px 14px;border-radius:9px;align-items:start}.overview-group>h5{margin:0;align-items:center;line-height:1.4;padding:4px 0}.overview-group>h5 a{font-size:13px}.overview-group .part-number{width:24px;height:24px;flex-basis:24px;font-size:12px}.overview-group-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;align-items:start}.overview-group-links>.overview-section-links,.overview-group-links>.overview-section-link{border:0;border-radius:6px;background:var(--tone-f5f8fc);margin:0;min-width:0}.overview-group-links .overview-section-links>summary,.overview-group-links>.overview-section-link{padding:8px 10px;min-height:36px;box-sizing:border-box}.overview-group-links a{font-size:12px!important;line-height:1.5}.overview-group-links .overview-section-links>summary>a{font-weight:500}.overview-group-links>.overview-section-link>a{font-weight:500}.topic-overview .overview-section-links ul{margin:0 10px 10px;padding:0 0 0 10px}.overview-group-links .core-chevron{width:16px;flex-basis:16px}.overview-group-links .core-chevron::before{width:6px;height:6px}@media(max-width:760px){.overview-group{grid-template-columns:1fr;gap:10px}.overview-group-links{grid-template-columns:1fr}} .overview-groups{gap:0}.overview-part-accordion.overview-group{display:block;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;background:transparent}.overview-part-accordion:last-child{border-bottom:0}.overview-part-accordion>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:11px 4px;cursor:pointer}.overview-part-accordion>summary::-webkit-details-marker{display:none}.overview-part-accordion>summary>a{flex:1;font-weight:600;color:var(--green);font-size:13px}.overview-part-accordion>summary>.core-chevron{margin-left:auto}.topic-overview .overview-part-accordion>summary>.core-chevron::before{transform:translateY(-2px) rotate(45deg)}.topic-overview .overview-part-accordion[open]>summary>.core-chevron::before{transform:translateY(2px) rotate(225deg)}.overview-part-accordion .overview-group-links{display:block;padding:0 0 10px 34px}.overview-part-accordion .overview-group-links>.overview-section-links,.overview-part-accordion .overview-group-links>.overview-section-link{background:transparent;border-radius:0;border-top:1px solid var(--line)}.overview-part-accordion .overview-group-links>.overview-section-links:first-child,.overview-part-accordion .overview-group-links>.overview-section-link:first-child{border-top:0}.overview-part-accordion .overview-section-links>summary,.overview-part-accordion .overview-group-links>.overview-section-link{padding:9px 4px}.overview-part-accordion .overview-section-links ul{margin-left:4px}.topic-overview nav>p{margin-bottom:6px} .overview-main-points{display:grid;gap:14px}.overview-main-group h5{margin:0 0 5px;font-size:12px;color:var(--muted)}.overview-main-group h5 a{font-size:12px;font-weight:500;color:var(--muted)}.overview-main-group>div{display:grid;gap:0}.overview-main-link{padding:8px 2px;border-bottom:1px solid var(--line)}.overview-main-link:last-child{border-bottom:0}.overview-main-link a{font-size:13px;line-height:1.5}.topic-overview nav:has(.overview-main-points){padding:10px 16px 14px} .formula-card>summary .formula-expand{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;font-size:0;line-height:1;transform:none}.formula-card>summary .formula-expand::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}.formula-card[open]>summary .formula-expand{transform:none}.formula-card[open]>summary .formula-expand::before{transform:translateY(2px) rotate(225deg)} /* Compact, named differentiation rules, matching the notes. */ .differentiation-rules-card {padding:16px 18px;} .differentiation-rules-card>p {margin:8px 0 12px;} .differentiation-rule-row {display:grid;grid-template-columns:minmax(160px,30%) minmax(0,1fr);align-items:center;gap:16px;padding:10px 0;border-top:1px solid var(--border);} .differentiation-rule-name {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;} .differentiation-rule-row .latex-formula {margin:0;font-size:15px;min-width:0;overflow-x:auto;} .differentiation-rule-name .example-icon-button {flex-shrink:0;} @media(max-width:600px){.differentiation-rule-row{grid-template-columns:1fr;gap:5px;}.differentiation-rule-row .latex-formula{text-align:left;}} .differentiation-rules-grid {display:grid;gap:12px;} .differentiation-rules-grid.rules-columns-2 {grid-template-columns:repeat(2,minmax(0,1fr));} .differentiation-rules-grid.rules-columns-3 {grid-template-columns:repeat(3,minmax(0,1fr));} .differentiation-rules-grid .differentiation-rule-row {display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;min-width:0;} .differentiation-rules-grid .differentiation-rule-name {min-height:30px;} .differentiation-rules-grid .latex-formula {font-size:14px;margin:3px 0 5px;text-align:center;} @media(max-width:800px){.differentiation-rules-grid.rules-columns-3{grid-template-columns:1fr;}} @media(max-width:500px){.differentiation-rules-grid.rules-columns-2{grid-template-columns:1fr;}} /* Clear divisions between the two groups of general rules. */ .differentiation-rules-card>h5 {padding-bottom:10px;border-bottom:1px solid #a8b8cc;margin-bottom:10px;} .differentiation-rules-grid .differentiation-rule-name {padding-bottom:8px;border-bottom:1px solid #b7c5d5;} .differentiation-rules-grid.rules-columns-3 .differentiation-rule-row {display:grid;grid-template-rows:39px minmax(80px,auto);gap:0;} .differentiation-rules-grid.rules-columns-3 .differentiation-rule-name {align-self:stretch;} .differentiation-rules-grid.rules-columns-3 .latex-formula {align-self:center;display:flex;align-items:center;justify-content:center;margin:8px 0;} /* Align divider lines; keep every formula beneath its rule heading. */ .differentiation-rules-grid .differentiation-rule-row {display:grid;grid-template-rows:39px auto;align-content:start;gap:8px;} .differentiation-rules-grid .differentiation-rule-name {height:39px;box-sizing:border-box;align-self:stretch;} .differentiation-rules-grid .latex-formula {display:block;align-self:start;margin:8px 0 5px;text-align:center;} .differentiation-rules-grid.rules-columns-3 .differentiation-rule-row {grid-template-rows:39px auto;gap:8px;} .differentiation-rules-grid.rules-columns-3 .latex-formula {display:block;align-self:start;} .differentiation-rules-grid .differentiation-rule-row, .differentiation-rules-grid.rules-columns-3 .differentiation-rule-row { grid-template-columns:minmax(0,1fr); grid-template-rows:36px auto; gap:5px; padding:8px 12px; } .differentiation-rules-grid .differentiation-rule-name {height:36px;min-height:36px;padding-bottom:5px;} .differentiation-rules-grid .latex-formula, .differentiation-rules-grid.rules-columns-3 .latex-formula {grid-column:1;grid-row:2;margin:5px 0 2px;} .differentiation-rules-grid {gap:8px;} /* Align formula centres despite the taller quotient fraction. */ .differentiation-rules-grid.rules-columns-3 .differentiation-rule-row {grid-template-rows:36px 92px;} .differentiation-rules-grid.rules-columns-3 .latex-formula {height:92px;margin:0;display:flex;align-items:center;justify-content:center;} .trigonometric-rules-card .differentiation-rules-grid.rules-columns-3 .differentiation-rule-row {grid-template-rows:36px auto;} .trigonometric-rules-card .differentiation-rules-grid.rules-columns-3 .latex-formula {height:auto;min-height:86px;font-size:13px;margin:4px 0;} .mf27-highlighted-formulas {background:rgba(237,201,91,.18);border-radius:7px;padding:6px 4px;} .differentiation-rules-card>p.differentiation-footer-note {margin:12px 0 0;text-align:left;font-size:13px;} .trigonometric-rules-card .differentiation-rules-grid .latex-formula {box-sizing:border-box;min-height:100px;padding:6px 4px;display:flex;align-items:center;justify-content:center;} .example-question-text {line-height:1.8;} .trig-formula-variations {display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:100px;} .trigonometric-rules-card .trig-formula-variations .latex-formula {min-height:0;margin:0;padding:4px 6px;font-size:14px;} .trig-formula-variations .mf27-highlighted-formulas {align-self:center;border-radius:5px;background:rgba(237,201,91,.2);} /* Centre each variation independently, including unhighlighted formulas. */ .trigonometric-rules-card .trig-formula-variations .latex-formula { align-self:center; width:100%; display:flex; justify-content:center; text-align:center; } .trigonometric-rules-card .trig-formula-variations .mf27-highlighted-formulas {width:fit-content;max-width:100%;} .trigonometric-rules-card .trig-formula-variations {display:grid;grid-template-rows:48px 48px;gap:8px;align-items:center;} .trigonometric-rules-card .trig-formula-variations .latex-formula {grid-row:auto;margin:0;align-self:center;} .trigonometric-rules-card .trig-formula-variations .latex-formula {justify-self:center;} /* Keep inverse derivative highlights inside their own formula rows. */ .trigonometric-rules-card .differentiation-rules-grid .trig-formula-variations { grid-template-rows: minmax(62px,auto) minmax(62px,auto); gap:8px; min-height:0; padding-top:4px; } .trigonometric-rules-card .differentiation-rules-grid .trig-formula-variations .latex-formula { height:auto; min-height:0; margin:0; padding:4px 6px; box-sizing:border-box; align-self:center; overflow-x:auto; } .trigonometric-rules-card .differentiation-rules-grid .trig-formula-variations .mf27-highlighted-formulas { width:fit-content; max-width:100%; padding:5px 8px; } .tangent-normal-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;} .tangent-normal-figure{align-self:center;margin:8px 0;padding:.2cm;background:white;border-radius:8px;} .tangent-normal-figure img{display:block;width:100%;} @media(max-width:800px){.tangent-normal-layout{grid-template-columns:1fr}.tangent-normal-figure{max-width:300px;justify-self:center}} .question-types-guide{margin-top:18px;border-top:1px solid var(--line)} .question-types-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 0;cursor:pointer;list-style:none;font-weight:600;color:var(--ink)} .question-types-guide>summary::-webkit-details-marker{display:none} .question-types-guide>summary small{margin-left:8px;color:var(--muted);font-size:12px;font-weight:400} .question-types-chevron{width:8px;height:8px;margin:0 5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)} .question-types-guide[open] .question-types-chevron{transform:rotate(225deg)} .question-types-body>p{font-size:13px;color:var(--muted);margin:12px 0} .question-type-list{display:grid;gap:8px} .question-type-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:inherit;cursor:pointer} .question-type-row:hover{background:var(--wash)} .question-type-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px} .question-type-number{font-size:12px;color:var(--muted)} .question-type-copy{display:grid;gap:4px;flex:1;min-width:0} .question-type-copy strong{font-size:14px;font-weight:600} .question-type-copy small{font-size:12px;color:var(--muted);line-height:1.5} .question-type-row svg{width:20px;height:20px;flex-shrink:0;color:var(--accent)} .gradient-definition-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:20px} .gradient-function-figure{margin:8px auto;padding:8px;background:white;border-radius:8px;width:260px;max-width:100%;box-sizing:border-box} .gradient-function-figure>svg{display:block;width:100%;height:auto} @media(max-width:700px){.gradient-definition-layout{grid-template-columns:1fr;gap:4px}} .topic-part-body .feature-grid.feature-grid-vertical.gradient-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch} .gradient-pair-grid>.feature-card:first-child,.gradient-pair-grid>.feature-card:last-child{grid-column:1/-1} .gradient-pair-grid .gradient-definition-layout{grid-template-columns:1fr;gap:4px} .gradient-pair-grid .gradient-function-figure{width:400px;margin:0 auto} @media(max-width:760px){.topic-part-body .feature-grid.feature-grid-vertical.gradient-pair-grid{grid-template-columns:1fr}} .gradient-tex-label{display:flex;align-items:center;justify-content:center;height:30px;color:#1c3047;font-size:16px;line-height:1}.gradient-tex-label .inline-math{font-size:16px}.gradient-tex-label svg{max-width:100%} .gradient-pair-grid.concavity-pair-grid>.feature-card:last-child{grid-column:auto}.gradient-function-figure figcaption{text-align:center;margin:0;font-size:14px;color:var(--muted)} .plane-example-dialog[open]{display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box} .example-dialog-fixed{flex:0 0 auto;border-bottom:1px solid var(--line);padding-bottom:4px} .example-dialog-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:16px;scrollbar-gutter:stable} .plane-example-dialog .inline-math{vertical-align:baseline} svg.diagram-math-svg{max-width:none!important;overflow:visible}svg.diagram-math-svg:not(:root){height:revert-layer;width:revert-layer} /* Compact question typography, consistent across example dialogs. */ .plane-example-dialog .example-question-box .example-question-text{font-size:14px;line-height:1.65} .plane-example-dialog .example-question-box .latex-formula{font-size:15px} .stationary-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px} .stationary-test-case{min-width:0;border:1px solid var(--line);border-radius:10px;padding:16px} .stationary-test-case h6{font-size:14px;line-height:1.5;min-height:42px;margin:0 0 8px;border-bottom:1px solid var(--line);padding-bottom:8px} .stationary-test-case .latex-formula{font-size:15px;margin:6px 0;padding:4px 0} .stationary-sign-table,.stationary-second-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.6} .stationary-sign-table th,.stationary-sign-table td,.stationary-second-table th,.stationary-second-table td{border:1px solid var(--line);padding:8px;text-align:center} .stationary-sign-table th,.stationary-second-table th{background:var(--soft)} .stationary-sign-table th:first-child{width:19%}.stationary-sign-table td{width:27%} .stationary-point-figure{margin:8px auto;width:min(100%,360px)} .stationary-point-figure>svg{display:block;width:100%;height:auto} .stationary-point-figure figcaption{font-size:11px;color:var(--muted);text-align:center;line-height:1.5} .stationary-test-case>p{font-size:13px;line-height:1.7;margin:12px 0 0} .stationary-table-wrap{margin-top:14px}.stationary-second-table th:first-child{width:35%} .stationary-second-table td:last-child{text-align:left} @media(max-width:760px){.stationary-case-grid{grid-template-columns:1fr}.stationary-test-case h6{min-height:0}} /* Mathematical illustrations always retain their light plotting canvas. */ :is(#content,.plane-example-dialog) figure:has(>svg.math-diagram){color-scheme:light;background:#fff!important;color:#172a46;--ink:#172a46;--muted:#65758b;--white:#fff;--paper:#fafbfd;--tone-10272088:#10272088;--tone-172a46:#172a46;--tone-172a4603:#172a4603;--tone-172a4607:#172a4607;--tone-172a460c:#172a460c;--tone-172a4610:#172a4610;--tone-173832:#173832;--tone-17383208:#17383208;--tone-17383216:#17383216;--tone-1c3d6b:#1c3d6b;--tone-244c83:#244c83;--tone-355438:#355438;--tone-496078:#496078;--tone-496582:#496582;--tone-527198:#527198;--tone-53674a:#53674a;--tone-5878a1:#5878a1;--tone-5b6c81:#5b6c81;--tone-638fc8:#638fc8;--tone-647c9c:#647c9c;--tone-65758b:#65758b;--tone-6583aa:#6583aa;--tone-71816a:#71816a;--tone-775c28:#775c28;--tone-7990ae:#7990ae;--tone-8090a4:#8090a4;--tone-8a6b31:#8a6b31;--tone-8b54a8:#8b54a8;--tone-8e9f6c:#8e9f6c;--tone-90a275:#90a275;--tone-91a095:#91a095;--tone-9ab181:#9ab181;--tone-9bb4d7:#9bb4d7;--tone-a5362b:#a5362b;--tone-acb8ca:#acb8ca;--tone-adbf76:#adbf76;--tone-b6c9e5:#b6c9e5;--tone-bdcee5:#bdcee5;--tone-c6d4e7:#c6d4e7;--tone-c9a05b:#c9a05b;--tone-ccc:#ccc;--tone-dbe2d2:#dbe2d2;--tone-dce2d5:#dce2d5;--tone-dfe8f5:#dfe8f5;--tone-e1e7ee:#e1e7ee;--tone-e6eccc:#e6eccc;--tone-e6edd9:#e6edd9;--tone-e6eef9:#e6eef9;--tone-e7efd5:#e7efd5;--tone-ead9b8:#ead9b8;--tone-eaf0f7:#eaf0f7;--tone-eaf0fa:#eaf0fa;--tone-eaf1fc:#eaf1fc;--tone-edf0e7:#edf0e7;--tone-edf2e5:#edf2e5;--tone-edf2f9:#edf2f9;--tone-edf3fb:#edf3fb;--tone-eef3fa:#eef3fa;--tone-f0f4e9:#f0f4e9;--tone-f0f4f9:#f0f4f9;--tone-f0f5e6:#f0f5e6;--tone-f1f4f8:#f1f4f8;--tone-f5f7fb:#f5f7fb;--tone-f5f8fc:#f5f8fc;--tone-f7faff:#f7faff;--tone-fafbfd:#fafbfd;--tone-fff:#fff;--tone-fff7e8:#fff7e8;--tone-fffffff5:#fffffff5;} :is(#content,.plane-example-dialog) svg.math-diagram{color-scheme:light;background:#fff!important;color:#172a46;--ink:#172a46;--muted:#65758b;--white:#fff;--paper:#fafbfd;--tone-10272088:#10272088;--tone-172a46:#172a46;--tone-172a4603:#172a4603;--tone-172a4607:#172a4607;--tone-172a460c:#172a460c;--tone-172a4610:#172a4610;--tone-173832:#173832;--tone-17383208:#17383208;--tone-17383216:#17383216;--tone-1c3d6b:#1c3d6b;--tone-244c83:#244c83;--tone-355438:#355438;--tone-496078:#496078;--tone-496582:#496582;--tone-527198:#527198;--tone-53674a:#53674a;--tone-5878a1:#5878a1;--tone-5b6c81:#5b6c81;--tone-638fc8:#638fc8;--tone-647c9c:#647c9c;--tone-65758b:#65758b;--tone-6583aa:#6583aa;--tone-71816a:#71816a;--tone-775c28:#775c28;--tone-7990ae:#7990ae;--tone-8090a4:#8090a4;--tone-8a6b31:#8a6b31;--tone-8b54a8:#8b54a8;--tone-8e9f6c:#8e9f6c;--tone-90a275:#90a275;--tone-91a095:#91a095;--tone-9ab181:#9ab181;--tone-9bb4d7:#9bb4d7;--tone-a5362b:#a5362b;--tone-acb8ca:#acb8ca;--tone-adbf76:#adbf76;--tone-b6c9e5:#b6c9e5;--tone-bdcee5:#bdcee5;--tone-c6d4e7:#c6d4e7;--tone-c9a05b:#c9a05b;--tone-ccc:#ccc;--tone-dbe2d2:#dbe2d2;--tone-dce2d5:#dce2d5;--tone-dfe8f5:#dfe8f5;--tone-e1e7ee:#e1e7ee;--tone-e6eccc:#e6eccc;--tone-e6edd9:#e6edd9;--tone-e6eef9:#e6eef9;--tone-e7efd5:#e7efd5;--tone-ead9b8:#ead9b8;--tone-eaf0f7:#eaf0f7;--tone-eaf0fa:#eaf0fa;--tone-eaf1fc:#eaf1fc;--tone-edf0e7:#edf0e7;--tone-edf2e5:#edf2e5;--tone-edf2f9:#edf2f9;--tone-edf3fb:#edf3fb;--tone-eef3fa:#eef3fa;--tone-f0f4e9:#f0f4e9;--tone-f0f4f9:#f0f4f9;--tone-f0f5e6:#f0f5e6;--tone-f1f4f8:#f1f4f8;--tone-f5f7fb:#f5f7fb;--tone-f5f8fc:#f5f8fc;--tone-f7faff:#f7faff;--tone-fafbfd:#fafbfd;--tone-fff:#fff;--tone-fff7e8:#fff7e8;--tone-fffffff5:#fffffff5;} .stationary-point-figure{padding:.2cm;border-radius:8px;background:#fff;color-scheme:light} :is(#content,.plane-example-dialog) figure:has(>svg.math-diagram) figcaption{color:#65758b!important} :root[data-theme="dark"] :is(#content,.plane-example-dialog) svg.math-diagram circle[fill="white"]{fill:#fff!important} :root[data-theme="dark"] :is(#content,.plane-example-dialog) svg.math-diagram rect[fill="#edf3fb"]{fill:#edf3fb!important} .plane-example-dialog .example-sign-table-wrap{width:100%;max-width:100%;overflow-x:auto;margin:10px 0} .example-sign-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:14px} .example-sign-table th,.example-sign-table td{border:1px solid #b6c5d8;text-align:center;padding:12px 8px;min-width:60px} .example-sign-table th{background:var(--paper);font-weight:500} .plane-example-dialog .example-sign-table .inline-math{font-size:14px} .example-table-explanation{font-size:12px;line-height:1.7;text-align:left;color:var(--muted);margin:10px 0 0} .example-geometry-question{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:center} .optimisation-geometry-figure{margin:0;padding:.2cm;background:#fff;border-radius:8px;color-scheme:light;min-width:0} .optimisation-geometry-figure>svg{display:block;width:100%;height:auto} .optimisation-geometry-figure figcaption{color:#65758b;font-size:10px;line-height:1.5;text-align:center} .geometry-math-label{font-size:17px;color:#172a46;text-align:center;line-height:1.4} @media(max-width:650px){.example-geometry-question{grid-template-columns:1fr}.optimisation-geometry-figure{width:240px;max-width:100%;justify-self:center}} .example-question-copy{min-width:0} .plane-example-dialog .example-question-parts{list-style:none;margin:14px 0 0;padding:0 0 0 20px} .plane-example-dialog .example-question-parts>li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px;font-size:14px;line-height:1.7;margin:12px 0;color:var(--ink)} .question-part-label{font-weight:600} .optimisation-geometry-figure foreignObject{overflow:visible} .working-geometry-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:14px;align-items:center} .working-geometry-calculation{min-width:0;overflow-x:auto} .working-geometry-figure{margin:0;background:#fff;border-radius:8px;padding:.2cm;color-scheme:light} .working-geometry-figure>svg{display:block;width:100%;height:auto} .working-geometry-figure figcaption{font-size:10px;line-height:1.5;color:#65758b;text-align:center} .working-geometry-figure foreignObject{overflow:visible} @media(max-width:650px){.working-geometry-layout{grid-template-columns:1fr}.working-geometry-figure{width:220px;justify-self:center}} .working-geometry-layout:has(.construction-overlay-figure){grid-template-columns:minmax(0,1fr) 260px} .construction-overlay-figure{align-self:center} @media(max-width:650px){.working-geometry-layout:has(.construction-overlay-figure){grid-template-columns:1fr}.construction-overlay-figure{width:260px;max-width:100%;justify-self:center}} .calculus-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start} .calculus-content-layout>div{min-width:0} .calculus-figure{background:#fff;border-radius:8px;padding:.2cm;margin:10px 0;color-scheme:light} .calculus-figure>svg{display:block;width:100%;height:auto} .calculus-figure figcaption{font-size:10px;line-height:1.6;color:#65758b;text-align:center} .plane-example-dialog .calculus-content-layout{grid-template-columns:1fr} .plane-example-dialog .calculus-figure{width:290px;max-width:100%;justify-self:end} @media(max-width:700px){.calculus-content-layout{grid-template-columns:1fr}.calculus-figure{max-width:320px;justify-self:center}} /* Explicit narration for the Maclaurin worked solutions. */ .plane-example-dialog .worked-example .explained-worked-step{width:100%;min-width:0;padding:4px 0 8px} .plane-example-dialog .worked-step-statement{margin:0 0 8px;text-align:left;font-size:14px;line-height:1.65;color:var(--muted)} .plane-example-dialog .explained-worked-step .plain-worked-step{max-width:100%;overflow-x:auto;text-align:center;padding:4px 0} .plane-example-dialog .worked-groups>section:has(.explained-worked-step)+section{border-top:1px solid var(--line);margin-top:8px;padding-top:16px} /* Align paired integration formula rows despite different condition lengths. */ .integration-formula-grid .feature-formula-item{display:grid;grid-template-rows:24px minmax(60px,1fr);align-items:start;gap:4px} .integration-formula-grid .feature-formula-item>.formula-description{min-height:24px;margin:0;line-height:1.6} .integration-formula-grid .feature-formula-item>.latex-formula{font-size:14px;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:60px;margin:0;padding:2px 0} @media(max-width:700px){.integration-formula-grid .feature-formula-item{grid-template-rows:auto auto auto}} .plane-example-dialog .aligned-calculation .explained-worked-step,.plane-example-dialog .aligned-calculation .explained-worked-step .plain-worked-step{display:contents} .plane-example-dialog .aligned-calculation .worked-step-statement{grid-column:1/-1;margin-top:10px} .integration-formula-grid .feature-formula-item:has(.formula-composite-variant){grid-template-rows:24px 60px auto} .formula-composite-variant{min-width:0;border-top:1px dashed var(--line);padding-top:8px} .formula-variant-label{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 4px;text-align:left} .integration-formula-grid .formula-composite-variant>.latex-formula{font-size:14px;display:flex;align-items:center;justify-content:center;min-height:72px;margin:0;padding:2px 0} .feature-formula-item>.mf27-highlighted-formulas{background:rgba(237,201,91,.18);border-radius:7px;padding:6px 4px} .feature-formula-item:has(.formula-composite-variant){min-width:0} .feature-formula-item .formula-composite-variant>.latex-formula{margin:4px 0;font-size:14px} /* MF27 emphasis hugs the expression rather than filling its panel. */ .feature-formula-item>.mf27-highlighted-formulas{width:fit-content;max-width:100%;justify-self:center;align-self:center;margin-inline:auto;box-sizing:border-box} .integration-formula-grid .feature-formula-item>.mf27-highlighted-formulas{min-height:0;padding:5px 10px} :root[data-theme="dark"] .mf27-highlighted-formulas{background:rgba(121,174,234,.14)!important;color:#f4f8ff} /* Single remaining formula pairs use the full row for a direct comparison. */ .feature-formula-item.formula-variants-horizontal{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:24px auto!important;gap:6px 20px;align-items:center} .formula-variants-horizontal>h6{grid-column:1;grid-row:1;margin:0} .formula-variants-horizontal>.latex-formula{grid-column:1;grid-row:2} .formula-variants-horizontal>.formula-composite-variant{display:contents} .formula-variants-horizontal .formula-variant-label{grid-column:2;grid-row:1;margin:0} .formula-variants-horizontal .formula-composite-variant>.latex-formula{grid-column:2;grid-row:2;min-height:60px;display:flex;align-items:center;justify-content:center} @media(max-width:700px){.feature-formula-item.formula-variants-horizontal{grid-template-columns:1fr;grid-template-rows:auto auto auto auto!important}.formula-variants-horizontal .formula-variant-label{grid-column:1;grid-row:3}.formula-variants-horizontal .formula-composite-variant>.latex-formula{grid-column:1;grid-row:4}} .integration-formula-grid .feature-formula-item:has(>.component-length){grid-template-rows:24px 60px 60px} .integration-formula-grid .feature-formula-item>.component-length{font-size:14px;min-height:60px} .liate-guide{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:14px 0 18px;border-block:1px solid var(--line);padding:12px 0} .liate-guide-item{display:flex;align-items:center;gap:10px;padding:3px 12px;min-width:0} .liate-guide-item+.liate-guide-item{border-left:1px solid var(--line)} .liate-guide-item strong{font-size:26px;line-height:1.2;font-weight:700;color:var(--green)} .liate-guide-item span{font-size:12px;line-height:1.5;color:var(--ink)} @media(max-width:700px){.liate-guide{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}.liate-guide-item:nth-child(odd){border-left:0}.liate-guide-item:last-child{grid-column:1/-1}} .working-geometry-layout:has(.substitution-triangle){grid-template-columns:minmax(0,1fr) 280px;gap:20px} .substitution-triangle{width:280px;max-width:100%;box-sizing:border-box} @media(max-width:700px){.working-geometry-layout:has(.substitution-triangle){grid-template-columns:1fr}.substitution-triangle{justify-self:center}} .formula-variants-horizontal:has(>.mf27-formula-condition){grid-template-rows:24px auto 24px!important} .mf27-formula-condition{font-size:11px;color:var(--muted);text-align:center;margin:0} .formula-variants-horizontal>.mf27-formula-condition{grid-column:1;grid-row:3} @media(max-width:700px){.formula-variants-horizontal:has(>.mf27-formula-condition){grid-template-rows:auto auto auto auto auto!important}.formula-variants-horizontal:has(>.mf27-formula-condition) .formula-variant-label{grid-row:4}.formula-variants-horizontal:has(>.mf27-formula-condition) .formula-composite-variant>.latex-formula{grid-row:5}} .formula-section-label{margin:14px 0 6px;padding-top:10px;border-top:1px solid var(--line);font-size:13px;line-height:1.5} /* Compact labelled rows for definite-integral identities. */ .integral-property-rows{display:grid!important;grid-template-columns:1fr!important;gap:0!important} .integral-property-rows>.feature-formula-item{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)} .integral-property-rows>.feature-formula-item:last-child{border-bottom:0} .integral-property-rows .latex-formula{margin:0!important;text-align:center} @media(max-width:650px){.integral-property-rows>.feature-formula-item{grid-template-columns:1fr;gap:5px}} .integral-property-rows>.feature-formula-item{margin:0!important;padding:6px 0!important} .integral-property-rows h6{margin:0!important} .integral-property-rows .latex-formula{padding:4px!important;min-height:0!important} .planar-area-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:16px} .planar-area-figure{margin:0;width:310px;max-width:100%;padding:8px;box-sizing:border-box;background:#fff;color:#263d54;border-radius:10px;color-scheme:light} .planar-area-figure>svg{display:block;width:100%;height:auto} .planar-area-figure .inline-math,.planar-area-figure mjx-container{color:#263d54!important} .planar-area-figure figcaption{font-size:11px;text-align:center;color:#65758b;line-height:1.5} @media(max-width:760px){.planar-area-layout{grid-template-columns:1fr}.planar-area-figure{justify-self:center}} /* Pair diagram cases while keeping each explanation and figure together. */ .diagram-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;align-items:stretch} .diagram-card-grid>.feature-card{min-width:0;margin:0!important} .diagram-card-grid .planar-area-layout{grid-template-columns:1fr;gap:8px} .diagram-card-grid .planar-area-figure{width:360px;justify-self:center} .diagram-card-grid .latex-formula{margin:8px 0} @media(max-width:720px){.diagram-card-grid{grid-template-columns:1fr}} .volume-revolution-figure{width:360px;margin:10px auto 0} .diagram-card-grid .feature-card>.latex-formula{max-width:100%;overflow-x:auto} .planar-area-figure .geometry-math-label{font-size:16px!important;line-height:1.25!important;display:block!important;text-align:center} .planar-area-figure .geometry-math-label .inline-math{font-size:16px!important} .planar-area-figure .geometry-math-label mjx-container{font-size:100%!important;margin:0!important} .planar-area-figure .geometry-math-label{width:fit-content;max-width:100%;margin-inline:auto;padding:2px 3px;background:transparent;border-radius:0;box-sizing:border-box} .diagram-card-grid .planar-area-layout>div{align-self:start} .diagram-card-grid .planar-area-layout{align-items:start} /* The crossing case uses the full row, with its explanation beside the graph. */ .diagram-card-grid>.feature-card:has(svg[aria-label="cross shaded area diagram"]){grid-column:1/-1} .diagram-card-grid>.feature-card:has(svg[aria-label="cross shaded area diagram"]) .planar-area-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:22px} @media(max-width:760px){.diagram-card-grid>.feature-card:has(svg[aria-label="cross shaded area diagram"]) .planar-area-layout{grid-template-columns:1fr;gap:10px}} .diagram-card-grid>.volume-rotation-card{grid-column:1/-1} .volume-rotation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:18px;align-items:center} .volume-rotation-pair{width:100%;padding:10px;margin:0} .volume-rotation-pair .geometry-math-label{font-size:18px!important} .volume-rotation-pair .geometry-math-label .inline-math{font-size:18px!important} @media(max-width:800px){.volume-rotation-layout{grid-template-columns:1fr}.volume-rotation-pair{max-width:600px;justify-self:center}} .diagram-card-grid .volume-rotation-pair{width:100%;max-width:none} .plane-example-dialog:has(.volume-example-question){width:min(1060px,calc(100% - 32px))} .volume-example-question{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px;align-items:center} .volume-example-figure{width:100%;max-width:none;margin:0;padding:10px} .volume-example-figure .geometry-math-label,.volume-example-figure .geometry-math-label .inline-math{font-size:18px!important} @media(max-width:750px){.volume-example-question{grid-template-columns:1fr}.volume-example-figure{max-width:650px;justify-self:center}} /* Compact question rows retain full-sized mathematics in the solutions. */ .plane-example-dialog:has(.volume-example-question){width:min(980px,calc(100% - 32px))} .volume-example-question{grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr);gap:12px} .volume-example-figure{padding:0;max-width:450px;justify-self:end} .volume-example-figure figcaption{margin:2px 0 0;font-size:10px} .plane-example-dialog:has(.volume-example-question) .example-question-box{padding:10px 12px;margin-top:10px} .plane-example-dialog:has(.volume-example-question) .example-number{margin:0 0 5px} .plane-example-dialog:has(.volume-example-question) .example-question-text{margin:0;line-height:1.5} .plane-example-dialog:has(.volume-example-question) .example-solution-box{margin-top:10px;padding:12px} @media(max-width:750px){.volume-example-question{grid-template-columns:1fr;gap:6px}.volume-example-figure{max-width:440px;justify-self:center}} .volume-rotation-pair .geometry-math-label.volume-region-symbol{background:transparent;padding:0;border-radius:0} /* Mathematical diagram labels sit directly on the figure. */ figure svg foreignObject :is(.geometry-math-label,.graph-math-label,.gradient-tex-label){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important} .plane-example-dialog:has(.washer-example-question){width:min(1060px,calc(100% - 32px))} .washer-example-question{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px;align-items:center} .washer-example-figure{width:100%;max-width:none;padding:0;margin:0} .washer-example-figure .geometry-math-label,.washer-example-figure .geometry-math-label .inline-math{font-size:19px!important} @media(max-width:760px){.washer-example-question{grid-template-columns:1fr;gap:8px}.washer-example-figure{max-width:650px;justify-self:center}} .washer-example-question{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)} .washer-example-question>.example-question-copy{grid-column:1;grid-row:1/3} .washer-example-question>.washer-example-figure{grid-column:2} .washer-solids-figure{margin-top:6px} @media(max-width:760px){.washer-example-question{grid-template-columns:1fr}.washer-example-question>.example-question-copy{grid-column:1;grid-row:auto}.washer-example-question>.washer-example-figure{grid-column:1}} .plane-example-dialog:has(.washer-solution-diagrams){width:min(1020px,calc(100% - 32px))} .washer-solution-diagrams{max-width:740px;margin:8px auto 16px} .washer-solution-diagrams>h5{font-size:13px;margin:4px 0 6px;color:var(--muted)} .washer-solution-diagrams>.washer-example-figure{margin:0 auto 6px} .diagram-card-grid>.volume-secondary-card{grid-column:1/-1} .volume-secondary-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:16px} .diagram-card-grid .volume-secondary-layout>.volume-revolution-figure{width:340px;margin:0} .volume-secondary-layout .feature-formula-item{padding:5px 0} .split-solution-diagram{max-width:700px;margin:8px auto 16px} .split-solution-diagram .volume-example-figure{max-width:100%;width:100%} .split-solution-diagram>h5{font-size:13px;color:var(--muted);margin:0 0 5px} .plane-example-dialog:has(.split-solution-diagram){width:min(1020px,calc(100% - 32px))} @media(max-width:760px){.volume-secondary-layout{grid-template-columns:1fr;gap:8px}.volume-secondary-layout>.volume-revolution-figure{justify-self:center}} .volume-secondary-layout:has(.shift-transform-figure){grid-template-columns:1fr;gap:8px} .diagram-card-grid .volume-secondary-layout>.shift-transform-figure{width:100%;max-width:900px;justify-self:center;margin:0;padding:6px} .shift-transform-figure .geometry-math-label,.shift-transform-figure .geometry-math-label .inline-math{font-size:19px!important} /* Shared spacing and transition-arrow treatment for diagrams across the app. */ :is(#content,.plane-example-dialog) figure:has(>svg),:is(#content,.plane-example-dialog) figure:has(>img[src*="diagram"]){padding-top:.2cm!important;box-sizing:border-box} .diagram-transition-arrow{stroke:#172a46;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round} .diagram-transition-arrow>.diagram-transition-head{fill:#172a46;stroke:none} .diagram-card-grid>.geometrical-shortcuts-card{grid-column:1/-1} .geometrical-shortcuts-card>.intersection-method-list{display:grid;grid-template-columns:1fr;gap:14px} .geometry-shortcut-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:16px} .geometry-rotation-figure{width:100%;max-width:none;margin:0;padding:0} .geometric-solution-diagram{max-width:740px;margin:8px auto 14px} .geometric-solution-diagram>h5{font-size:13px;color:var(--muted);margin:0 0 5px} .geometric-solution-diagram>.volume-example-figure,.geometry-shell-figure{width:100%;max-width:none;margin:0;padding:0} .plane-example-dialog:has(.geometric-solution-diagram){width:min(1020px,calc(100% - 32px))} @media(max-width:760px){.geometry-shortcut-layout{grid-template-columns:1fr;gap:8px}} .diagram-card-grid .geometry-rotation-figure{width:100%;max-width:none} .hemisphere-cylinder-figure{width:100%;max-width:none;margin:0;padding:0} .rectangle-estimate-figure{margin:10px 0 0;background:#fff;color:#243f59;border-radius:10px;overflow:visible;padding:0 8px 8px}.rectangle-estimate-figure>svg{display:block;width:100%;max-height:290px;overflow:visible}.rectangle-estimate-figure .geometry-math-label{color:#243f59!important;font-size:16px}.rectangle-estimate-figure .inline-math{color:#243f59!important}.rectangle-estimate-figure figcaption{text-align:center;color:#516477;font-size:12px;margin-top:0}.rectangle-estimate-figure foreignObject{overflow:visible} .sums-solution-diagrams{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:10px 0 18px}.sums-solution-diagrams>.rectangle-estimate-figure{flex:1 1 270px;max-width:440px}.sums-solution-diagrams .rectangle-estimate-figure .geometry-math-label{font-size:16px} .rectangle-derivation-card .worked-example .reindex-row{display:block;width:100%;max-width:100%}.rectangle-derivation-card .explained-worked-step{display:block;width:100%;min-width:0;margin:10px 0}.rectangle-derivation-card .plain-worked-step{display:flex;justify-content:center;align-items:baseline;gap:4px;max-width:100%;overflow-x:auto}.rectangle-derivation-card .worked-step-statement{white-space:normal;text-align:left;line-height:1.7;margin:8px 0}.rectangle-derivation-card .working-geometry-calculation{overflow:visible}.rectangle-derivation-card .working-geometry-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.rectangle-derivation-card .worked-full{max-width:100%}@media(max-width:700px){.rectangle-derivation-card .working-geometry-layout{grid-template-columns:1fr}.rectangle-width-figure{width:280px;max-width:100%;justify-self:center}} .rectangle-derivation-card .working-geometry-layout{align-items:start}.rectangle-derivation-card .working-geometry-calculation .explained-worked-step:first-child{margin-top:0}.rectangle-derivation-card .working-geometry-calculation .worked-step-statement:first-child{margin-top:0}.rectangle-derivation-card .rectangle-width-figure{margin-top:0} .modulus-summary-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:center}.modulus-summary-layout>div{min-width:0}.modulus-integral-figure{margin:8px 0;background:#fff;color:#243f59;border-radius:10px;padding:0 10px 10px;overflow:visible}.modulus-integral-figure>svg{display:block;width:100%;height:auto;overflow:visible}.modulus-integral-figure .geometry-math-label,.modulus-integral-figure .inline-math{color:#243f59!important;font-size:17px}.modulus-integral-figure figcaption{color:#516477;font-size:12px;text-align:center;line-height:1.6;margin-top:2px}.modulus-solution-diagram{max-width:500px;margin:8px auto 18px}@media(max-width:750px){.modulus-summary-layout{grid-template-columns:1fr}.modulus-summary-layout>.modulus-integral-figure{width:100%;max-width:450px;justify-self:center}} .summary-section-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 30px;align-items:stretch}.summary-section-pair>.key-feature-section{min-width:0;margin:0;display:flex;flex-direction:column}.summary-section-pair>.key-feature-section>h4{min-height:54px;box-sizing:border-box}.summary-section-pair .feature-grid{flex:1}.summary-section-pair .feature-card{display:flex;flex-direction:column}.summary-section-pair .calculus-content-layout{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}.summary-section-pair .calculus-content-layout>div{width:100%;min-width:0}.summary-section-pair .calculus-figure{width:100%;max-width:320px;margin:8px auto 0}.summary-section-pair .calculus-figure>svg{width:100%;height:auto;max-height:230px}.summary-section-pair .latex-formula{padding:10px 2px}@media(max-width:800px){.summary-section-pair{grid-template-columns:1fr}.summary-section-pair>.key-feature-section>h4{min-height:0}} .summary-section-pair{gap:16px;margin:18px 0 22px}.summary-section-pair>.key-feature-section>h4{min-height:0;padding-bottom:8px;margin-bottom:10px}.summary-section-pair .feature-card{padding:14px 16px}.summary-section-pair .feature-card>h5{margin-bottom:8px}.summary-section-pair .calculus-content-layout{gap:0}.summary-section-pair .calculus-content-layout>div{flex:1}.summary-section-pair .calculus-content-layout ul{margin:4px 0 6px}.summary-section-pair .calculus-content-layout li{line-height:1.65;margin:4px 0}.summary-section-pair .latex-formula{padding:6px 2px}.summary-section-pair .calculus-figure{max-width:270px;margin:4px auto 0;padding-bottom:0}.summary-section-pair .calculus-figure>svg{max-height:185px}.summary-section-pair .calculus-figure figcaption{margin-top:2px;line-height:1.45} /* Accepted Functions chapter: centred standalone maths and tables. */ .atlas-topic[data-topic-name="Functions"] .study-intro{padding:18px;border:1px solid var(--line);border-radius:12px;margin:12px 0 18px;line-height:1.7} .atlas-topic[data-topic-name="Functions"] .study-intro h3{margin:0 0 8px} .atlas-topic[data-topic-name="Functions"] .study-route{font-size:13px;color:var(--muted)} .atlas-topic[data-topic-name="Functions"] .study-intro summary{cursor:pointer;font-weight:650} .atlas-topic[data-topic-name="Functions"] .study-table{width:max-content;max-width:100%;margin:16px auto;border-collapse:collapse;font-size:13px} .atlas-topic[data-topic-name="Functions"] .study-table :is(td,th){padding:10px;border:1px solid var(--line);text-align:center;vertical-align:middle} .atlas-topic[data-topic-name="Functions"] .latex-formula{display:flex;justify-content:safe center;text-align:center;max-width:100%;overflow-x:auto} .study-reference-link{font-size:13px;text-decoration:underline} .functions-example .latex-formula,.functions-example .plain-worked-step{display:flex;justify-content:safe center;text-align:center;max-width:100%;overflow-x:auto} .functions-example table{margin-inline:auto;text-align:center} .functions-example :is(td,th){text-align:center} .functions-example .study-table{width:max-content;max-width:100%;border-collapse:collapse;font-size:13px;margin:16px auto} .functions-example .study-table :is(th,td){border:1px solid var(--line);padding:10px;vertical-align:middle} /* Chapter introduction headings and always-visible notation. */ .study-intro :is(.study-prerequisites,.study-notation)>h4{font-size:14px;line-height:1.6;font-weight:650;text-align:left;margin:20px 0 8px;padding:0;border:0;color:var(--ink)} .study-intro .study-prerequisites ul{margin:0;padding-left:22px} .study-intro .study-prerequisites li{padding:0;margin:3px 0} .study-intro .study-prerequisites .study-reference-link{min-height:0;padding:4px 0;text-align:left} /* Compact prerequisite reference: show each reminder once. */ #study-prerequisite-dialog .formula-lines{padding:10px 14px} #study-prerequisite-dialog .latex-formula{padding:10px 4px;margin:4px 0} #study-prerequisite-dialog .formula-line{padding:8px 0} #study-prerequisite-dialog .formula-conditions{padding:10px 14px;margin-top:10px} #study-prerequisite-dialog .formula-conditions :is(h5,p){margin:4px 0;line-height:1.5} #study-prerequisite-dialog .example-dialog-scroll{padding-top:8px} .restricted-range-figure{max-width:480px;margin:12px auto;text-align:center;color:var(--ink)} .restricted-range-figure svg{width:100%;height:auto;display:block} .restricted-range-figure figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin:6px 0} .restricted-range-figure{max-width:560px} .range-vertex-closeup{border:1px solid var(--line);border-radius:8px;margin:14px 0;padding:10px;background:var(--wash)} .range-vertex-closeup h6{margin:2px 0 8px;font-size:13px} .range-vertex-closeup p{margin:0;font-size:12px;line-height:1.5} /* Keep the page still while any modal is open; scroll only inside the popup. */ html:has(dialog:modal),html:has(dialog:modal) body{overflow:hidden;overscroll-behavior:none} dialog:modal,dialog:modal .example-dialog-scroll{overscroll-behavior:contain} .horizontal-test-example{max-width:560px;margin:14px auto;text-align:center;color:var(--ink)} .horizontal-test-example svg{width:100%;height:auto;display:block} .horizontal-test-example figcaption{font-size:12px;line-height:1.5;color:var(--muted)} .inverse-reflection-figure{max-width:520px;margin:14px auto;text-align:center;color:var(--ink)} .inverse-reflection-figure svg{display:block;width:100%;height:auto} .inverse-reflection-figure figcaption{font-size:12px;line-height:1.6;color:var(--muted)} .reflection-function{color:#244c83;font-weight:650}.reflection-inverse{color:#8b54a8;font-weight:650} .composition-first{color:#16856b;font-weight:650}.composition-second{color:#c27924;font-weight:650} .popup-example-group{font-size:17px;line-height:1.5;color:var(--green);margin:8px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line);text-align:left} .piecewise-study-figure{max-width:620px;margin:18px auto;text-align:center;color:var(--ink)} .piecewise-study-figure svg{display:block;width:100%;height:auto} .piecewise-study-figure figcaption{font-size:12px;line-height:1.5;color:var(--muted)} .periodic-reading{border-left:3px solid var(--green);padding:10px 14px;margin:12px 0;background:var(--wash)} .periodic-reading h6{margin:0 0 6px}.periodic-reading ol{padding-left:20px;margin:0}.periodic-reading li{margin:5px 0;line-height:1.6} /* Separate the introductory piecewise graph from its worked-example card. */ .summary-subsection>.piecewise-example-graph{margin-bottom:28px} .summary-subsection>.piecewise-example-graph+.feature-card{margin-top:0} @scope (.atlas-topic[data-topic-name="Graphing Techniques"], .graphing-example) { /* Audit refinements apply to B only. The A stylesheet is the frozen current edition. */ #content,.essentials-result-section,.formula-cores,.formula-core,.core-topics,.atlas-topic,.formula-card,.formula-body,.topic-parts,.topic-part,.topic-part-body,.key-feature-section,.transformation-content{min-width:0;max-width:100%;box-sizing:border-box} .topic-part-body :is(.feature-grid,.transformation-rule-grid,.transformation-comparison,.formula-items,.compact-formula-grid,.intersection-method-list,.reciprocal-method-steps,.derivative-method,.worked-groups,.calculus-content-layout,.working-geometry-layout){min-width:0;max-width:100%} .topic-part-body :is(.feature-grid,.transformation-rule-grid,.transformation-comparison,.compact-formula-grid,.intersection-method-list)>*{min-width:0;max-width:100%} .formula-body{padding:8px 0}.topic-part-body{padding:16px 10px}.topic-parts{padding:0}.topic-part-body .feature-card{padding:14px 12px}.topic-part-body .feature-grid .feature-grid .feature-card{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:14px 0} .topic-part-body :is(p,li){font-size:14px;line-height:1.75;overflow-wrap:break-word}.topic-part-body h4{font-size:16px;line-height:1.5}.topic-part-body h5{font-size:14px;line-height:1.6}.topic-part-body h6{font-size:13px;line-height:1.6}.topic-part>summary{font-size:15px;line-height:1.5}.topic-part>summary>span:nth-child(2){min-width:0} .latex-formula,.plain-worked-step,.reciprocal-working-scroll,.derivative-working-scroll,.example-sign-table-wrap,.product-laws-wrap{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden}.latex-formula{justify-content:safe center}.reciprocal-working,.derivative-working{max-width:none}.study-table{width:100%;border-collapse:collapse;table-layout:auto}.study-table td,.study-table th{vertical-align:top;white-space:normal}.study-table:has(td:nth-child(5)){display:block;max-width:100%;overflow-x:auto}.study-table .inline-math{max-width:100%} .plane-example-dialog :is(.example-dialog-scroll,.example-solution-box,.feature-card,.worked-groups,.worked-groups>section,.compact-example-steps){min-width:0;max-width:100%}.plane-example-dialog .worked-example .reindex-row{display:block;width:100%;max-width:100%;text-align:left}.plane-example-dialog .aligned-calculation .explained-worked-step{display:block;width:100%;max-width:100%;min-width:0}.plane-example-dialog .aligned-calculation .explained-worked-step .plain-worked-step{display:flex;justify-content:safe center;align-items:baseline;gap:4px;max-width:100%;overflow-x:auto}.plane-example-dialog .worked-step-statement{display:block;max-width:100%;white-space:normal;overflow-wrap:break-word;margin:8px 0;line-height:1.75;text-align:left}.plane-example-dialog :is(.worked-lhs,.worked-rhs,.worked-full){flex:none}.plane-example-dialog .example-question-box,.plane-example-dialog .example-solution-box{padding:14px}.plane-example-dialog .feature-card{padding:8px 0;border:none;background:transparent}.plane-example-dialog .example-dialog-fixed{padding-bottom:6px} .review-example-picker{padding:10px 0;font-size:13px}.review-example-picker label{display:grid;gap:5px}.review-example-picker select{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:inherit} .formula-condition-line{font-size:13px;line-height:1.65;margin:4px 0 10px;color:var(--muted)}.formula-condition-line .inline-math{white-space:normal}.math-scroll-hint{font-size:12px;color:var(--muted);margin:2px 0 10px}.study-diagram-button{display:block;margin:8px auto;font-size:12px;text-decoration:underline}.study-diagram-dialog{max-width:94vw;width:1000px}.study-diagram-dialog figure{margin:0;max-width:100%}.study-diagram-dialog svg,.study-diagram-dialog img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}.math-keep-punctuation{white-space:nowrap}.product-laws{border:0}.product-laws th,.product-laws td{border:0;border-bottom:1px solid var(--line);padding:9px 6px}.review-method-legend{font-size:13px;color:var(--muted);line-height:1.7}.study-intro .study-table{display:table}.study-intro .study-table th{width:32%} @media(max-width:850px){.topic-part-body :is(.formula-items>.formula-with-mini,.principal-argument-layout,.modulus-summary-layout,.point-line-illustrated-intro,.calculus-content-layout,.working-geometry-layout,.angle-diagram-intro){grid-template-columns:minmax(0,1fr)!important}.topic-part-body .formula-with-mini>.vector-mini{max-width:260px;justify-self:center}} @media(max-width:650px){.topic-part-body :is(.feature-grid,.transformation-rule-grid,.transformation-comparison,.compact-formula-grid,.intersection-method-list,.resolving-vector-card,.argand-overview-layout,.argand-operation-pair,.derivative-rules-grid){grid-template-columns:minmax(0,1fr)!important}.topic-part-body .feature-grid.feature-grid-vertical{grid-template-columns:minmax(0,1fr)!important}.topic-part-body .feature-card{padding:12px 8px}.topic-part-body{padding:14px 8px}.study-intro{padding:14px}.formula-items>.formula-with-mini{display:block}.plane-example-dialog{width:calc(100vw - 24px);margin:12px auto;max-height:calc(100dvh - 24px)}.plane-example-dialog .example-dialog-scroll{max-height:calc(100dvh - 230px)}.example-card-heading{gap:8px;align-items:start}.example-card-heading h5{flex:1;min-width:0}.example-icon-button:has(.revised-example-label){flex:none}.reciprocal-limit-grid{grid-template-columns:minmax(0,1fr)!important}} .review-phone-intervals{display:none}@media(max-width:650px){.review-wide-intervals{display:none}.review-phone-intervals{display:table}.reciprocal-working-scroll{overflow-x:hidden}.reciprocal-working{width:100%;min-width:0}.reciprocal-working svg{width:100%;height:auto}} .review-wide-inline-math{display:block;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding-block:4px}.review-wide-inline-math>svg{max-width:none}.review-wide-inline-wrap{display:block;max-width:100%;white-space:normal}.study-intro p{font-size:14px;line-height:1.75}.study-intro .study-route{font-size:13px} } .atlas-topic[data-topic-name="Graphing Techniques"] .study-table{width:max-content;max-width:100%;margin:16px auto} .atlas-topic[data-topic-name="Graphing Techniques"] .study-table :is(td,th){text-align:center;padding:10px;border:1px solid var(--line)} .atlas-topic[data-topic-name="Graphing Techniques"] .latex-formula,.graphing-example .latex-formula,.graphing-example .plain-worked-step{display:flex;justify-content:safe center;text-align:center} .piecewise-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .piecewise-heading h5{margin:0;flex:1;min-width:0}.piecewise-heading .example-icon-button{flex:none} .atlas-topic[data-topic-name="Graphing Techniques"] .study-intro{padding:18px;border:1px solid var(--line);border-radius:12px;margin:12px 0 18px;line-height:1.7} .atlas-topic[data-topic-name="Graphing Techniques"] .study-intro h3{margin:0 0 8px} .atlas-topic[data-topic-name="Graphing Techniques"] .study-route{font-size:13px;color:var(--muted)} .atlas-topic[data-topic-name="Graphing Techniques"] .study-intro summary{cursor:pointer;font-weight:650} .atlas-topic[data-topic-name="Graphing Techniques"] .study-table{width:max-content;max-width:100%;margin:16px auto;border-collapse:collapse;font-size:13px} .atlas-topic[data-topic-name="Graphing Techniques"] .study-table :is(td,th){padding:10px;border:1px solid var(--line);text-align:center;vertical-align:middle} .atlas-topic[data-topic-name="Graphing Techniques"] .latex-formula{display:flex;justify-content:safe center;text-align:center;max-width:100%;overflow-x:auto} .study-reference-link{font-size:13px;text-decoration:underline} .student-solution-reveal{margin:14px 0;border:1px solid var(--line);border-radius:10px;padding:0;overflow:hidden} .student-solution-reveal>summary{padding:12px 16px;cursor:pointer;font-size:14px;font-weight:650;color:var(--green);background:var(--wash)} .student-solution-reveal>summary .solution-hide-label{display:none} .student-solution-reveal[open]>summary .solution-show-label{display:none} .student-solution-reveal[open]>summary .solution-hide-label{display:inline} .student-solution-reveal>.example-solution-box{margin:0;border:0;border-radius:0} .student-solution-reveal>.example-remark{margin:0 14px 14px} /* Keep Graphing Techniques part cards inset from the chapter border. */ .atlas-topic[data-topic-name="Graphing Techniques"] .topic-parts{padding:12px 16px 16px} .atlas-topic[data-topic-name="Graphing Techniques"] .topic-parts>.fine{margin:0 0 14px} @media(max-width:650px){.atlas-topic[data-topic-name="Graphing Techniques"] .topic-parts{padding:10px 12px 14px}} .parameter-points-card{grid-column:1/-1}.parameter-points-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:center;gap:24px} .parameter-points-figure{margin:0;color:var(--ink);min-width:0}.parameter-points-figure>svg{display:block;width:100%;height:auto}.parameter-points-figure figcaption{text-align:center;font-size:12px;line-height:1.5} @media(max-width:650px){.parameter-points-layout{grid-template-columns:minmax(0,1fr);gap:16px}} .parameter-points-figure>svg{display:block;width:100%;height:auto}.parameter-points-figure .inline-math{font-size:13px}.parameter-points-figure .inline-math svg{width:auto;height:auto;display:inline-block}.parameter-points-figure>.latex-formula{font-size:16px} .shifted-parameter-figure{max-width:500px;margin:12px auto;color:var(--ink)}.shifted-parameter-figure>svg{display:block;width:100%;height:auto}.shifted-parameter-figure figcaption{text-align:center;font-size:12px;line-height:1.5} /* Tidy the point table and sketch inside the worked solution. */ .parameter-points-layout{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:20px;padding:12px 0;align-items:center} .parameter-points-layout>.study-table{width:100%;border-collapse:collapse;margin:0;font-size:13px} .parameter-points-layout>.study-table :is(th,td){padding:9px 8px;border:1px solid var(--line);text-align:center;vertical-align:middle;white-space:nowrap} .parameter-points-layout>.study-table th{background:var(--wash);font-weight:650} .parameter-points-figure>.latex-formula{padding:4px 0 10px;margin:0;font-size:15px} .parameter-points-figure figcaption{margin:4px 0 0;color:var(--muted)} @media(max-width:650px){.parameter-points-layout{grid-template-columns:minmax(0,1fr);gap:18px}.parameter-points-layout>.study-table{width:max-content;max-width:100%;margin-inline:auto}} .parametric-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px} .parametric-section-heading h4{margin:0;padding:0;border:0;flex:1}.parametric-section-heading .example-icon-button{flex:none} .combined-transformation-figure{max-width:560px;margin:14px auto;text-align:center;color:var(--ink)}.combined-transformation-figure>svg{display:block;width:100%;height:auto}.combined-transformation-figure figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px} /* Compact transformation headings and their practice buttons. */ .transformation-content>.key-feature-section:first-child{margin-top:0} .transformation-content>.key-feature-section>.example-card-heading{align-items:center;margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid var(--line);min-height:30px} .transformation-content>.key-feature-section>.example-card-heading>h4{margin:0;padding:0;border:0;line-height:1.5;font-size:16px;color:var(--green)} .transformation-content>.key-feature-section>.example-card-heading>.example-icon-button{margin:0;align-self:center} .transformation-lettered-steps{list-style:none!important;padding:0!important;margin:10px 0 12px!important;display:grid;gap:7px}.transformation-lettered-steps>li{display:flex;gap:10px;align-items:baseline;margin:0!important;line-height:1.6}.transformation-lettered-steps>li>strong{flex:none;color:var(--green);min-width:18px}.transformation-lettered-steps>li>span{min-width:0}.example-solution-box .transformation-lettered-steps{margin-bottom:18px!important} .plane-example-dialog .example-question-copy>.example-question-text{padding-left:0}.plane-example-dialog .example-question-copy>.transformation-lettered-steps{padding-left:0!important} .labelled-final-practice-figure{max-width:620px;margin:18px auto;text-align:center;color:#172a46;background:white}.labelled-final-practice-figure>svg{display:block;width:100%;height:auto;overflow:visible}.labelled-final-practice-figure .graph-coordinate-callout{display:inline-block;background:rgba(255,255,255,.96);padding:3px 5px;border-radius:4px;font-size:13px;white-space:nowrap}.labelled-final-practice-figure figcaption{font-size:13px;line-height:1.6;padding:4px 12px 10px}.labelled-final-practice-figure figcaption p{margin:5px 0} .diagram-layout-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:8px 0 14px;font-size:12px;text-align:left}.diagram-layout-toolbar button{font:inherit;color:var(--green);border:1px solid var(--line);background:var(--white);border-radius:6px;padding:5px 9px;cursor:pointer}.diagram-layout-toolbar [hidden]{display:none!important}.diagram-layout-toolbar [role=status]{flex-basis:100%;color:var(--muted);line-height:1.5}.diagram-layout-editing{outline:1px dashed #8793a2;outline-offset:3px}.diagram-layout-editing .diagram-adjustable-label{cursor:move;touch-action:none;pointer-events:all}.diagram-layout-editing .diagram-adjustable-label:hover,.diagram-layout-editing .diagram-label-selected{filter:drop-shadow(0 0 3px #4b87e7)}.diagram-adjustable-label:focus{outline:none}.diagram-layout-editing .diagram-adjustable-label:focus-visible{filter:drop-shadow(0 0 4px #4b87e7)} .combined-transformation-figure .graph-coordinate-callout{display:inline-block;padding:2px 4px;background:rgba(255,255,255,.96);font-size:12px;white-space:nowrap;border-radius:3px} /* Paragraph alignment throughout the app and its dialogs. */ body p,body .plane-example-dialog p,body .topic-part-body p{ text-align:justify; text-justify:inter-word; } body .latex-formula,body .example-question-equations,body .plain-worked-step{ text-align:center; } .diagram-drawing-toolbar{margin:6px 0 14px;font-size:12px;text-align:left}.diagram-drawing-toolbar button{font:inherit;padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--green);cursor:pointer}.drawing-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.drawing-tools[hidden]{display:none!important}.drawing-tools label{display:flex;gap:5px;align-items:center}.drawing-tools input[type=color]{width:30px;height:26px;padding:0;border:0}.drawing-tools [role=status]{flex-basis:100%;color:var(--muted);line-height:1.5}.drawing-tools [aria-pressed=true]{background:var(--lime)}.atlas-drawing-active{touch-action:none;cursor:crosshair}.atlas-drawing-active .atlas-drawing-layer path{pointer-events:stroke;cursor:pointer}.atlas-drawing-handles circle{cursor:grab;touch-action:none}.atlas-drawing-handles circle:focus{outline:none;filter:drop-shadow(0 0 3px #3972c5)}.atlas-drawing-layer{pointer-events:none}.atlas-drawing-active .atlas-drawing-layer{pointer-events:auto} .atlas-drawing-active [data-existing-guide]{pointer-events:stroke;cursor:pointer}.atlas-drawing-active .atlas-guide-selected{stroke:#3972c5!important;stroke-width:3!important} .sign-table-scroll{max-width:100%;overflow-x:auto;margin:14px auto}.proper-sign-table{border-collapse:collapse;margin:0 auto;width:auto!important}.proper-sign-table th,.proper-sign-table td{border:1px solid var(--line)!important;padding:12px 18px!important;text-align:center!important;white-space:nowrap}.proper-sign-table thead{background:var(--lime)} .plane-example-dialog .sign-table-scroll{display:flex;width:100%;justify-content:center}.plane-example-dialog .sign-table-scroll>.proper-sign-table{flex:none;margin-left:auto!important;margin-right:auto!important} .equations-inequalities-content .study-table,.equations-example .study-table{display:table;width:max-content;max-width:100%;margin:16px auto!important;border-collapse:collapse;font-size:14px;table-layout:auto} .equations-inequalities-content .study-table :is(th,td),.equations-example .study-table :is(th,td){border:1px solid var(--line);padding:10px 14px;text-align:center;vertical-align:middle;line-height:1.6} .equations-inequalities-content .study-table th,.equations-example .study-table th{background:var(--wash);font-weight:650} .equations-inequalities-content .study-notation .study-table th{width:auto;min-width:150px} .equations-inequalities-content .study-notation .study-table td{max-width:620px} @media(max-width:650px){.equations-inequalities-content .study-table :is(th,td),.equations-example .study-table :is(th,td){padding:8px;font-size:13px}.equations-inequalities-content .study-notation .study-table th{min-width:0}} .equations-inequalities-content .feature-grid:has(>.feature-card:only-child){grid-template-columns:minmax(0,1fr)} .equations-table-scroll{width:100%;max-width:100%;overflow-x:auto;margin:14px 0} .equations-inequalities-content .equations-table-scroll>.study-table{margin:0 auto!important} .equations-inequalities-content .study-table th .inline-math{display:inline-block} .inequality-section-heading{margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line);align-items:center}.inequality-section-heading>h4{margin:0;padding:0;border:0;color:var(--green);font-size:16px} .inequality-practice-figure{max-width:680px;margin:16px auto;text-align:center;background:white;color:#172a46}.inequality-practice-figure>svg{display:block;width:100%;height:auto}.inequality-practice-figure .graph-coordinate-callout{display:inline-block;padding:2px 4px;font-size:12px;background:rgba(255,255,255,.96);white-space:nowrap}.inequality-practice-figure figcaption{font-size:13px;line-height:1.6;padding:5px 12px} .inequality-practice-figure .number-line-value{text-align:center;font-size:13px;line-height:1.5;white-space:nowrap}.inequality-practice-figure .number-line-value .inline-math{display:inline-block} /* Compact multi-interval sign tables within example dialogs. */ .plane-example-dialog .proper-sign-table{font-size:12px!important;max-width:100%;width:auto!important} .plane-example-dialog .proper-sign-table :is(th,td){padding:8px 6px!important;font-size:12px!important;line-height:1.35} .plane-example-dialog .proper-sign-table .inline-math{font-size:12px!important} @media(max-width:650px){.plane-example-dialog .proper-sign-table :is(th,td){padding:7px 4px!important}.plane-example-dialog .proper-sign-table .inline-math{font-size:11px!important}} .equations-inequalities-content .modulus-bounds-comparison>.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch} .modulus-bounds-comparison>.feature-grid>.feature-card:last-child{grid-column:1/-1} .modulus-bounds-comparison .feature-card-side-graph{display:flex;flex-direction:column;align-items:stretch;gap:8px} .modulus-bounds-comparison .feature-card-side-graph>.bounds-mini{grid-column:auto;grid-row:auto;max-width:340px;margin:8px auto} .modulus-bounds-comparison .feature-card-side-graph>.latex-formula{font-size:13px;max-width:100%;padding:8px 0} @media(max-width:850px){.equations-inequalities-content .modulus-bounds-comparison>.feature-grid{grid-template-columns:minmax(0,1fr)}} .modulus-bounds-comparison .feature-card-side-graph{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 64px minmax(74px,auto) auto;gap:10px;align-content:start} .modulus-bounds-comparison .feature-card-side-graph>h5{grid-column:1;grid-row:1;margin:0} .modulus-bounds-comparison .feature-card-side-graph>.latex-formula{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;margin:0;padding:4px 0} .modulus-bounds-comparison .feature-card-side-graph>.feature-conclusion{grid-column:1;grid-row:3;margin:0;min-height:74px;box-sizing:border-box;line-height:1.65} .modulus-bounds-comparison .feature-card-side-graph>.bounds-mini{grid-column:1;grid-row:4;align-self:start;margin:4px auto 0;width:100%;max-width:340px} .sequences-series-content .study-table{display:table;width:max-content;max-width:100%;margin:16px auto;border-collapse:collapse;font-size:14px} .sequences-series-content .study-table :is(th,td){border:1px solid var(--line);padding:10px 14px;text-align:center;vertical-align:middle;line-height:1.6} .sequences-series-content .study-table th{background:var(--wash)} .sequences-series-content .feature-grid:has(>.feature-card:only-child){grid-template-columns:minmax(0,1fr)} .sequences-series-content .study-notation .study-table th{width:auto} .inline-sequence-example{display:block!important}.inline-sequence-example>.inline-sequence-step{display:block;margin:20px 0}.inline-sequence-example .inline-sequence-step>h6{margin:0 0 8px;text-align:left;font-size:14px}.inline-sequence-example .inline-sequence-step>p{margin:8px 0;line-height:1.7}.inline-sequence-example .inline-sequence-step>.latex-formula{display:flex;justify-content:center;align-items:center;width:100%;padding:10px 0;margin:0;text-align:center;font-size:17px} .study-information-button>span:first-child{display:inline-flex;width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1}.study-information-dialog .inline-sequence-example{margin-top:10px}.study-information-dialog .example-dialog-scroll{padding-top:0} /* Align part letters with the text baseline, including tall sums and fractions. */ .plane-example-dialog .example-question-parts>li{align-items:baseline} .feature-formula-item>.example-card-heading{margin:10px 0 0;align-items:center} .feature-formula-item>.example-card-heading>h6{margin:0;font-size:13px;line-height:1.5;color:var(--muted);font-weight:600} /* Keep controls clear of dividers and align the convergence explanations. */ .sequences-series-content .feature-card>.example-card-heading{padding-bottom:10px} .sequences-series-content .example-card-heading.inequality-section-heading{padding-bottom:10px} .convergence-comparison-card{display:grid;grid-template-rows:auto 1fr 1fr;gap:12px} .convergence-comparison-card>h5{margin:0} .convergence-explanation{display:grid;grid-template-rows:minmax(68px,auto) 64px;gap:6px;align-content:start} .convergence-explanation>p{margin:0} .convergence-explanation>.latex-formula{display:flex;align-items:center;justify-content:center;margin:0;padding:0 4px} @media(min-width:850px){.feature-grid:has(>.convergence-comparison-card){grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.convergence-explanation{grid-template-rows:auto auto}.convergence-explanation>.latex-formula{min-height:56px}} @supports(grid-template-rows:subgrid){ .feature-grid:has(>.convergence-comparison-card){grid-template-rows:auto auto 64px auto 64px;row-gap:12px} .feature-grid>.convergence-comparison-card{grid-row:span 5;grid-template-rows:subgrid;row-gap:12px} .convergence-comparison-card>.convergence-explanation{display:contents} .convergence-comparison-card>.convergence-explanation>p{margin:0;min-height:0} } .adaptive-question-target{display:inline-block;max-width:100%;vertical-align:middle} .adaptive-question-target.question-target-own-line{display:block;text-align:center;margin:8px auto 0} .recurrence-behaviour-figure{max-width:610px;margin:18px auto 8px} .recurrence-behaviour-figure>svg{display:block;width:100%;height:auto;overflow:visible} .recurrence-behaviour-figure text{font:14px Georgia,serif;fill:var(--ink)} .recurrence-graph-key{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;font-size:13px;margin-bottom:8px} .recurrence-fixed-label{font-size:12px;text-align:center;color:var(--ink)} .recurrence-behaviour-figure figcaption{font-size:12px;line-height:1.6;text-align:center;margin:8px 0} .sequence-gc-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0 4px;align-items:start} .sequence-gc-shots figure{margin:0;text-align:center;min-width:0} .sequence-gc-shots img{display:block;width:100%;max-width:360px;height:auto;margin:0 auto;border:1px solid var(--line);border-radius:6px} .sequence-gc-shots figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:6px;text-align:center} .atlas-topic[data-topic-name="Sequences and Series"] .study-intro>h3{margin:0 0 8px} .atlas-topic[data-topic-name="Sequences and Series"] .study-intro>p{margin:8px 0;line-height:1.75} .atlas-topic[data-topic-name="Sequences and Series"] .study-intro :is(.study-prerequisites,.study-notation)>h4{margin:14px 0 6px} .atlas-topic[data-topic-name="Sequences and Series"] .study-intro .study-prerequisites .study-reference-link{padding:2px 0} @media(max-width:650px){.sequence-gc-shots{grid-template-columns:1fr}.recurrence-fixed-label{font-size:11px}} .sequence-gc-shots>figure:last-child:nth-child(odd){grid-column:1/-1} .atlas-topic[data-topic-name="Vectors"] .study-intro .study-table{border-collapse:collapse;width:auto;max-width:100%;margin:12px auto;display:table} .atlas-topic[data-topic-name="Vectors"] .study-intro .study-table :is(th,td){border:1px solid var(--line);padding:10px 14px;vertical-align:middle;line-height:1.6} .atlas-topic[data-topic-name="Vectors"] .study-intro .study-table th{width:auto;min-width:100px;text-align:center;background:var(--lime)} .atlas-topic[data-topic-name="Vectors"] .study-intro .study-table td{text-align:left} .vector-section-heading{padding-bottom:10px;margin-bottom:14px} .atlas-topic[data-topic-name="Vectors"] .study-intro>h3{margin:0 0 8px} .atlas-topic[data-topic-name="Vectors"] .study-intro :is(.study-prerequisites,.study-notation)>h4{margin:14px 0 6px} /* Shared references: Graphing Techniques introductions and Sequences notation tables. */ .atlas-topic[data-topic-name] .study-intro{padding:18px;border:1px solid var(--line);border-radius:12px;margin:12px 0 18px;line-height:1.7} .atlas-topic[data-topic-name] .study-intro>h3{margin:0 0 8px} .atlas-topic[data-topic-name] .study-intro>p{font-size:14px;line-height:1.75;margin:14px 0;color:var(--muted)} .atlas-topic[data-topic-name] .study-intro>.study-route{font-size:13px;color:var(--muted)} .atlas-topic[data-topic-name] .study-intro :is(.study-prerequisites,.study-notation)>h4{font-size:14px;line-height:1.6;font-weight:650;margin:20px 0 8px;padding:0;border:0;color:var(--ink)} .atlas-topic[data-topic-name] .study-intro .study-prerequisites ul{margin:0;padding-left:22px} .atlas-topic[data-topic-name] .study-intro .study-prerequisites li{margin:3px 0;padding:0} .atlas-topic[data-topic-name] .study-intro .study-prerequisites .study-reference-link{padding:4px 0;min-height:0;font-size:13px} .atlas-topic[data-topic-name] .study-intro .study-table{display:table;width:max-content;max-width:100%;margin:16px auto;border-collapse:collapse;font-size:14px} .atlas-topic[data-topic-name] .study-intro .study-table :is(th,td){border:1px solid var(--line);padding:10px 14px;text-align:center;vertical-align:middle;line-height:1.6} .atlas-topic[data-topic-name] .study-intro .study-table th{width:auto;min-width:0;background:var(--wash)} .atlas-topic[data-topic-name="Vectors"] .feature-card .study-table{width:100%;max-width:100%;margin:12px auto;border-collapse:collapse;font-size:14px} .atlas-topic[data-topic-name="Vectors"] .feature-card .study-table :is(th,td){border:1px solid var(--line);padding:10px 14px;vertical-align:middle;line-height:1.6} .atlas-topic[data-topic-name="Vectors"] .feature-card .study-table th{background:var(--wash);text-align:center} .atlas-topic[data-topic-name="Vectors"] .feature-card .study-table td:nth-child(2){text-align:center} @media(max-width:650px){.atlas-topic[data-topic-name] .study-intro{padding:14px}.atlas-topic[data-topic-name] .study-intro .study-table :is(th,td){padding:8px}.atlas-topic[data-topic-name="Vectors"] .feature-card .study-table :is(th,td){padding:8px}} .atlas-topic .study-intro p,.atlas-topic .feature-card p,.atlas-topic .key-feature-section>ul>li{ text-wrap:pretty; } /* Compact, balanced vector teaching panels. */ .atlas-topic[data-topic-name="Vectors"] .vector-diagram-pair>section>h6{font-size:18px;margin:0 0 12px;color:var(--blue)} .atlas-topic[data-topic-name="Vectors"] .vector-diagram-pair .chapter-figure{max-width:330px;margin:0 auto} .vector-concept-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch;margin:18px 0} .vector-concept-columns>.key-feature-section{margin:0;display:flex;flex-direction:column;min-width:0} .vector-concept-columns .key-feature-grid{display:flex;flex-direction:column;flex:1;gap:12px} .vector-concept-columns .feature-card{min-width:0;padding:14px;display:block} .vector-concept-columns .key-feature-grid>.feature-card:last-child{flex:1} .vector-concept-columns .feature-card-side-graph{display:block} .vector-concept-columns .chapter-figure{max-width:270px;margin:10px auto} .vector-concept-columns .formula-with-mini{display:flex;flex-direction:column;gap:8px} .vector-concept-columns .feature-formula-item{min-width:0} .vector-concept-columns .feature-card h5{font-size:17px} .vector-concept-columns .feature-formula-item h6{font-size:15px} .vector-concept-columns .latex-formula{margin:12px 0} @media(max-width:760px){.vector-concept-columns{grid-template-columns:1fr}} .vector-concept-columns>.key-feature-section>.vector-section-heading, .vector-concept-columns>.key-feature-section>h4{box-sizing:border-box;min-height:48px;margin:0 0 14px;padding:0 0 10px;display:flex;align-items:center;border-bottom:1px solid var(--line)} .vector-concept-columns .vector-section-heading h4{border:0;margin:0;padding:0} .vector-concept-columns>.key-feature-section>.feature-grid{display:flex;flex-direction:column;flex:1;gap:12px} .vector-concept-columns>.key-feature-section>.feature-grid>.feature-card:last-child{flex:1} /* Temporary authoring controls float beside the content, outside its layout. */ .has-diagram-tools{position:relative} .diagram-tools-panel{position:absolute;right:0;top:0;z-index:5;font-size:12px;text-align:left} .diagram-tools-panel>summary{cursor:pointer;background:var(--white);border:1px solid var(--line);border-radius:6px;padding:5px 8px;list-style:none;color:var(--green);opacity:.75} .diagram-tools-panel[open]{position:fixed;top:100px;right:18px;width:230px;max-height:75vh;overflow:auto;padding:14px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 28px #182f5026;z-index:10000} .diagram-tools-panel[open]>summary{font-weight:650;opacity:1;margin-bottom:12px} .diagram-tools-panel .diagram-layout-toolbar,.diagram-tools-panel .diagram-drawing-toolbar{margin:10px 0} .diagram-tools-panel .drawing-tools{flex-direction:column;align-items:stretch} @media print{.diagram-tools-panel{display:none!important}} /* Give projection formulas and the diagram a clear shared row. */ .atlas-topic[data-topic-name="Vectors"] .resolving-vector-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 24px;align-items:start} .atlas-topic[data-topic-name="Vectors"] .resolving-vector-card>.chapter-figure{width:100%;max-width:390px;grid-column:2;grid-row:3;align-self:center;margin:0 auto} .atlas-topic[data-topic-name="Vectors"] .resolving-vector-card>.study-table{grid-column:1/-1;width:100%;margin:8px 0 0} .atlas-topic[data-topic-name="Vectors"] .resolving-vector-card .feature-formula-item{padding:12px 0} .atlas-topic[data-topic-name="Vectors"] .resolving-vector-card .feature-formula-item h6{font-size:16px;margin-bottom:8px} @media(max-width:700px){.atlas-topic[data-topic-name="Vectors"] .resolving-vector-card{grid-template-columns:1fr}.atlas-topic[data-topic-name="Vectors"] .resolving-vector-card>.chapter-figure{grid-column:1;grid-row:auto}} /* Centre the explanatory captions in the flowchart outcome boxes. */ .atlas-topic[data-topic-name="Vectors"] .line-relationship-flow .flow-result p, .atlas-topic[data-topic-name="Vectors"] .line-relationship-flow .flow-methods p{text-align:center;text-wrap:pretty} .two-plane-case>h5{grid-column:1/-1;margin:0 0 8px} .topic-part-body .two-plane-case{gap:12px 24px;grid-template-rows:auto auto} .two-plane-case>.two-plane-content{grid-column:1;grid-row:2} .two-plane-case>.original-two-plane-diagram{grid-column:2;grid-row:2} @media(max-width:650px){.two-plane-case>.original-two-plane-diagram{grid-column:1;grid-row:3}} .atlas-topic[data-topic-name="Vectors"] .point-line-illustrated-intro{grid-template-columns:minmax(0,1fr) minmax(300px,42%);gap:10px;margin:8px 0 12px} .atlas-topic[data-topic-name="Vectors"] .point-line-calculations .original-point-line-diagram{max-width:420px;padding:0;justify-self:start} .alternative-study-methods>h6{font-size:15px;margin:18px 0 12px;color:var(--green)} @media(max-width:700px){.atlas-topic[data-topic-name="Vectors"] .point-line-illustrated-intro{grid-template-columns:1fr}.atlas-topic[data-topic-name="Vectors"] .point-line-calculations .original-point-line-diagram{justify-self:center}} /* Keep supporting diagrams proportionate to their explanations. */ .atlas-topic[data-topic-name="Vectors"] .point-line-illustrated-intro{grid-template-columns:minmax(0,1fr) minmax(280px,38%);gap:12px} .atlas-topic[data-topic-name="Vectors"] .point-line-calculations .original-point-line-diagram{max-width:360px} @media(max-width:850px){.atlas-topic[data-topic-name="Vectors"] .point-line-calculations .original-point-line-diagram{max-width:340px;justify-self:center}} @media(max-width:700px){.atlas-topic[data-topic-name="Vectors"] .point-line-illustrated-intro{grid-template-columns:1fr}} .atlas-topic[data-topic-name="Complex Numbers"] .study-table{width:100%;border-collapse:collapse;margin:16px auto;font-size:14px} .atlas-topic[data-topic-name="Complex Numbers"] .study-table th,.atlas-topic[data-topic-name="Complex Numbers"] .study-table td{border:1px solid var(--line);padding:10px 14px;line-height:1.6;vertical-align:middle} .atlas-topic[data-topic-name="Complex Numbers"] .study-table th{background:var(--wash);text-align:center} .atlas-topic[data-topic-name="Complex Numbers"] .study-table td:nth-child(2){text-align:center} .atlas-topic[data-topic-name="Complex Numbers"] .structured-remarks ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px} .atlas-topic[data-topic-name="Complex Numbers"] .structured-remarks li{margin:0;text-wrap:pretty} .atlas-topic[data-topic-name="Complex Numbers"] .formula-items h6{font-size:15px} @media(max-width:700px){.atlas-topic[data-topic-name="Complex Numbers"] .structured-remarks ul{grid-template-columns:1fr}} .complex-worked-plot{max-width:390px;margin:18px auto}.complex-worked-plot svg{width:100%;height:auto} .atlas-topic:is([data-topic-name="Differentiation"],[data-topic-name="Maclaurin Series"],[data-topic-name="Integration"],[data-topic-name="Differential Equations"]) .gc-reference{width:100%;max-width:300px} .atlas-topic:is([data-topic-name="Differentiation"],[data-topic-name="Maclaurin Series"],[data-topic-name="Integration"],[data-topic-name="Differential Equations"]) .study-table{width:100%;border-collapse:collapse;margin:14px auto;font-size:14px} .atlas-topic:is([data-topic-name="Differentiation"],[data-topic-name="Maclaurin Series"],[data-topic-name="Integration"],[data-topic-name="Differential Equations"]) .study-table :is(th,td){border:1px solid var(--line);padding:9px 12px;line-height:1.6} /* Screenshot cards need a fourth row rather than the three-row method subgrid. */ .angle-methods-pair>.feature-card:has(>.gc-reference){display:flex;flex-direction:column;gap:12px} .angle-methods-pair>.feature-card:has(>.gc-reference)>.vector-method-box{height:auto;flex:0 0 auto} .angle-methods-pair>.feature-card:has(>.gc-reference)>.gc-reference{align-self:center;margin:4px auto 0;width:100%;max-width:300px} /* Prevent a wide notation table from stretching every chapter in its core. */ .core-topics{grid-template-columns:minmax(0,1fr)} .core-topics>.atlas-topic{min-width:0;max-width:100%} .atlas-topic[data-topic-name] .study-intro .study-table{width:100%;table-layout:fixed} .atlas-topic[data-topic-name] .study-intro .study-table :is(th,td){overflow-wrap:break-word;white-space:normal} .atlas-topic[data-topic-name] .study-intro .study-table th{width:28%} /* PnC uses the same heading examples and spacing as the Pure Math chapters. */ .pnc-counting-figure{max-width:580px;margin:16px auto 6px;text-align:center} .pnc-counting-figure svg{display:block;width:100%;height:auto;font:15px system-ui,sans-serif;fill:var(--ink)} .pnc-counting-figure figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin:10px auto 0;max-width:540px;text-wrap:pretty} .atlas-topic[data-topic-name="Permutations and Combinations"] .feature-grid{min-width:0} .atlas-topic[data-topic-name="Permutations and Combinations"] .gc-reference{max-width:440px;margin:16px auto} .student-example-dialog .gc-reference:has(img[src*="gc-pnc-"]){max-width:460px;margin:18px auto} .student-example-dialog .worked-groups p{text-wrap:pretty} .atlas-topic[data-topic-name="Permutations and Combinations"] .feature-card .study-table{width:100%;max-width:620px;margin:16px auto;border-collapse:collapse;font-size:14px} .atlas-topic[data-topic-name="Permutations and Combinations"] .feature-card .study-table :is(th,td){border:1px solid var(--line);padding:10px 14px;text-align:center;vertical-align:middle;line-height:1.6} .atlas-topic[data-topic-name="Permutations and Combinations"] .feature-card .study-table th{background:var(--wash)} .statistics-teaching-figure{max-width:480px;margin:18px auto;text-align:center} .statistics-teaching-figure svg{display:block;width:100%;height:auto;font:14px system-ui,sans-serif;fill:var(--ink)} .statistics-teaching-figure figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0;text-wrap:pretty} .atlas-topic:is([data-topic-name="Probability"],[data-topic-name="Discrete Random Variables"],[data-topic-name="Binomial Distribution"],[data-topic-name="Normal Distribution"],[data-topic-name="Sampling"],[data-topic-name="Hypothesis Testing"],[data-topic-name="Correlation and Regression"]) .feature-card .study-table{width:100%;max-width:850px;margin:16px auto;border-collapse:collapse;font-size:14px} .atlas-topic:is([data-topic-name="Probability"],[data-topic-name="Discrete Random Variables"],[data-topic-name="Binomial Distribution"],[data-topic-name="Normal Distribution"],[data-topic-name="Sampling"],[data-topic-name="Hypothesis Testing"],[data-topic-name="Correlation and Regression"]) .feature-card .study-table :is(th,td){border:1px solid var(--line);padding:10px 12px;text-align:center;vertical-align:middle;line-height:1.6} .atlas-topic .feature-card .study-table th{background:var(--wash)} .gc-image-pair:has(img[src*="gc-stat-"]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px auto;max-width:900px} .gc-image-pair:has(img[src*="gc-stat-"]) figure{min-width:0;margin:0} .gc-image-pair:has(img[src*="gc-stat-"]) img{width:100%;height:auto;border:1px solid var(--line);border-radius:6px} .gc-image-pair:has(img[src*="gc-stat-"]) figcaption{font-size:12px;line-height:1.6;text-align:center;color:var(--muted);margin-top:8px} @media(max-width:650px){.gc-image-pair:has(img[src*="gc-stat-"]){grid-template-columns:1fr;max-width:460px}} .statistics-question-table-wrap{width:100%;max-width:100%;overflow-x:auto;margin:16px auto} .statistics-question-table{width:100%;max-width:850px;margin:auto;border-collapse:collapse;font-size:14px} .statistics-question-table :is(th,td){border:1px solid var(--line);padding:9px 12px;text-align:center;vertical-align:middle} .statistics-question-table th{background:var(--wash);font-weight:650} @media(max-width:650px){.statistics-question-table :is(th,td){padding:8px;font-size:13px}} .probability-venn-diagrams{display:grid;gap:16px;margin:14px 0 0;min-width:0} .probability-venn-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} .probability-venn-figure{margin:0 auto;width:100%;max-width:500px;min-width:0} .probability-venn-figure>svg{display:block;width:100%;height:auto;overflow:visible} .probability-region-label{display:flex;align-items:center;justify-content:center;height:34px;text-align:center;font-size:16px;color:#17324f;line-height:1.2;white-space:nowrap} .probability-region-label .inline-math{margin:0!important} .probability-venn-figure figcaption{font-size:13px;line-height:1.55;color:var(--muted);text-align:center;margin-top:8px;padding:0 10px;text-wrap:pretty} @media(max-width:720px){.probability-venn-pair{grid-template-columns:minmax(0,1fr)}} @media(min-width:721px){.probability-law-card>ul{min-height:82px}.probability-law-card>.latex-formula{min-height:58px;display:flex;align-items:center;justify-content:center}} .atlas-topic[data-topic-name="Probability"] .latex-formula>svg{max-width:100%;height:auto} .probability-region-label-compact{font-size:14px} [data-layout-sizing]{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap} [data-layout-sizing][hidden]{display:none!important} [data-layout-size]{min-width:46px;font-size:12px;text-align:center;color:var(--muted)} .diagram-layout-toolbar [data-layout-sizing] button{padding:5px 8px;font-size:12px} .worked-probability-tree{margin:18px auto;max-width:920px;min-width:0;width:100%} .worked-probability-tree-scroll{width:100%;overflow-x:auto;padding:10px 0} .worked-probability-tree-scroll > svg{display:block;width:100%;height:auto;min-width:650px;overflow:visible} .probability-tree-label{display:flex;align-items:center;justify-content:center;height:36px;line-height:1.1;font-size:15px;color:#17324f;white-space:nowrap} .probability-tree-label .inline-math{margin:0!important} .probability-tree-branch .inline-math{background:white;padding:0 4px} .probability-tree-event{justify-content:center} .probability-tree-result{justify-content:flex-start} .probability-tree-highlight{color:#8752a7} .worked-probability-tree figcaption{font-size:13px;color:var(--muted);text-align:center;line-height:1.5;padding:0 10px} /* Standalone calculations have no parent alignment grid. */ .worked-example .plain-worked-step.static-worked-step{display:flex;justify-content:safe center;align-items:baseline;gap:4px;width:100%;min-width:0} /* Keep statistics summary equations within narrow cards, as in Probability. */ .atlas-topic[data-topic-name="Normal Distribution"] .latex-formula>svg, .atlas-topic[data-topic-name="Sampling"] .latex-formula>svg, .atlas-topic[data-topic-name="Hypothesis Testing"] .latex-formula>svg, .atlas-topic[data-topic-name="Correlation and Regression"] .latex-formula>svg{max-width:100%;height:auto} /* Match the shared summary and example layout across all statistics chapters. */ .atlas-topic:is([data-topic-name="Permutations and Combinations"],[data-topic-name="Discrete Random Variables"],[data-topic-name="Binomial Distribution"]) .latex-formula>svg{max-width:100%;height:auto} .gc-image-pair:has(img[src*="gc-stat-"])>figure:last-child:nth-child(odd){grid-column:1 / -1;width:100%;max-width:440px;justify-self:center} .gc-reference:has(img[src*="gc-stat-"]){max-width:440px;margin:18px auto} .gc-reference:has(img[src*="gc-stat-"]) figcaption{font-size:12px;line-height:1.6;margin-top:8px} /* Reserve calculator space before lazy images load, avoiding popup jumps. */ .gc-image-pair img[src*="gc-stat-"],.gc-reference img[src*="gc-stat-"]{aspect-ratio:4 / 3;object-fit:contain} .brand-icon.brand-logo{object-fit:contain;width:42px;height:42px;padding:0;border:0;border-radius:10px;background:#071e38;flex-shrink:0} @media(max-width:600px){.brand-icon.brand-logo{width:36px;height:36px}}