:root{color-scheme:dark;--bg:#101816;--surface:#17211e;--ink:#f2f1e9;--muted:#b1bcb4;--line:#45564d;--gold:#efc87c;--sage:#a5c7b6;--danger:#ffb9aa;--body:"Helvetica Neue",Helvetica,Arial,sans-serif;--display:"DIN Condensed","Arial Narrow",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--body);min-height:100vh;background-image:radial-gradient(ellipse at 85% -20%,#2a3a304a,transparent 56%),radial-gradient(circle at 8% 31%,#e9ddba66 0 0.7px,transparent 1.3px),radial-gradient(circle at 94% 68%,#e9ddba40 0 0.7px,transparent 1.3px)}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:4px}button,a,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button,input,select,textarea{border-radius:3px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:focus:not(:focus-visible){outline:none}input,select,textarea{min-width:0;color:var(--ink);background:#101816;border:1px solid #6e7c73}select{appearance:auto;padding:11px 34px 11px 13px;min-height:46px;width:100%}input{width:100%;min-height:46px;padding:10px 48px 10px 13px}input[type=checkbox]{width:22px;height:22px;min-height:22px;padding:0;accent-color:var(--sage);flex-shrink:0}option{background:var(--bg);color:var(--ink)}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1{font:400 clamp(40px,4vw,52px)/.99 var(--display);letter-spacing:.005em}h2{font:400 30px/1.1 var(--display)}h3{font-size:17px;font-weight:600}p+p{margin-top:12px}svg{display:block;max-width:100%}.muted,.field-hint{color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;z-index:30;background:var(--gold);color:var(--bg);padding:12px}.skip-link:focus{top:12px}
.site-header,.site-footer{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.site-header{height:94px;padding:0 40px;border-bottom:1px solid #35453c}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:16px;font-weight:500;letter-spacing:-.015em}.brand img{object-fit:contain;width:42px;height:42px}.catalog-link{text-decoration:none;font-size:14px;display:flex;gap:12px;align-items:center;min-height:44px}.catalog-link span{font-size:22px}.site-footer{padding:30px 40px 38px;color:var(--muted);font-size:12px;border-top:1px solid #35453c;margin-top:64px}main{max-width:1200px;margin:auto;padding:28px 0 0}main:focus{outline:none}.task-header{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.task-intro{max-width:600px;color:var(--muted);margin-top:8px;font-size:16px;line-height:1.5}.task-meta{font-size:13px;color:var(--muted);white-space:nowrap;padding-bottom:3px}.section-heading{font-size:18px;font-weight:500}
.button-primary,.button-quiet,.text-button{min-height:44px;padding:11px 18px;border:1px solid transparent;line-height:1.25;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:10px}.button-primary{background:var(--gold);color:#17211e}.button-primary:hover{background:#f6d998}.button-quiet{background:transparent;color:var(--ink);border-color:#6e7c73}.button-quiet:hover{background:#26352d}.text-button{background:transparent;color:var(--muted);padding:8px 0;border:0;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--ink)}.mode-switch{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:4px;gap:2px;flex-shrink:0}.mode-switch button{color:var(--muted);background:transparent;border:0;min-height:36px;min-width:88px;padding:8px 13px;font-size:14px}.mode-switch button[aria-pressed=true]{background:#33443a;color:var(--ink);box-shadow:inset 0 -2px var(--sage)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{min-width:0}.field label{display:block;font-size:13px;margin-bottom:7px;font-weight:500;color:var(--ink)}.input-wrap{position:relative}.input-unit{position:absolute;right:12px;top:12px;color:var(--muted);font-size:14px;pointer-events:none}.field-hint{font-size:12px;margin-top:6px;line-height:1.45}.field-error,.form-error{color:var(--danger);font-size:13px;line-height:1.45}.field-error{margin-top:7px}.form-error{padding:12px 16px;border-left:2px solid var(--danger);background:#ffb9aa09;margin:15px 0}.field [aria-invalid=true]{border-color:var(--danger)}.assumption{color:var(--muted);font-size:13px;line-height:1.55}.assumption strong{font-weight:500;color:var(--ink)}
.comparison-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 0;border-top:1px solid var(--line)}.mode-context{display:flex;gap:16px;align-items:center}.mode-context p{font-size:13px;color:var(--muted);max-width:265px}.comparison-toolbar>.assumption{max-width:485px}.pan-workspace{background:linear-gradient(110deg,#1d292244,#17211e15);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pan-pair{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:25px;padding:24px 30px 10px}.pan-module{min-width:0}.pan-module-heading{display:flex;gap:10px;align-items:center;margin-bottom:15px}.pan-marker{font-size:11px;font-weight:600;border:1px solid var(--line);display:flex;width:23px;height:23px;align-items:center;justify-content:center;border-radius:50%;color:var(--muted)}.pan-module h2{font:500 18px/1.25 var(--body)}.pan-module>select{background:#15201b;max-width:100%}.pan-custom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pan-dimensions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.pan-dimensions.one{grid-template-columns:1fr}.pan-figure{margin-top:7px}.pan-figure svg{width:100%;height:208px;overflow:visible}.pan-figure text{font:13px var(--body);fill:var(--muted)}.pan-figure .shape-a{fill:#a5c7b60e;stroke:var(--sage);stroke-width:1.8}.pan-figure .shape-b{fill:#efc87c0d;stroke:var(--gold);stroke-width:1.8}.pan-figure .dimension-line{stroke:#76897c;stroke-width:.8}.pan-figure .guide-line{stroke:#68796d;stroke-width:.7;stroke-dasharray:3 5}.pan-figure .area-label{font-size:12px;fill:var(--ink)}.pan-figure figcaption{font-size:12px;color:var(--muted);text-align:center}.pan-empty{height:220px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.pan-swap-control{padding-top:145px;display:flex;justify-content:center}.swap-button{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:24px}.swap-button:hover{color:var(--ink);background:#27392d}.comparison-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 30px 24px}.comparison-bottom .actions{display:flex;gap:20px;align-items:center}.comparison-bottom .sub-actions{display:flex;gap:22px;align-items:center}.sample-badge{font-size:12px;color:var(--muted)}.pan-answer{display:grid;grid-template-columns:260px 1fr auto;gap:35px;padding:28px 30px 30px;align-items:center;background:#1d2922;border-bottom:1px solid var(--line)}.answer-number{font-size:76px;line-height:1.05;letter-spacing:-.055em;font-weight:400;font-variant-numeric:tabular-nums}.answer-number small{font-size:30px;letter-spacing:-.03em;margin-left:5px}.answer-kicker{font-size:13px;color:var(--muted);margin-bottom:5px}.answer-explanation h2{font:500 22px/1.3 var(--body);margin-bottom:8px}.answer-explanation p{font-size:14px;color:var(--muted);max-width:405px}.answer-actions{display:flex;gap:10px;align-items:center}.answer-empty{padding:28px 30px;background:#1a241e;border-bottom:1px solid var(--line);min-height:155px;display:flex;align-items:center;gap:15px;color:var(--muted)}.answer-empty h2{font:500 20px/1.3 var(--body);color:var(--ink);margin-bottom:8px}.math-details{display:flex;gap:35px;flex-wrap:wrap;padding:18px 30px;background:#18221c;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.math-details strong{display:block;color:var(--ink);font-weight:500;margin-top:4px}.below-tool{display:flex;justify-content:space-between;gap:30px;margin-top:18px}.below-tool p{font-size:12px;color:var(--muted)}.below-tool>a{font-size:13px;white-space:nowrap}.guide{margin-top:45px;padding:24px 0 0;border-top:1px solid var(--line)}.guide>h2{margin-bottom:18px}.guide details{border-bottom:1px solid #35453c;padding:0}.guide summary{padding:16px 0;cursor:pointer;font-size:15px}.guide .guide-content{color:var(--muted);max-width:800px;padding:0 0 20px;font-size:14px}.guide ul{padding-left:20px}.guide li+li{margin-top:10px}.guide .source-note{display:block;font-size:12px;margin-top:3px}.examples-dialog .example-list{display:flex;flex-direction:column;gap:12px;margin-top:22px}.examples-dialog h2{font-size:32px}.examples-dialog .dialog-close{margin-top:20px}
dialog{background:#1a261f;color:var(--ink);border:1px solid #607165;max-width:560px;width:calc(100% - 40px);padding:28px;border-radius:6px}dialog::backdrop{background:#000b}dialog h2{margin-bottom:12px}dialog p{color:var(--muted);font-size:14px}dialog label{display:block;margin-top:20px;font-size:14px}dialog textarea{width:100%;padding:12px;margin:8px 0 18px;resize:vertical}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#e8e8dd;color:#15201a;max-width:calc(100% - 32px);padding:12px 18px;border-radius:4px;box-shadow:0 4px 24px #0004;font-size:14px;opacity:0;pointer-events:none;z-index:50}.toast.show{opacity:1}.catalogue{padding:35px 0 75px}.catalogue h1{margin-bottom:36px}.catalogue-links{border-top:1px solid var(--line)}.catalogue-links a{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);text-decoration:none}.catalogue-links h2{font:500 23px var(--body)}.catalogue-links p{color:var(--muted);margin-top:6px;font-size:15px}.catalogue-links .arrow{font-size:28px;color:var(--gold)}#print-sheet{display:none}.noscript{max-width:800px;margin:40px auto;padding:20px}
@media(min-width:1500px){main{padding-top:45px}}@media(max-width:1280px){main{margin:0 40px}.site-header,.site-footer{margin:0 0}.pan-pair{gap:18px}.pan-answer{grid-template-columns:220px 1fr;gap:25px}.answer-actions{grid-column:2;grid-row:2}.answer-explanation{grid-column:2}.answer-number-wrap{grid-row:1/3}.pan-answer{padding-top:22px;padding-bottom:22px}.answer-number{font-size:72px}}
@media(max-width:760px){.site-header{height:76px;padding:0 22px}.brand{font-size:14px;gap:8px}.brand img{width:34px;height:34px}.catalog-link{font-size:12px;gap:6px}main{margin:0 22px;padding-top:27px}.task-header{display:block;margin-bottom:23px}h1{font-size:44px}.task-intro{font-size:15px;margin-top:9px}.task-meta{margin-top:15px;font-size:12px}.comparison-toolbar{align-items:flex-start;flex-direction:column;gap:13px;padding:15px 0}.mode-context{gap:12px;align-items:center}.mode-context p{font-size:12px;max-width:160px}.mode-switch button{min-width:72px;padding:8px 10px}.comparison-toolbar>.assumption{font-size:12px}.pan-pair{grid-template-columns:1fr;gap:0;padding:20px 17px 0}.pan-module-heading{margin-bottom:12px}.pan-module h2{font-size:17px}.pan-figure svg{height:174px}.pan-figure{margin-top:3px}.pan-swap-control{padding:12px 0;justify-content:flex-end}.swap-button{height:40px;width:40px;transform:rotate(90deg)}.pan-module:nth-last-child(1){border-top:1px solid #35453c;padding-top:18px}.comparison-bottom{padding:22px 17px;display:block}.comparison-bottom .actions{display:flex;gap:15px}.comparison-bottom .button-primary{flex:1}.comparison-bottom .sub-actions{margin-top:16px;justify-content:space-between;gap:12px}.pan-answer{display:block;padding:24px 18px}.answer-number{font-size:68px}.answer-explanation h2{font-size:20px;margin-top:14px}.answer-explanation p{font-size:13px}.answer-actions{margin-top:20px}.answer-actions>*{flex:1}.math-details{padding:18px;gap:17px}.below-tool{display:block}.below-tool>a{display:inline-block;margin-top:12px;min-height:40px}.guide{margin-top:28px}.site-footer{padding:26px 22px;margin-top:40px;font-size:11px}.pan-custom{gap:10px}.field-grid{gap:12px}.field label{font-size:12px}.input-unit{font-size:13px}.field-hint{font-size:11px}.catalogue-links h2{font-size:20px}.catalogue-links p{max-width:260px}.catalogue{padding-top:10px}dialog{padding:23px}.answer-empty{padding:25px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:white;color:black;font:12pt/1.5 Arial,sans-serif}.site-header,main,.site-footer,.toast,dialog,.skip-link,.noscript{display:none!important}#print-sheet{display:block;max-width:100%;padding:20px}#print-sheet h1{font:700 22pt/1.2 Arial;margin:16px 0}#print-sheet pre{font:11pt/1.5 Arial;white-space:pre-wrap;overflow-wrap:anywhere}#print-sheet .print-brand{font-size:11pt;color:#333}}

.answer-number.long-answer{font-size:42px;letter-spacing:-.03em;overflow-wrap:anywhere}.pan-figure svg{overflow:hidden}