/* Reading layout: one maintained shell; lesson content and diagrams are unchanged. */
:root{--paper:#f1f0e9;--ink:#102b35;--teal:#347f80;--line:#cbd0c8;--muted:#536463}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:var(--font);color:#173247;background:#f4f3ed;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a77430;outline-offset:4px}h1,h2,h3,p{margin:0}.reading-skip{position:fixed;left:15px;top:-100px;padding:10px 20px;background:#173247;color:white;z-index:30}.reading-skip:focus{top:10px}.reading-header{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 40px;background:rgba(244,243,237,.98);border-bottom:1px solid #d8dcd5;font-size:14px}.reading-header strong{color:#256e70}.reading-layout{display:grid;grid-template-columns:230px minmax(0,1100px);gap:48px;max-width:1460px;margin:0 auto;padding:56px 40px 80px}.reading-sidebar{position:sticky;top:104px;align-self:start;max-height:calc(100dvh - 130px);overflow:auto;padding-right:10px;font-size:14px}.reading-sidebar>p{font-size:12px;letter-spacing:.07em;color:#256e70;margin-bottom:16px}.reading-sidebar nav{display:grid;gap:2px}.reading-sidebar nav a{display:block;padding:10px 12px}.reading-sidebar nav a[aria-current]{background:#173247;color:#fff}.reading-outline{margin-top:30px;border-top:1px solid #d8dcd5;padding-top:16px}.reading-outline summary{font-weight:700;cursor:pointer;margin-bottom:10px}.reading-outline nav a{padding:7px 0;color:#556466}.print-button{border:1px solid #a9b9b4;color:#173247;background:transparent;padding:9px 12px;margin-top:24px}.reading-main{min-width:0}.reading-title{padding-bottom:34px;border-bottom:1px solid #d8dcd5;margin-bottom:30px}.reading-title>p:first-child{font-size:12px;letter-spacing:.08em;color:#256e70}.reading-title h1{font-size:clamp(28px,3vw,42px);line-height:1.4;margin:12px 0 15px;letter-spacing:-.045em}.reading-title>p{color:#5b6668}.reading-source{display:inline-block;font-size:14px;border-bottom:1px solid #738581;margin-top:15px}.lesson-content{min-width:0;font-size:16px;line-height:1.85}.lesson-content>div{max-width:100%!important}.lesson-content .cb-wrap{font-family:var(--font)}.lesson-content [id]{scroll-margin-top:100px}.lesson-content table{border-collapse:collapse}.reading-table{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;margin-block:6px}.reading-table table{min-width:480px;width:100%}.lesson-content .reading-table .reading-table{overflow:visible}.lesson-content [style*="font-size:12px"],.lesson-content [style*="font-size:13px"],.lesson-content [style*="font-size:14px"],.lesson-content [style*="font-size: 13px"]{font-size:16px!important;line-height:1.85!important}.lesson-content .cb-hero h2{font-size:25px;line-height:1.4}.lesson-content .cb-table,.lesson-content .cb-note,.lesson-content .cb-callout,.lesson-content .cb-sub{font-size:15px}.lesson-content figure{margin-inline:0}.lesson-content svg{display:block;max-width:100%;height:auto}.lesson-content h2,.lesson-content h3{scroll-margin-top:100px}.reading-footer{margin-top:45px;padding-top:25px;border-top:1px solid #d8dcd5;display:flex;flex-wrap:wrap;gap:20px;align-items:center;font-size:14px}.reading-footer p{width:100%;color:#5b6668}.reading-next{background:#173247;color:white;padding:12px 20px}.reading-footer>a:last-child{margin-left:auto}
@media(max-width:1100px){.reading-layout{grid-template-columns:195px minmax(0,1fr);gap:28px;padding-inline:24px}.reading-header{padding-inline:24px}}
@media(max-width:780px){html{scroll-padding-top:85px}.reading-header{height:64px;padding-inline:20px;font-size:12px}.reading-layout{display:block;padding:26px 18px 60px}.reading-sidebar{position:static;max-height:none;overflow:visible;padding:0;margin-bottom:30px}.reading-sidebar>nav{grid-template-columns:1fr 1fr;gap:5px}.reading-sidebar>nav a{font-size:13px;border:1px solid #d8dcd5;padding:9px}.reading-outline{margin-top:18px;padding-top:12px}.reading-outline nav{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.print-button{margin-top:10px;font-size:13px}.reading-title{margin-bottom:20px;padding-bottom:22px}.lesson-content [style*="padding:18px"],.lesson-content [style*="padding:20px"]{padding:16px!important}.lesson-content .cb-hero,.lesson-content .cb-card{padding:16px}.lesson-content .cb-grid{grid-template-columns:1fr!important}.lesson-content [style*="grid-template-columns"]{grid-template-columns:1fr!important}.reading-footer>a:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{html{scroll-padding-top:0}.reading-header,.reading-sidebar,.reading-skip,.reading-source,.reading-footer{display:none}.reading-layout{display:block;padding:0}.reading-page{background:#fff;color:#000;font-size:11pt}.reading-table{overflow:visible}.reading-table table{min-width:0}.reading-title{padding-bottom:14px;margin-bottom:15px}.lesson-content [style*="font-size"]{font-size:11pt!important}.lesson-content .cb-card{box-shadow:none}table,figure{break-inside:avoid}a{text-decoration:none}}

.reading-page{background:var(--paper);color:var(--ink);font-family:var(--font)}
.reading-page[data-lesson="color-planning"]{--lesson-accent:#9a604a}
.reading-page[data-lesson="color-strategy"]{--lesson-accent:#556ea0}
.reading-page[data-lesson="color-management"]{--lesson-accent:#307f80}
.reading-page[data-lesson="color-production"]{--lesson-accent:#776481}
.reading-header{background:#061522;color:#e5efea;border-top:4px solid var(--lesson-accent);border-bottom-color:#ffffff26;min-height:72px;height:auto;padding-block:10px}
.reading-header .reading-brand{display:inline-flex;align-items:center;gap:11px;color:#e5efea;min-height:44px;flex-shrink:0}
.reading-brand img{width:36px;height:36px;flex:0 0 36px}
.reading-brand>span{display:block;font-family:var(--font);font-size:.75rem;letter-spacing:.06em;line-height:1.3}
.reading-brand strong{display:block;font-size:1rem;color:#a5e2d0;letter-spacing:-.025em;margin-top:2px}
.reading-header>a:last-child{display:flex;align-items:center;min-height:44px;font-size:.875rem;font-weight:600;color:#c2d7d0}
.reading-title{background:#e1e7dc;border:0;border-top:3px solid var(--lesson-accent);padding:34px 38px 36px;margin-bottom:36px}
.reading-title h1{font-family:var(--font-display);font-size:clamp(1.875rem,3.8vw,3.0625rem);font-weight:600;line-height:1.5;letter-spacing:-.06em}
.reading-title>p:first-child{letter-spacing:.1em;font-size:.75rem;color:#3e5e50}
.reading-title>p:not(:first-child){color:#4f645a;font-size:1rem;line-height:1.9}
.reading-source{display:inline-flex;align-items:center;font-size:.875rem;min-height:44px;padding-top:12px}
.reading-sidebar>p{font-size:.75rem;letter-spacing:.1em}
.reading-sidebar nav a{display:flex;align-items:center;font-size:.875rem;min-height:46px;line-height:1.75}
.reading-sidebar>nav a[aria-current]{background:#102f37;border-color:#102f37;color:#e3f2ea}
.reading-sidebar .reading-outline nav a{font-size:.875rem;min-height:46px;line-height:1.75}
.reading-outline summary{font-size:.875rem;min-height:46px;padding-block:10px;color:#315f4c}
.print-button{font-size:.875rem;min-height:46px;border-color:#8ca596;border-radius:0;background:#e1e7dc}
.reading-next{display:inline-flex;align-items:center;background:#102f37;color:#e3f2ea;min-height:46px}
.reading-footer a{display:inline-flex;align-items:center;min-height:46px}
.reading-page :where(a,button,summary,[tabindex="0"]):focus-visible{outline:3px solid #b76927;outline-offset:4px;box-shadow:0 0 0 2px #fffefa}
.reading-page main:focus{outline:none}
@media(max-width:780px){
 .reading-header{position:static;min-height:68px;padding:10px 20px;gap:12px;flex-wrap:wrap}.reading-header .reading-brand{gap:8px}.reading-brand img{width:31px;height:31px;flex-basis:31px}.reading-brand strong{font-size:.9375rem}.reading-header>a:last-child{font-size:.875rem}
 .reading-title{padding:25px 22px 28px;margin-bottom:28px}.reading-title h1{font-size:2.125rem;line-height:1.5;margin-block:10px 16px}.reading-title>p:not(:first-child){font-size:1rem}.reading-layout{padding-top:26px}.reading-sidebar>nav{gap:6px}.reading-sidebar>nav a{padding:10px;font-size:.875rem}.reading-sidebar .reading-outline nav a{font-size:.875rem}
}
@media(max-width:360px){.reading-title{padding:23px 18px}.reading-title h1{font-size:1.875rem}.reading-header{padding-inline:18px}.reading-outline nav{grid-template-columns:1fr}}
@media(max-height:600px){.reading-sidebar{position:static;max-height:none}.reading-header{position:static}}
@media(forced-colors:active){.reading-page :where(a,button,summary,[tabindex="0"]):focus-visible{outline-color:Highlight;box-shadow:none}}
@media print{.reading-header,.reading-source{display:none}.reading-title{padding:0 0 14px;background:white;border:0}.reading-page{background:white;color:black}.reading-title>p:not(:first-child){font-size:11pt}}