:root{--paper:#f6f2eb;--ink:#29232a;--muted:#716971;--plum:#4d3346;--line:#ddd5cd;--accent:#715069;--white:#fffdfa;--good:#225943;--bad:#86503e;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8a597d;outline-offset:4px}button{min-height:46px}img{display:block;width:100%;height:auto}.skip{position:fixed;top:-80px;left:16px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px max(28px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:20px;white-space:nowrap}.brand>span{font:38px/1 var(--serif)}.brand small{font:20px var(--serif);color:#925f4e;border-left:1px solid var(--line);padding-left:20px}.site-header nav{display:flex;gap:30px}.site-header nav a:hover{color:#8a597d}.header-note{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}main{max-width:1320px;margin:auto;padding:30px 28px 70px}.hero{position:relative;overflow:hidden;border-radius:14px;background:#29222b;isolation:isolate;color:#fff9f1;min-height:370px;display:flex;align-items:center}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,22,32,.88),rgba(34,22,32,.45) 55%,rgba(34,22,32,.05));z-index:-1}.hero-content{padding:42px 46px;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:600}.hero h1{font:clamp(34px,4vw,62px)/1.08 var(--serif);font-weight:400;margin:17px 0 19px;letter-spacing:-1px}.hero p{max-width:460px;color:#e1d7dd;margin:0}.hero .text-link{display:inline-block;margin-top:24px;color:#fff3e5;border-bottom:1px solid #bca48e;padding:5px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:40px 0 22px}.section-head h2{font:36px/1.2 var(--serif);margin:5px 0 0;font-weight:400}.section-head p{margin:0;color:var(--muted)}.search{position:relative;min-width:280px}.search input{width:100%;background:transparent;border:1px solid var(--line);border-radius:7px;padding:12px 16px;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.paragraph-card{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.paragraph-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #392c3510}.card-image{height:185px;position:relative;overflow:hidden}.card-image img{height:100%;object-fit:cover;object-position:70%}.card-number{position:absolute;left:16px;top:14px;padding:3px 10px;background:#fff9efed;border-radius:3px;font:23px var(--serif);color:var(--accent)}.card-body{padding:22px 24px;display:flex;flex-direction:column;flex:1}.card-body h3{font:25px/1.2 var(--serif);font-weight:400;margin:5px 0 12px;min-height:60px}.card-body>p{color:var(--muted);font-size:14px;margin:0 0 17px}.card-meta{margin-top:auto;font-size:12px;color:var(--accent)}.card-status{font-size:12px;min-height:22px;color:var(--muted);margin:5px 0 10px}.card-link{display:flex;align-items:center;justify-content:space-between;color:var(--accent);border-top:1px solid var(--line);padding-top:15px;margin-top:5px}.card-link b{font-weight:500}.empty{color:var(--muted);padding:20px}.home-note{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:13px;color:var(--muted)}.back{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--muted);font-size:14px;margin-bottom:15px}.lesson-hero{min-height:295px}.lesson-hero h1{font-size:clamp(30px,3.5vw,50px);max-width:760px}.lesson-hero .hero-content{max-width:870px}.lesson-hero p{max-width:620px}.lesson-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:38px;margin-top:32px}.lesson-nav{position:sticky;top:22px;align-self:start}.lesson-nav h2{font:21px var(--serif);font-weight:400;margin:0 0 17px}.lesson-nav a{display:block;padding:12px 15px;border-left:1px solid var(--line);font-size:14px}.lesson-nav a:hover{border-left:2px solid var(--accent);color:var(--accent)}.nav-caption{font-size:12px;margin:25px 15px;color:var(--muted)}.lesson-main{min-width:0}.lesson-main h2{font:30px/1.2 var(--serif);font-weight:400;margin:0 0 13px}.lesson-main section{scroll-margin-top:28px}.video-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.video-tabs button{padding:8px 17px;background:transparent;border:1px solid var(--line);border-radius:5px;text-align:left;font-size:14px}.video-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.video-screen{position:relative;aspect-ratio:16/9;background:#211b22;overflow:hidden;border-radius:8px;color:white;display:grid;place-items:center}.video-screen .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.video-screen video,.video-screen iframe{width:100%;height:100%;position:relative;border:0;display:block}.play-button{position:relative;z-index:1;background:#ffffffeb;color:var(--ink);border:0;border-radius:6px;padding:15px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 15px #0003}.play-icon{font-size:23px}.video-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px;font-size:12px;color:var(--muted)}.video-caption a{text-decoration:underline;text-underline-offset:3px}.video-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.small-button{border:1px solid var(--line);background:var(--white);border-radius:5px;padding:9px 17px;font-size:13px;color:var(--ink)}.status{font-size:12px;color:var(--good)}.pending{position:relative;max-width:75%;text-align:center;padding:20px;background:#211b22dd;border-radius:8px}.pending h3{font:24px var(--serif);margin:0 0 10px}.pending p{font-size:14px;color:#e3d8df}.pending a{display:inline-block;border-bottom:1px solid #e3d8df;padding:3px}.key-idea{margin:25px 0 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:color-mix(in srgb,var(--accent) 8%,var(--white));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:8px;padding:22px 25px}.key-idea small{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}.key-idea p{margin:5px 0 0;font-size:17px}.key-idea .book-mark{font:italic 28px var(--serif);color:var(--accent)}.practice-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.practice-head h2{margin:0}.practice-head p{font-size:13px;color:var(--muted);margin:5px 0 0}.progress-wrap{text-align:right;font-size:12px;color:var(--muted);min-width:140px}.progress-wrap progress{display:block;width:140px;height:6px;accent-color:var(--accent);margin-bottom:6px}.question{background:var(--white);border:1px solid var(--line);border-radius:9px;margin-bottom:22px;padding:25px 28px;position:relative}.question-top{display:flex;justify-content:space-between;gap:12px;color:var(--accent);font-size:10px;letter-spacing:1.3px;text-transform:uppercase}.question h3{font:23px/1.35 var(--serif);font-weight:400;margin:16px 0 20px}.options{display:grid;gap:10px}.option{width:100%;text-align:left;background:transparent;border:1px solid var(--line);border-radius:5px;padding:12px 15px;color:var(--ink);display:flex;align-items:center;gap:12px;font-size:15px}.option .circle{display:grid;place-items:center;border:1px solid #bfb2bd;border-radius:50%;flex:0 0 23px;height:23px;font-size:10px;color:var(--muted)}.option:hover{border-color:var(--accent);background:#f5eff3}.option[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,white)}.option[aria-pressed=true] .circle{background:var(--accent);border-color:var(--accent);color:white}.feedback{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.feedback-title{font:20px var(--serif);margin:0 0 15px}.feedback article{padding:15px 18px;border-left:3px solid var(--bad);background:#f6ece5;margin-bottom:10px;border-radius:3px}.feedback article.correct{background:#edf3eb;border-color:var(--good)}.feedback b{display:block;font-weight:600;font-size:14px;color:var(--bad)}.feedback .correct b{color:var(--good)}.feedback p{font-size:14px;line-height:1.65;margin:5px 0 0}.your-choice{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:1px;margin-left:8px}.book-section{margin-top:42px}.book-block{background:#fffcf6;border:1px solid var(--line);margin-top:12px;border-radius:6px}.book-block summary{cursor:pointer;padding:17px 22px;font:20px var(--serif);list-style-position:inside}.book-block p{margin:0;padding:0 22px 22px;font-size:15px}.book-block summary::marker{color:var(--accent)}.source-link{font-size:13px;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.source-link a{text-decoration:underline}.sources{padding:20px 0 0;font-size:12px;color:var(--muted)}.next-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;border-top:1px solid var(--line);margin-top:36px}.next-nav a{font-size:14px;max-width:45%;color:var(--accent)}.about{max-width:760px;margin:40px auto}.about h1{font:45px var(--serif);font-weight:400}.about h2{font:25px var(--serif);font-weight:400;margin-top:30px}.about p{color:var(--muted)}.loading{padding:40px;text-align:center}footer{display:flex;justify-content:space-between;gap:20px;max-width:1320px;margin:auto;border-top:1px solid var(--line);padding:24px 28px;font-size:11px;color:var(--muted)}.media-error{position:absolute;inset:auto 10px 10px;background:#fff3e8;color:#543e36;padding:8px 15px;font-size:13px;border-radius:5px}.exercise-list{display:grid;gap:10px}.exercise{border:1px solid var(--line);padding:17px 22px;border-radius:7px;background:var(--white)}.exercise summary{cursor:pointer;font-size:15px}.exercise p{font-size:14px}.exercise .solution{padding-top:12px;border-top:1px solid var(--line);color:var(--good)}@media(min-width:1450px){.hero{min-height:415px}.card-image{height:200px}}@media(max-width:1000px){.header-note{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:170px minmax(0,1fr);gap:24px}.hero-content{padding:35px}.card-body h3{min-height:0}.lesson-nav a{padding:10px}.card-image{height:195px}}@media(max-width:700px){html{scroll-padding-top:20px}.site-header{padding:19px 20px;gap:16px}.brand{gap:12px}.brand>span{font-size:30px}.brand small{font-size:16px;padding-left:12px}.site-header nav{gap:16px;font-size:12px}main{padding:18px 16px 45px}.hero{min-height:420px;border-radius:8px;align-items:end}.hero>img{object-position:65%}.hero:after{background:linear-gradient(0deg,rgba(30,22,31,.97),rgba(30,22,31,.63) 55%,rgba(30,22,31,.05))}.hero-content{padding:28px 25px}.hero h1{font-size:43px;letter-spacing:-.6px;max-width:330px}.hero p{font-size:14px}.hero .text-link{font-size:14px}.section-head{flex-direction:column;align-items:stretch;gap:18px;margin:30px 0 20px}.section-head h2{font-size:31px}.section-head p{font-size:13px}.search{min-width:0}.grid{grid-template-columns:1fr;gap:19px}.card-image{height:200px}.card-body{padding:20px}.card-body h3{font-size:26px;margin-top:4px}.card-body>p{font-size:14px}.home-note{display:block;font-size:12px}.home-note span{display:block;margin-bottom:8px}.lesson-hero{min-height:330px}.lesson-hero h1{font-size:32px;max-width:100%;letter-spacing:-.4px}.lesson-layout{display:block;margin-top:20px}.lesson-nav{position:static;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:12px}.lesson-nav h2,.nav-caption{display:none}.lesson-nav>div{display:flex;flex-wrap:wrap;gap:5px}.lesson-nav a{border:0;padding:7px 10px;font-size:12px;min-height:40px}.lesson-nav a:hover{border:0;background:white}.video-tabs{gap:6px}.video-tabs button{padding:8px 11px;font-size:12px;flex:1;min-width:120px}.video-screen{border-radius:6px}.play-button{font-size:13px;padding:12px 16px}.video-caption{align-items:start;font-size:11px}.video-actions{margin:13px 0}.key-idea{padding:18px 20px;margin:20px 0 30px;gap:12px}.key-idea p{font-size:16px;overflow-wrap:anywhere}.key-idea .book-mark{display:none}.practice-head{align-items:start;gap:10px}.lesson-main h2{font-size:26px}.practice-head p{font-size:12px}.progress-wrap{min-width:90px;font-size:10px}.progress-wrap progress{width:90px}.question{padding:21px 18px;margin-bottom:18px}.question h3{font-size:22px;margin:14px 0 17px}.question-top{font-size:9px;letter-spacing:.9px}.option{padding:12px;font-size:14px;gap:10px;overflow-wrap:anywhere}.feedback article{padding:12px 14px}.feedback p{font-size:13px}.feedback b{font-size:13px}.book-block summary{font-size:19px;padding:16px 18px}.book-block p{font-size:14px;padding:0 18px 18px}.pending{max-width:92%;padding:10px 15px}.pending h3{font-size:19px}.pending p{font-size:11px;margin:5px 0}.pending a{font-size:12px}.next-nav a{font-size:12px}.back{font-size:13px;margin:0 0 12px}.about h1{font-size:34px}footer{display:block;padding:22px 20px}footer span{display:block;margin-bottom:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.paragraph-card{transition:none}}@media print{.site-header,.lesson-nav,.video-screen,.video-tabs,.video-actions,footer,.back,.next-nav{display:none}.lesson-layout{display:block}.hero{min-height:auto;background:white;color:black}.hero img,.hero:after{display:none}.hero p{color:black}.hero-content{padding:10px}.feedback{display:block}.question{break-inside:avoid}}
@media(min-width:1050px){.question:has(.feedback:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px}.question:has(.feedback:not([hidden])) .question-top,.question:has(.feedback:not([hidden])) h3{grid-column:1/-1}.question:has(.feedback:not([hidden])) .options{align-content:start}.question:has(.feedback:not([hidden])) .feedback{border-top:0;border-left:1px solid var(--line);margin-top:0;padding:0 0 0 24px}.feedback-title{font-size:18px}}