/* Keep the Cuantica palette in both themes. Tone, not decoration, separates layers. */
.curriculum{max-width:1200px;margin:0 auto}
.curriculum-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.curriculum-title h1{font-size:28px;line-height:1.2;letter-spacing:-.7px;font-weight:500;max-width:850px}
.curriculum-title p{color:var(--mut);font-size:14px;margin:0 0 6px}
.curriculum-title>a{font-size:14px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.curriculum-tasks{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.curriculum-tasks a{padding:10px 16px;color:var(--mut);font-size:14px;border-radius:4px}
.curriculum-tasks a[aria-current]{color:var(--ink);background:var(--soft);font-weight:550}
.principle-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px;padding:24px 20px;min-height:112px;transition:background 120ms}
.principle-row:nth-child(odd){background:var(--panel)}
.principle-row:hover{color:var(--ink);background:var(--soft)}
.principle-row h2{font-size:19px;letter-spacing:-.3px;line-height:1.35}
.principle-row p{color:var(--mut);font-size:14px;line-height:1.5;margin:6px 0 0;max-width:55ch}
.principle-preview{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px;color:var(--mut)}
.principle-preview>span{font-size:20px;color:var(--ink);margin-left:auto}
.principle-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:13px;color:var(--mut);margin-bottom:20px}
.principle-breadcrumb a:hover{text-decoration:underline}
.curriculum-title p.principle-summary{font-size:16px;margin:12px 0 0;max-width:65ch}
/* 1200px canvas = flexible reading column + 40px gutter + 320px methods. */
.principle-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.principle-reading{min-width:0;max-width:78ch}
.principle-reading h2,.principle-implementations h2{font-size:16px;font-weight:550;letter-spacing:0;line-height:1.4}
.principle-equations{background:var(--panel);padding:12px 20px;margin:16px 0 20px;border-radius:4px}
.principle-equations>div{overflow-x:auto;max-width:100%;padding:2px 0}
.principle-equations mjx-container[display=true]{margin:14px 0!important}
.principle-steps{padding-left:22px;font-size:15px;line-height:1.65;margin:0}
.principle-steps li{padding-left:5px;margin:10px 0}
/* User-requested faint red bottleneck shadow; no left accent stripe. */
.principle-limit{margin-top:26px;padding:18px 20px;background:color-mix(in srgb,var(--danger) 4%,var(--panel));box-shadow:0 0 18px color-mix(in srgb,var(--danger) 11%,transparent);border-radius:4px}
.principle-limit p{font-size:14px;line-height:1.65;margin:8px 0 0}
.principle-foundations{margin:24px 0 0;font-size:14px}
.principle-foundations summary{cursor:pointer;font-weight:550;padding:10px 0}
.principle-foundations ol{list-style:none;padding:0;font-size:13px}
.principle-foundations li{margin:10px 0}
.principle-foundations a{text-decoration:underline;text-underline-offset:3px}
.principle-cite{white-space:nowrap}
.principle-implementations{position:sticky;top:24px;background:var(--panel);padding:20px;border-radius:4px}
.principle-implementations h2{margin-bottom:16px}
.principle-method{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:14px;line-height:1.45}
.principle-method:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.principle-method>span:last-child{color:var(--mut)}
.principle-method-group details{font-size:12px;color:var(--mut);padding-bottom:8px}
.principle-method-group summary{cursor:pointer;padding:0 0 8px}
.principle-method-group details .principle-method{font-size:13px;padding:9px 0 9px 12px;color:var(--ink)}
@media(max-width:900px){.principle-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.principle-row{gap:20px}.principle-preview{font-size:12px}}
@media(max-width:700px){.curriculum-title{align-items:flex-start;gap:12px;margin-bottom:22px}.curriculum-title h1{font-size:24px}.curriculum-title>a{font-size:12px}.curriculum-tasks{gap:4px}.curriculum-tasks a{padding:10px 12px;font-size:13px}.principle-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px 14px;min-height:0}.principle-row h2{font-size:18px}.principle-preview{font-size:12px}.principle-layout{display:flex;flex-direction:column;gap:24px}.principle-reading{width:100%}.principle-implementations{position:static;width:100%;padding:18px}.principle-equations{padding:8px 12px;font-size:14px}.principle-limit{padding:16px}.principle-breadcrumb{font-size:12px}.curriculum-title p.principle-summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){.principle-row{transition:none}}

