:root{
  --blue:#071c3a; --blue2:#0c2b56; --paper:#f5ebd5; --paper2:#fff8e8; --gold:#d5a85b; --red:#9d2318; --ink:#1a1a1a; --muted:#72634d;
  --shadow:0 24px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family: Georgia, 'Times New Roman', serif;background:#06152c;color:#f6ead1;}
a{color:inherit;text-decoration:none}.visually-hidden{position:absolute;left:-9999px}.page-bg{min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(214,168,91,.18),transparent 35%),linear-gradient(180deg,#06152c,#020914 70%)}
.topbar{position:sticky;top:0;z-index:50;background:rgba(5,16,34,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(213,168,91,.25);}
.nav{max-width:1180px;margin:auto;height:72px;display:flex;align-items:center;gap:22px;padding:0 22px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.brand img{width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);object-fit:cover}.navlinks{display:flex;gap:16px;align-items:center;margin-left:auto;flex-wrap:wrap}.navlinks a,.btn{font-family:Arial, sans-serif;font-weight:700;border:1px solid rgba(213,168,91,.35);padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);transition:.2s}.navlinks a:hover,.btn:hover{background:rgba(213,168,91,.16);transform:translateY(-1px)}.btn-red{background:linear-gradient(135deg,#ac2a1c,#71170f);border-color:#c05238}.btn-gold{background:linear-gradient(135deg,#d5a85b,#8f6a2b);color:#071c3a;border:none}.container{max-width:1180px;margin:auto;padding:34px 22px}.hero-mini{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;margin-bottom:26px}.hero-title{font-size:clamp(2.4rem,6vw,5rem);line-height:.92;margin:0;text-shadow:0 2px 0 rgba(255,255,255,.15)}.hero-title span{display:block;color:#b7291c}.kicker{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.17em;color:#e3c27a;font-weight:800}.lead{font-size:1.2rem;line-height:1.6;color:#f1e2c8}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.card{background:linear-gradient(180deg,rgba(255,248,232,.98),rgba(236,220,184,.98));color:#1d1a16;border:1px solid rgba(213,168,91,.85);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;position:relative}.card-content{padding:20px}.card .num{width:42px;height:42px;border-radius:50%;background:var(--blue);color:#f6ead1;display:grid;place-items:center;font-weight:900;font-size:1.2rem;margin-bottom:12px}.card h3{font-size:1.55rem;margin:0 0 8px;color:#111}.card p{font-family:Arial,sans-serif;color:#453929;line-height:1.45}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.tag{font-family:Arial,sans-serif;color:#744f12;background:#f6e2b4;border-radius:999px;padding:6px 10px;font-weight:700;display:inline-block;font-size:.84rem}.section-title{font-size:2.6rem;margin:18px 0 16px}.panel{background:rgba(255,255,255,.045);border:1px solid rgba(213,168,91,.28);border-radius:22px;padding:22px;margin:20px 0}.image-card{cursor:zoom-in}.image-card img{display:block;width:100%;height:260px;object-fit:cover;background:#eee}.portrait-card img{height:310px;object-fit:cover;object-position:top}.bio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.bio-card{display:grid;grid-template-columns:98px 1fr;gap:16px;align-items:center;padding:16px}.bio-card img{width:98px;height:122px;object-fit:cover;border-radius:14px;border:2px solid var(--gold)}.bio-card h3{margin:0 0 6px}.bio-card small{font-family:Arial,sans-serif;color:#83672e;font-weight:800}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:200;display:none;align-items:center;justify-content:center;padding:22px}.modal.open{display:flex}.modal-box{max-width:min(1120px,96vw);max-height:92vh;background:#f5ebd5;color:#111;border-radius:18px;box-shadow:0 40px 120px #000;overflow:hidden;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#071c3a;color:#fff}.modal-head button{margin-left:auto}.modal-body{overflow:auto;padding:18px}.modal-body img{max-width:100%;display:block;margin:auto}.modal-body iframe{width:88vw;height:78vh;border:0;background:white}.close{border:0;border-radius:999px;background:#b42a1f;color:#fff;padding:8px 12px;cursor:pointer}.timeline{display:grid;gap:14px}.event{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:start}.year{font-size:1.4rem;background:#b42a1f;color:#fff;border-radius:14px;padding:12px;text-align:center;font-weight:900}.event .text{background:rgba(255,255,255,.06);border:1px solid rgba(213,168,91,.2);border-radius:14px;padding:14px}.quiz-card{max-width:820px}.answers{display:grid;gap:10px;margin-top:16px}.answer{font-family:Arial,sans-serif;text-align:left;border:1px solid rgba(213,168,91,.55);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;padding:14px;cursor:pointer}.answer.correct{background:#1d6332}.answer.wrong{background:#743020}.score{font-size:1.4rem;color:#f4d68c;font-weight:900}.footer{border-top:1px solid rgba(213,168,91,.25);margin-top:40px;padding:24px;color:#c8b89a;text-align:center;font-family:Arial,sans-serif}.home-map{min-height:100vh;background:#06152c;display:flex;justify-content:center;align-items:flex-start}.mockup-wrap{position:relative;width:min(100vw,1122px);margin:auto;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 24px 80px rgba(0,0,0,.45)}.mockup-wrap img{display:block;width:100%;height:auto}.hotspot{position:absolute;border-radius:14px;outline:2px solid transparent;transition:.2s;background:rgba(255,255,255,0)}.hotspot:hover{outline-color:rgba(239,202,123,.9);background:rgba(255,255,255,.08);box-shadow:0 0 22px rgba(213,168,91,.35)}.hotspot span{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);background:#071c3a;color:#fff;border:1px solid var(--gold);padding:6px 10px;border-radius:999px;white-space:nowrap;font:700 12px Arial;opacity:0;pointer-events:none;transition:.2s}.hotspot:hover span{opacity:1}.mobile-home{display:none;padding:18px}.pdf-frame{width:100%;height:72vh;border:0;background:white;border-radius:12px}.searchbar{width:100%;padding:14px 16px;border-radius:999px;border:1px solid rgba(213,168,91,.4);background:rgba(255,255,255,.07);color:#fff;font-size:1rem;margin:0 0 18px}.tools-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.offline-note{font-family:Arial,sans-serif;font-size:.9rem;color:#e9d0a0}.install-tip{display:none}.install-tip.show{display:inline-flex}
@media(max-width:760px){.nav{height:auto;min-height:64px;align-items:flex-start;flex-direction:column;padding:12px 16px}.navlinks{margin-left:0}.hero-mini{grid-template-columns:1fr}.mockup-wrap{display:none}.mobile-home{display:block}.home-map{align-items:stretch}.event{grid-template-columns:1fr}.modal-body iframe{width:92vw}.card-grid{grid-template-columns:1fr}.bio-card{grid-template-columns:80px 1fr}.bio-card img{width:80px;height:100px}.section-title{font-size:2rem}}

.quiz-title{color:#f6ead1}.question-title{color:#172033}.answer{background:#fffaf0;color:#172033;border-color:rgba(128,85,21,.45);font-weight:700;line-height:1.45}.answer:hover{background:#f3dfad}.answer.correct{background:#d8f1dd;color:#17361f;border-color:#2e7d45}.answer.wrong{background:#f3c8bd;color:#49170d;border-color:#a7472e}.feedback{font-family:Arial,sans-serif;color:#272018;line-height:1.55}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.reader-panel,.notes-panel{background:rgba(255,255,255,.055);border:1px solid rgba(213,168,91,.28);border-radius:18px;padding:22px}.reader-text{background:#fff8e8;color:#201912;border:1px solid rgba(213,168,91,.45);border-radius:12px;padding:26px;font-size:1.12rem;line-height:1.8}.reader-text p{margin:0 0 1.2em}.reader-text mark{background:#ffe66b;color:#16120c;padding:1px 3px;border-radius:4px}.reader-tools .btn,.notes-actions .btn{cursor:pointer}.notes-panel{position:sticky;top:92px}.notes-panel h2{margin:8px 0 6px}.notes-panel p{font-family:Arial,sans-serif;color:#ead8b7;line-height:1.45}.notes-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.notes-box{width:100%;min-height:360px;resize:vertical;border-radius:12px;border:1px solid rgba(213,168,91,.55);background:#fffaf0;color:#172033;padding:14px;font:1rem/1.55 Arial,sans-serif}.quiz-report{max-width:820px}.recovery-list{display:grid;gap:14px}.recovery-list h2{font-size:2rem;margin:12px 0 2px}.recovery-card{background:#fff8e8;color:#1d1a16;border:1px solid rgba(213,168,91,.7);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.recovery-card h3{font-size:1.35rem;margin:0 0 10px}.recovery-card p{font-family:Arial,sans-serif;line-height:1.55;color:#33291d}
@media(max-width:900px){.reader-layout{grid-template-columns:1fr}.notes-panel{position:static}.notes-box{min-height:240px}}
@media(max-width:760px){.reader-panel,.notes-panel{padding:16px}.reader-text{padding:18px;font-size:1.03rem}}

.lesson-section{padding:0 0 18px;margin:0 0 22px;border-bottom:1px solid rgba(122,82,26,.22)}.lesson-section:last-child{border-bottom:0;margin-bottom:0}.lesson-section h2{font-size:1.55rem;line-height:1.2;margin:0 0 12px;color:#7c1d14}.context-links,.timeline-links{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}.context-chip{display:inline-flex;align-items:center;min-height:34px;border:1px solid rgba(122,82,26,.32);border-radius:999px;background:#f1dfb3;color:#261d11;font:800 .88rem/1.2 Arial,sans-serif;padding:8px 11px}.context-chip:hover{background:#dcb86d}.study-paragraph{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid rgba(122,82,26,.18)}.study-paragraph:last-child{border-bottom:0}.study-paragraph p{margin:0}.study-paragraph.first p{font-size:1.16rem;font-weight:700;color:#18110a}.para-marker{width:32px;height:32px;border-radius:50%;background:#7c1d14;color:#fff;display:grid;place-items:center;font:800 .86rem Arial,sans-serif}.support-box{margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid rgba(213,168,91,.28)}.support-box h2{font-size:1.25rem;margin:8px 0 12px}.support-link{width:100%;display:block;text-align:left;border:1px solid rgba(213,168,91,.35);border-radius:12px;background:rgba(255,255,255,.06);color:#f6ead1;padding:12px;margin:8px 0;cursor:pointer}.support-link span{display:block;color:#e3c27a;text-transform:uppercase;letter-spacing:.12em;font:800 .72rem Arial,sans-serif;margin-bottom:3px}.support-link strong{font:800 .98rem/1.25 Arial,sans-serif}.support-link:hover{background:rgba(213,168,91,.15)}.vocab-panel,.lesson-check{margin-top:22px;background:#fff8e8;color:#201912;border:1px solid rgba(213,168,91,.55);border-radius:14px;padding:20px}.vocab-panel .kicker,.lesson-check .kicker{color:#8b641e}.vocab-panel h2,.lesson-check h2{margin:8px 0 16px}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.vocab-grid article{border:1px solid rgba(122,82,26,.24);border-radius:12px;background:#fffaf0;padding:14px}.vocab-grid h3{margin:0 0 8px;color:#7c1d14}.vocab-grid p,.lesson-question label,.lesson-report p{font-family:Arial,sans-serif;line-height:1.5}.lesson-questions{display:grid;gap:14px;margin:10px 0 16px}.lesson-question{border:1px solid rgba(122,82,26,.22);border-radius:12px;background:#fffaf0;padding:14px}.lesson-question h3{font-size:1.06rem;margin:0 0 10px}.lesson-question label{display:flex;gap:10px;align-items:flex-start;margin:8px 0;cursor:pointer}.lesson-question input{margin-top:3px}.lesson-report{margin-top:16px}.report-card{border:1px solid rgba(122,82,26,.28);border-radius:12px;background:#f6e8c7;padding:14px}.report-card h3{margin:0 0 8px}.mini-recovery{border-top:1px solid rgba(122,82,26,.22);margin-top:12px;padding-top:12px}.mini-recovery h4{margin:0 0 6px;color:#7c1d14}.report-ok{color:#1c5a2c}.bio-detail{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:24px;align-items:start;margin-top:18px}.bio-portrait,.bio-text-panel{background:rgba(255,255,255,.055);border:1px solid rgba(213,168,91,.28);border-radius:18px;padding:20px}.bio-portrait{position:sticky;top:92px}.bio-portrait img{width:100%;border-radius:16px;border:1px solid var(--gold);box-shadow:var(--shadow)}.bio-role{font:800 1rem/1.35 Arial,sans-serif;color:#f6e2b4;margin:14px 0}.bio-links{display:flex;gap:8px;flex-wrap:wrap}.bio-links .kicker{width:100%;margin-top:4px}.bio-text-panel p{font-size:1.11rem;line-height:1.72;color:#f5ead2;margin:0 0 1em}.bio-text-panel .bio-lead{font-size:1.24rem;color:#fff3d6}.timeline-links{margin-top:12px}
@media(max-width:900px){.bio-detail{grid-template-columns:1fr}.bio-portrait{position:static}.study-paragraph{grid-template-columns:1fr}.para-marker{margin-bottom:4px}}