:root{--paper:#F1F3EF;--panel:#fff;--ink:#1E2A2E;--muted:#5B6B6E;--line:#DDE3DE;--teal:#3B6E71;--tealDark:#274D50;--sage:#A6C1B8;--sageLight:#E4ECE7;--gold:#B8823F}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}a{color:inherit}.wrap{width:min(1050px,calc(100% - 32px));margin:auto}header{border-bottom:1px solid var(--line);background:rgba(241,243,239,.97);position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{font-weight:800;text-decoration:none;color:var(--tealDark)}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{text-decoration:none;padding:8px 10px;border-radius:10px;color:var(--muted)}nav a:hover{background:var(--sageLight);color:var(--tealDark)}main{min-height:75vh}.hero{padding:76px 0 48px}.kicker{display:inline-block;background:var(--sageLight);color:var(--tealDark);padding:5px 10px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}h1{font-family:Georgia,serif;font-size:clamp(2.5rem,7vw,5rem);line-height:1.02;margin:16px 0}.lead{font-size:1.18rem;color:var(--muted);max-width:800px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;text-decoration:none;border-radius:12px;padding:12px 18px;font-weight:700;border:1px solid var(--teal)}.primary{background:var(--teal);color:white}.secondary{background:white;color:var(--tealDark)}.section{padding:26px 0 64px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 25px rgba(30,42,46,.06)}.card h2,.card h3{font-family:Georgia,serif;color:var(--tealDark);margin-top:0}.card p{color:var(--muted)}.tag{display:inline-block;background:var(--sageLight);color:var(--tealDark);font-size:.78rem;font-weight:700;padding:4px 8px;border-radius:8px}.note{background:#fff9ee;border-left:4px solid var(--gold);padding:14px 16px;border-radius:10px;margin-top:18px}.pagehero{padding:48px 0 20px}.pagehero h1{font-size:clamp(2.2rem,6vw,4.2rem)}footer{border-top:1px solid var(--line);padding:28px 0 44px;color:var(--muted);font-size:.9rem}@media(max-width:740px){.nav{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.hero{padding-top:48px}}


.material-section{margin-top:36px}
.material-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}
.material-section-head p{margin:0;color:var(--muted)}
.material-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.material-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 25px rgba(30,42,46,.05)}
.material-card h3{font-family:Georgia,serif;color:var(--tealDark);font-size:1.3rem;margin:8px 0 4px}
.material-card .meta{color:var(--muted);font-size:.92rem;margin:0 0 14px}
.material-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.material-actions a{display:inline-block;text-decoration:none;border:1px solid var(--teal);border-radius:10px;padding:9px 12px;font-weight:700;color:var(--tealDark);background:#fff}
.material-actions a.download{background:var(--teal);color:#fff}
.audio-wrap{margin-top:12px}
.audio-wrap audio{width:100%;height:42px}
.material-count{font-size:.85rem;color:var(--muted)}
.quicknav{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.quicknav a{background:var(--sageLight);color:var(--tealDark);text-decoration:none;font-weight:700;padding:8px 11px;border-radius:999px;font-size:.9rem}
.disclaimer{font-size:.88rem;color:var(--muted);margin-top:30px}
@media(max-width:740px){.material-list{grid-template-columns:1fr}.material-section-head{align-items:flex-start;flex-direction:column}}