:root{--papyrus:#f5e4bc;--gold:#b88335;--ink:#43230f;--blue:#246775;--terra:#a94d2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;background:#9b703b;background-image:radial-gradient(#f1cb8c33 1px,transparent 1px);background-size:13px 13px}.page{max-width:1420px;margin:14px auto;min-height:calc(100vh - 28px);padding:clamp(16px,3vw,44px);background:radial-gradient(ellipse at 40% 10%,#fff4d6 0,#f0d8a9 62%,#e7c88d 100%);border:double 10px #af7a31;outline:2px solid #d6af63;outline-offset:-19px;box-shadow:0 10px 50px #2d170c88}.header{text-align:center}.ornament{font-size:26px;color:var(--gold);letter-spacing:12px}.eyebrow{font-family:Arial,sans-serif;font-size:13px;letter-spacing:2px;font-weight:800;color:var(--blue)}h1{font-size:clamp(34px,5vw,72px);line-height:1.03;margin:12px 0;color:#341706}h2{font-size:clamp(27px,3.4vw,43px);margin:8px 0 16px}.subtitle{font:700 clamp(17px,2.1vw,27px) Arial,sans-serif;letter-spacing:1px;color:var(--blue);margin:10px 0 19px}.divider{height:3px;background:linear-gradient(90deg,transparent,#a66b24,transparent);margin:20px auto 27px;max-width:940px}.lead{max-width:930px;text-align:center;margin:0 auto 30px;font:clamp(17px,1.55vw,23px)/1.5 Arial,sans-serif}.screen h2{text-align:center}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic{cursor:pointer;border:3px solid #b78339;border-radius:16px;overflow:hidden;background:#eac58c;color:var(--ink);text-align:left;padding:0;box-shadow:0 4px 10px #4b291c33;transition:transform .16s ease,box-shadow .16s ease;font-family:inherit}.topic:hover{transform:translateY(-5px);box-shadow:0 12px 23px #4b291c55}.topic:focus-visible,.nav-btn:focus-visible,.choice:focus-visible,.reset:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.topic img{width:100%;height:clamp(245px,27vw,385px);display:block;object-fit:cover}.topic-body{display:flex;align-items:center;flex-direction:column;padding:20px 14px;gap:10px;text-align:center}.topic strong{font-size:clamp(21px,2.1vw,29px)}.topic small{font:clamp(15px,1.3vw,19px)/1.4 Arial,sans-serif}.topic em{font:bold 14px Arial,sans-serif;color:#155869;font-style:normal}.foot-intro{text-align:center;font:700 17px Arial,sans-serif;color:#735026;margin:30px 0}.hidden{display:none!important}.detail-top,.bottom-nav{display:flex;justify-content:space-between;align-items:center;gap:12px}.counter{font:bold 16px Arial,sans-serif;color:var(--blue)}.nav-btn,.reset{background:#f0d2a0;border:2px solid var(--gold);border-radius:11px;color:var(--ink);font:700 16px Arial,sans-serif;padding:13px 19px;cursor:pointer}.nav-btn:hover,.reset:hover{background:#e6b773}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:29px;margin:22px 0}.visual>img{width:100%;max-height:660px;object-fit:cover;aspect-ratio:1/1;border:4px solid #bc8739;border-radius:14px;display:block}.curiosity{background:#f0d39c;border-left:6px solid var(--terra);padding:18px 22px;margin-top:17px;border-radius:9px}.curiosity strong{font:800 17px Arial,sans-serif;color:var(--terra)}.curiosity p{font:18px/1.5 Arial,sans-serif;margin:8px 0 0}.content h2{text-align:left;font-size:clamp(29px,3vw,42px)}.description p{font:clamp(17px,1.35vw,21px)/1.58 Arial,sans-serif;margin:0 0 16px}.activity{background:#f5dfb5;border:2px solid #ca9c55;border-radius:14px;padding:20px;margin:22px 0}.activity h3{font-size:clamp(23px,2vw,30px);margin:10px 0}.activity>p{font:17px/1.45 Arial,sans-serif}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{border:2px solid #a97c38;background:#fff2d2;padding:17px 12px;border-radius:10px;color:var(--ink);font:700 17px Arial,sans-serif;cursor:pointer;min-height:58px}.choice:hover{background:#e9c991}.choice:disabled{opacity:.8;cursor:default}.choice.correct{border-color:#287056;background:#d6e7c6}.choice.wrong{border-color:#a94d2b;background:#f9d4c0}.feedback{min-height:30px;font-weight:700!important;color:#1e5964}.reset{margin-top:3px}.bottom-nav{margin:15px 0 35px}footer{text-align:center;border-top:2px solid #bd8b47;padding:22px 0 5px;font:700 13px Arial,sans-serif;letter-spacing:1px}footer span{color:var(--gold)}@media(max-width:850px){.cards{grid-template-columns:1fr}.topic{display:grid;grid-template-columns:40% 60%}.topic img{height:100%;min-height:200px}.detail-grid{grid-template-columns:1fr}.visual>img{max-height:430px;aspect-ratio:16/10}.page{border-width:5px;outline-offset:-10px}.lead{text-align:left}}@media(max-width:500px){.page{margin:0;padding:19px 14px}.topic{grid-template-columns:1fr}.topic img{height:250px}.choice-grid{grid-template-columns:1fr}.detail-top{flex-wrap:wrap}.nav-btn{font-size:14px;padding:12px}.curiosity p,.description p{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic{transition:none}.topic:hover{transform:none}}