
:root{--burgundy:#941233;--navy:#09285f;--gold:#c99a2e;--paper:#fff;--bg:#eef1f7;--ink:#111;}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
nav{height:62px;background:#111;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10;box-shadow:0 3px 12px rgba(0,0,0,.25)}
button{background:var(--burgundy);color:#fff;border:0;border-radius:9px;padding:10px 20px;font-weight:800;cursor:pointer}
.stage{min-height:calc(100vh - 62px);display:flex;align-items:center;justify-content:center;padding:30px}
#spread{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.page{width:min(42vw,660px);aspect-ratio:8.5/11;background:white;border-radius:26px;box-shadow:0 18px 42px rgba(0,0,0,.18);overflow:hidden;border:1px solid #e2e5ed}
.paper{height:100%;padding:30px 38px 24px;display:flex;flex-direction:column;position:relative}
header,footer{display:flex;justify-content:space-between;font-size:9px;color:#697080;letter-spacing:.03em;z-index:2}
header{border-bottom:1px solid #d7dbe3;padding-bottom:8px}
footer{border-top:1px solid #d7dbe3;padding-top:8px;margin-top:auto}
main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:20px;padding-top:20px;overflow:hidden;position:relative;z-index:2}
.full main,.cover main,.part main,.review main,.summary main,.index main{display:block}
h1{font-size:30px;line-height:1.05;margin:0 0 12px;color:var(--burgundy);font-weight:900;text-transform:uppercase;letter-spacing:-.04em}
h2{font-size:22px;line-height:1.08;margin:0 0 16px;color:#111;font-weight:900;text-transform:uppercase}
h3{font-size:18px;color:var(--burgundy);margin:13px 0 6px}
p{font-size:13.2px;line-height:1.5;margin:0 0 11px}
ul,ol{font-size:12.7px;line-height:1.45}
.cover{background:radial-gradient(circle at 80% 15%,rgba(201,154,46,.35),transparent 27%),linear-gradient(135deg,#050505,#151515 55%,#76102b);color:white}
.cover .paper{justify-content:center;text-align:center}
.cover h1{font-size:56px;color:white}
.cover h2{font-size:42px;color:var(--gold)}
.gold{color:var(--gold);font-weight:900;letter-spacing:.12em}
.part{background:linear-gradient(135deg,#fff,#fbf2e3)}
.part .paper{justify-content:center;text-align:center}
.part h1{font-size:58px}
.part h2{font-size:44px;color:#111}
.part-line{font-size:20px!important;color:var(--burgundy);font-weight:800}
.part-statement{font-size:24px!important;font-weight:800;max-width:530px;margin:24px auto!important}
.opener .paper{padding:0}
.opener header,.opener footer{position:absolute;left:38px;right:38px}
.opener header{top:30px;border-color:rgba(0,0,0,.15)}
.opener footer{bottom:24px;border-color:rgba(0,0,0,.15)}
.opener main{display:block;padding:0;height:100%;}
.opener-bg{position:absolute;inset:0;background:url('assets/a_two_page_spread_presentation_slide_style_image.png') center/cover no-repeat;}
.opener-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.86) 50%,rgba(255,255,255,.2) 100%);}
.opener-content{position:relative;z-index:3;padding:86px 42px 70px;max-width:540px}
.chapter-badge{display:inline-block;background:var(--burgundy);color:white;padding:7px 14px;font-weight:900;margin:0 0 12px}
.opener h1{font-size:36px;color:#111;margin:0}
.opener h2,.opener2 h2{font-size:52px;line-height:.95;color:#111;margin:8px 0 12px;letter-spacing:-.055em}
.opener h2 span,.opener2 h2 span{font-size:28px;letter-spacing:0}
.tagline{font-size:17px!important;font-style:italic;font-weight:800;max-width:360px}
.outline{background:white;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15);margin-top:18px;max-width:390px}
.outline b{display:block;background:var(--burgundy);color:white;padding:9px 15px}
.outline ul{margin:9px 18px 14px 28px}
.opener2 main{display:grid;grid-template-columns:1fr 210px}
.opener2 h1{font-size:34px;color:#111}
.clean-opener{padding-top:10px}
.objectives main{grid-template-columns:1fr 190px}
.red-label,.blue-label{display:inline-block;background:var(--burgundy);color:white;border-radius:5px;padding:9px 15px;font-size:18px;font-weight:900;margin-bottom:10px}
.blue-label{background:var(--navy);margin-top:16px}
.blue-small{text-transform:uppercase;color:var(--navy);font-size:11px!important;font-weight:900}
.objectives-box ol{list-style:none;counter-reset:item;padding:0;margin:0}
.objectives-box li{position:relative;padding-left:34px;margin:0 0 9px;font-size:12.1px;font-weight:700;line-height:1.35}
.objectives-box li:before{counter-increment:item;content:counter(item);position:absolute;left:0;top:-1px;background:var(--burgundy);color:white;border-radius:4px;width:22px;height:22px;line-height:22px;text-align:center;font-weight:900}
.terms{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px 12px;font-size:10.1px;font-weight:800}
.fig{margin:0 0 14px}
.fig img{width:100%;display:block;border-radius:8px;object-fit:contain;box-shadow:0 5px 14px rgba(0,0,0,.12)}
.fig.full img{height:260px;object-fit:cover}
.fig.half img{height:220px}
.fig.quarter img{height:145px}
figcaption{font-size:9px;line-height:1.25;color:#4f5765;margin-top:6px}
.blank{border:2px dashed #aeb7c8;border-radius:9px;min-height:145px;background:#fbfcff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#77808f;font-size:10px;text-align:center;padding:12px}
.fig.half .blank{min-height:220px}
.fig.full .blank{min-height:260px}
.blank span{font-size:9px;margin-top:6px}
.insight,.action{background:#fff8e8;border-left:6px solid var(--gold);padding:13px 16px;margin:16px 0;font-size:14px;line-height:1.45}
blockquote{background:#fff8e8;border-left:6px solid var(--gold);font-weight:900;font-size:16px;line-height:1.35;margin:18px 0;padding:18px}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.comparison>div{border:1px solid #d6d9e1;border-radius:14px;background:#fbfcff;padding:14px}
.worksheet-box{border:2px solid var(--burgundy);border-radius:14px;padding:18px}
.lines{height:54px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 17px,#d7d7d7 18px);margin:8px 0 16px}
.discussion{background:#eef4ff;border-left:6px solid var(--navy);padding:12px;margin-top:10px}
.knowledge li,.summary-list li{font-size:14px;margin-bottom:10px}
.index-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ddd;padding:11px 0;font-size:13px}
.index-row small{font-size:10.5px;color:#555d69}
@media(max-width:1150px){#spread{grid-template-columns:1fr}.page{width:92vw}}
@media print{nav{display:none}.stage{display:block;padding:0}#spread{display:block}.page{width:8.5in;height:11in;border-radius:0;box-shadow:none;border:0;page-break-after:always}}
