:root{--guide-red:#a90808;--guide-dark:#201d18;--guide-gold:#e6b541;--guide-paper:#f3eddf}
.guide-page{background:#ece7dc;color:var(--guide-dark)}
.guide-page .topbar nav a.active{color:#9f0e0e;position:relative}
.guide-page .topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:#a90c0c}
.guide-intro{padding:76px 7vw 54px;text-align:center;background:radial-gradient(circle at 50% 0,#fffdf8 0,#f3ecdf 65%,#e8dfcf 100%);border-bottom:1px solid #d7cbbb}
.guide-intro h1{font:800 clamp(42px,6vw,76px)/1.05 "Playfair Display",serif;color:#8e0b0b;margin:14px 0 18px}
.guide-intro>p{max-width:760px;margin:0 auto;color:#665f55;line-height:1.75}
.chapter-nav{width:min(980px,100%);margin:38px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cbbdab;background:#fffaf1}
.chapter-nav a{display:flex;align-items:center;gap:14px;padding:20px;text-align:left;text-decoration:none;color:#382e27;border-right:1px solid #d8cab9;transition:.2s}
.chapter-nav a:last-child{border-right:0}.chapter-nav a:hover{background:#a70d0d;color:white}.chapter-nav b{font-size:12px;color:#b00d0d}.chapter-nav a:hover b{color:#f3c35b}.chapter-nav span{font-weight:700;font-size:13px}
.guide-slides{width:min(1500px,94vw);margin:48px auto 80px}
.guide-slide{margin:0 0 38px;background:#fff;box-shadow:0 22px 65px #2f211b26;border:1px solid #d9cdbd;aspect-ratio:16/9;overflow:hidden;scroll-margin-top:105px}
.guide-slide img{display:block;width:100%;height:100%;object-fit:cover}
.cover-slide{box-shadow:0 30px 90px #5f0d0d38}
.chapter-marker{scroll-margin-top:105px;margin:86px 0 28px;padding:28px 34px;color:white;background:linear-gradient(105deg,#8f0808,#c71912 58%,#74100c);border-bottom:7px solid var(--guide-gold);position:relative;overflow:hidden}
.chapter-marker:after{content:"";position:absolute;width:210px;height:210px;border:2px solid #efc25b55;border-radius:50%;right:-40px;top:-95px}
.chapter-marker span{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:#f1c05d;font-weight:800}.chapter-marker h2{font:800 clamp(27px,4vw,45px)/1.1 "Playfair Display",serif;margin:7px 0 0}
.back-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#990b0b;color:#fff;text-decoration:none;box-shadow:0 10px 30px #3e0a0a55;z-index:20}
@media(max-width:900px){.guide-page .topbar nav{display:flex;gap:15px;overflow-x:auto}.guide-page .topbar nav a{white-space:nowrap;font-size:12px}.guide-page .brand small{display:none}.guide-intro{padding:55px 5vw 40px}.chapter-nav{grid-template-columns:1fr}.chapter-nav a{border-right:0;border-bottom:1px solid #d8cab9}.chapter-nav a:last-child{border-bottom:0}.guide-slides{width:96vw;margin-top:28px}.guide-slide{margin-bottom:20px}.chapter-marker{margin-top:55px}}
@media(max-width:600px){.guide-page .topbar{padding:0 14px;height:68px}.guide-page .brand strong{font-size:12px}.guide-page .brand-mark{width:34px;height:34px;font-size:19px}.guide-page .topbar nav{gap:11px}.guide-page .topbar nav a:first-child,.guide-page .topbar nav a:nth-child(2){display:none}.guide-intro h1{font-size:39px}.guide-intro>p{font-size:13px}.guide-slides{width:100%;margin-bottom:45px}.guide-slide{border-left:0;border-right:0;box-shadow:0 12px 30px #2f211b20}.chapter-marker{margin:45px 10px 20px;padding:22px}.back-top{right:14px;bottom:14px}}