:root{--ink:#17343a;--ocean:#087f8c;--deep:#07515a;--cream:#f4f0e6;--paper:#fcfbf7;--sand:#d8a550;--forest:#48785b;--line:#d8dfda}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{background:rgba(252,251,247,.96);border-bottom:1px solid rgba(23,52,58,.12);display:flex;align-items:center;justify-content:space-between;min-height:84px;padding:15px clamp(24px,6vw,88px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ocean);color:#fff}.site-header nav{display:flex;gap:28px;font-size:14px;font-weight:700}.site-header nav a:hover{color:var(--ocean)}.page-hero{min-height:450px;padding:88px clamp(24px,10vw,150px) 95px}.ocean-bg{background:linear-gradient(115deg,var(--paper) 0 68%,#d9eceb 68%)}.forest-bg{background:linear-gradient(115deg,var(--paper) 0 68%,#dfe9df 68%)}.sand-bg{background:linear-gradient(115deg,var(--paper) 0 68%,#f0e3c7 68%)}.kicker{color:var(--ocean);letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800}.page-hero h1{letter-spacing:-.05em;max-width:900px;margin:0;font:500 clamp(54px,6vw,88px)/.98 Georgia,serif}.intro{color:#50666a;max-width:760px;margin:28px 0;font-size:19px}.topic-section{background:var(--cream);padding:78px clamp(24px,8vw,120px) 105px}.syllabus-box{border:1px solid #cbd9d5;border-left:6px solid var(--ocean);background:#fff;max-width:980px;margin:0 0 50px;padding:25px 30px;box-shadow:0 10px 28px rgba(23,52,58,.06)}.syllabus-box span{color:var(--ocean);letter-spacing:.15em;font-size:10px;font-weight:900}.syllabus-box p{color:#394f53;margin:9px 0 0;font:500 20px/1.55 Georgia,serif}.topic-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.topic-intro h2{font:500 clamp(36px,4vw,54px)/1 Georgia,serif;margin:0}.myp-topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:54px}.myp-topic{background:var(--paper);border-left:3px solid var(--forest);display:grid;grid-template-columns:36px 1fr;align-items:center;gap:14px;padding:18px 20px}.myp-topic span{color:#9aaa9e;font:italic 14px Georgia,serif}.myp-topic p{margin:0;font-size:14px;font-weight:700}.lesson-stack{display:grid;gap:18px}.lesson-block{background:var(--paper);border-top:3px solid var(--ocean);display:grid;grid-template-columns:66px minmax(0,1fr);gap:26px;padding:34px}.lesson-number{color:#96aaa7;font:italic 18px Georgia,serif}.lesson-block h2{font:500 clamp(30px,3vw,44px)/1.08 Georgia,serif;margin:0 0 18px}.lesson-context{color:#42575b;max-width:900px;font-size:16px;line-height:1.75}.lesson-task,.key-ideas{background:#f8faf8;border:1px solid #dfe7e2;margin:22px 0;padding:20px 23px}.lesson-task>strong,.key-ideas>strong{display:block;color:#2b5354;text-transform:uppercase;letter-spacing:.11em;margin-bottom:9px;font-size:11px}.lesson-task ol,.lesson-task ul,.key-ideas ul{margin:0;padding-left:21px;color:#526568}.lesson-task li,.key-ideas li{margin:7px 0}.media-grid,.lesson-video-grid,.inline-embed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.media-card,.embedded-video,.embedded-document,.embedded-interactive{background:#fff;border:1px solid var(--line);overflow:hidden}.media-card iframe,.embedded-video iframe,.embedded-document iframe,.embedded-interactive iframe,.lesson-block iframe{display:block;width:100%;min-height:380px;border:0}.embedded-document iframe{min-height:560px}.media-caption,.embedded-video>div,.embedded-document>div,.embedded-interactive>div{padding:13px 16px;color:#516568;font-size:13px}.media-caption strong,.embedded-video strong,.embedded-document strong,.embedded-interactive strong{display:block;color:var(--ocean);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.resource-list{display:grid;margin-top:22px}.resource-list a,.resource-link{display:grid;grid-template-columns:115px 1fr auto;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:14px 5px;color:#50666a}.resource-list a:hover,.resource-link:hover{color:var(--ocean)}.resource-list small{color:var(--ocean);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.resource-list strong{font-size:14px}.archive-note,.migration-note{background:#fff8e8;border-left:4px solid var(--sand);padding:20px 24px;margin:26px 0;color:#66583e;font-size:14px}.case-study{background:var(--deep);color:#fff;padding:28px;margin:28px 0}.case-study p{color:#d8e8e4}.case-study h3{font:500 30px Georgia,serif;margin:8px 0}.case-study ul{columns:2}.unit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.unit-link{background:#fff;border-top:4px solid var(--ocean);min-height:180px;padding:28px;display:grid;grid-template-columns:36px 1fr auto;gap:16px}.unit-link h3{font:500 25px/1.1 Georgia,serif;margin:0 0 10px}.unit-link p{color:#617274;margin:0}.unit-link>span{color:#a2b0ad;font:italic 16px Georgia,serif}.unit-link strong{color:var(--ocean)}footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(24px,8vw,120px);color:#697b7e;font-size:12px}@media(max-width:850px){.myp-topic-list,.unit-grid,.media-grid,.lesson-video-grid,.inline-embed-grid{grid-template-columns:1fr}.lesson-block{grid-template-columns:1fr}.case-study ul{columns:1}}@media(max-width:560px){.site-header{align-items:flex-start}.site-header nav{gap:10px;font-size:12px}.page-hero,.topic-section{padding:60px 24px}.page-hero h1{font-size:48px}.myp-topic-list{grid-template-columns:1fr}.resource-list a{grid-template-columns:80px 1fr auto}.topic-intro{align-items:flex-start;flex-direction:column}}