.atlas-task-label{display:flex;align-items:center;gap:10px;font-size:13px}.atlas-task-label select,.docs-tools select{border:1px solid var(--line);background:var(--panel);padding:9px 12px;border-radius:4px;max-width:100%}.docs-task-group>h2{margin:30px 0 18px}.docs-principle>h3{margin:18px 0 8px;font-size:16px}.docs-principle h3>a{display:inline!important;padding:0!important}.docs-principle{margin:0 0 24px!important}.docs-tools select{flex:0 1 260px;min-width:0}@media(max-width:600px){.docs-tools{flex-wrap:wrap}.docs-tools select{flex:1}.atlas-task-label{width:100%}.atlas-task-label select{flex:1;min-width:0}}

/* The calculation is the focal point; explanations remain a quiet reading column. */
.principle-guides{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.principle-guides h3{font-size:13px;font-weight:500;color:var(--mut)}
.resource-guide{--guide-color:var(--quantum)}
.resource-guide[data-approach=c]{--guide-color:var(--classical)}
.guide-calculator{margin:26px 0 40px;padding:24px;background:var(--panel);border-radius:6px}
.guide-calculator h2{font-size:17px;font-weight:500;line-height:1.4}
.guide-interactive{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:36px;align-items:center;margin-top:20px}
.guide-plot svg{display:block;width:100%;height:auto;overflow:visible}
.guide-plot text{fill:var(--mut);font:12px Inter,system-ui,sans-serif}
.guide-grid{stroke:var(--line);stroke-width:.65}
.guide-curve{fill:none;stroke:var(--guide-color);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.guide-curve.is-dashed{stroke-dasharray:5 5}
.guide-point{fill:var(--guide-color);stroke:var(--panel);stroke-width:1.3}
.guide-point.is-open{fill:var(--panel);stroke:var(--guide-color)}
.guide-threshold{stroke:var(--mut);stroke-dasharray:2 5;stroke-width:1}
.guide-legend{display:flex;flex-wrap:wrap;gap:12px 22px;padding-left:8px;font-size:12px;color:var(--mut)}
.guide-legend>span{display:flex;gap:8px;align-items:center}
.guide-legend>span:before{content:'';width:22px;border-top:2px solid var(--guide-color)}
.guide-legend>.is-dashed:before{border-top-style:dashed}
.guide-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px;margin:0 0 24px}
.guide-controls output{font-variant-numeric:tabular-nums;color:var(--ink)}
.guide-controls input{grid-column:1/-1;width:100%;accent-color:var(--guide-color);cursor:pointer}
.guide-metrics{display:flex;gap:16px 30px;flex-wrap:wrap;margin:24px 0 16px;padding-top:20px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.guide-metrics>div{flex:1;min-width:150px}
.guide-metrics dt{font-size:12px;color:var(--mut);line-height:1.4;margin-bottom:6px}
.guide-metrics dd{font-size:19px;margin:0;font-weight:450;letter-spacing:-.3px}
.guide-reading,.guide-assumptions{font-size:13px;color:var(--mut);line-height:1.65;max-width:86ch}
.guide-assumptions summary{padding:10px 0;cursor:pointer;color:var(--ink)}
.guide-assumptions a{text-decoration:underline;text-underline-offset:3px}
.guide-equation-section{margin:0 0 30px}
.guide-equation-section p{font-size:14px;line-height:1.7;max-width:75ch}
.guide-equation-section .principle-equations{overflow-x:auto}
@media(max-width:800px){.guide-interactive{grid-template-columns:1fr;gap:22px}.guide-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-controls label{margin:0}.guide-calculator{padding:18px}.resource-guide .curriculum-title{display:block}.resource-guide .curriculum-title>a{display:inline-block;margin-top:14px}}
@media(max-width:460px){.guide-controls{grid-template-columns:1fr}.guide-calculator{padding:14px 8px}.guide-controls,.guide-metrics,.guide-reading,.guide-assumptions{margin-left:8px;margin-right:8px}.guide-calculator h2{margin-left:8px;font-size:16px}.guide-metrics{gap:16px}.guide-metrics>div{min-width:125px}.guide-metrics dd{font-size:17px}.guide-plot{margin-left:-8px;margin-right:-8px}}
@media(max-width:600px){.guide-plot text{font-size:22px}}