:root{--bg:#f4f1e9;--paper:#fffdf8;--ink:#26342d;--muted:#68756e;--green:#234438;--green2:#6b8f71;--gold:#b58a45;--line:#dfe5df;--warn:#fff2dc;--shadow:0 16px 45px rgba(30,48,39,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,#edf3ee 0,transparent 34%),var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.75}a{color:inherit}.hero{min-height:82vh;display:grid;place-items:center;padding:54px 22px;background:linear-gradient(135deg,#10251c 0%,#284d3f 58%,#6f8f71 100%);color:white;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.06)}.hero:before{width:420px;height:420px;right:-160px;top:-120px}.hero:after{width:300px;height:300px;left:-90px;bottom:-130px}.hero-grid{width:min(1180px,100%);display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;position:relative;z-index:2}.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#e0c990;font-size:.82rem}h1{font-family:Georgia,serif;font-size:clamp(3rem,7vw,6rem);line-height:.98;margin:.3em 0 .25em;max-width:800px}.lead{font-size:clamp(1.05rem,2vw,1.3rem);max-width:720px;color:#e7eee9}.hero-quote{border-left:4px solid #e0c990;padding:10px 0 10px 20px;margin:28px 0;font-family:Georgia,serif;font-size:1.15rem}.hero img{width:100%;filter:drop-shadow(0 30px 35px rgba(0,0,0,.24))}.cta{display:inline-flex;align-items:center;gap:10px;background:#f2dfaa;color:#173126;text-decoration:none;font-weight:800;padding:14px 22px;border-radius:999px}.layout{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:34px;padding:46px 0 80px}.toc{position:sticky;top:20px;align-self:start;background:rgba(255,253,248,.94);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow);max-height:calc(100vh - 40px);overflow:auto}.toc h2{font-size:1rem;margin:0 0 12px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}.toc a{display:block;text-decoration:none;padding:10px 8px;border-bottom:1px solid #edf0ed;font-size:.9rem;color:#4b5d53}.toc a:hover{background:#edf3ee;color:#173126;border-radius:9px}main{min-width:0}.content-card{background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:clamp(24px,5vw,54px);margin-bottom:28px;box-shadow:var(--shadow);overflow:hidden}.section-kicker{font-weight:900;color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.76rem}.content-card h2{font-family:Georgia,serif;font-size:clamp(1.9rem,4vw,3.15rem);line-height:1.14;margin:.25em 0 .75em;color:var(--green)}.content-card h3{color:var(--green);font-size:1.18rem;margin:1.8em 0 .45em;padding-left:14px;border-left:4px solid var(--gold)}.content-card p{font-size:1.04rem;margin:0 0 1.18em}.section-image{width:100%;max-height:420px;object-fit:cover;border-radius:20px;margin:0 0 30px;border:1px solid var(--line)}blockquote{margin:28px 0;padding:22px 25px;background:#eef4ef;border-left:5px solid var(--green2);border-radius:0 16px 16px 0;font-family:Georgia,serif;font-size:1.22rem;color:#2e4b3d}ul,ol{padding-left:24px}li{margin:.65em 0}.warning{background:linear-gradient(180deg,#fffdf8,#fff7e9);border-color:#ead1a6}.practice{background:linear-gradient(180deg,#f9fffa,#eef6f0);border-color:#bed2c2}.summary-section{background:linear-gradient(135deg,#17372b,#315846);color:#f4f7f4}.summary-section h2,.summary-section .section-kicker{color:#f0d697}.summary-section p{color:#e8efea}.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.checklist label{display:flex;gap:12px;align-items:flex-start;background:white;border:1px solid var(--line);padding:14px;border-radius:14px}.checklist input{width:20px;height:20px;margin-top:4px;accent-color:var(--green)}.chapter-nav{display:flex;justify-content:space-between;gap:14px;margin-top:28px}.chapter-nav a{flex:1;text-align:center;text-decoration:none;background:var(--green);color:white;padding:14px;border-radius:14px;font-weight:800}.source-list a{word-break:break-word;color:#315846}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portal-card{display:block;text-decoration:none;background:white;border:1px solid var(--line);padding:22px;border-radius:18px;box-shadow:var(--shadow)}.portal-card strong{display:block;color:var(--green);font-family:Georgia,serif;font-size:1.35rem;margin-bottom:8px}footer{background:#10251c;color:#dce7df;text-align:center;padding:36px 20px}.top-button{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;text-decoration:none;box-shadow:var(--shadow);z-index:5}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero img{max-width:640px;margin:auto}.layout{grid-template-columns:1fr}.toc{position:relative;top:auto;max-height:none}.checklist,.portal-grid{grid-template-columns:1fr}}
@media(max-width:560px){.hero{padding:42px 18px;min-height:auto}.hero-grid{gap:24px}h1{font-size:3rem}.layout{width:min(100% - 20px,1180px);padding-top:22px}.content-card{border-radius:18px;padding:24px 19px}.content-card h2{font-size:2rem}.chapter-nav{flex-direction:column}}
@media print{.toc,.top-button,.cta,.chapter-nav{display:none}.layout{display:block;width:100%}.content-card{box-shadow:none;break-inside:avoid}.hero{min-height:auto;color:#111;background:#fff}}