[hidden]{display:none!important}

.guide-shell{
  position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:0 auto;
  padding:150px 0 84px;color:#eee8dc
}
.guide-crumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:36px;color:#a89d8d;font:12px/1.5 "IBM Plex Mono",monospace;letter-spacing:.04em}
.guide-crumbs a,.guide-shell a{color:#e2bd77;text-decoration:none}
.guide-crumbs a:hover,.guide-shell a:hover{text-decoration:underline;text-underline-offset:4px}
.guide-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:72px;align-items:center;padding:38px 0 70px;border-bottom:1px solid rgba(226,189,119,.22)}
.guide-hero h1,.atlas-shell h1{max-width:760px;margin:8px 0 18px;font:600 clamp(45px,7vw,88px)/.96 "Cormorant Garamond",serif;letter-spacing:-.025em}
.guide-lede{max-width:760px;color:#cfc4b3;font:clamp(19px,2vw,25px)/1.55 "Cormorant Garamond",serif}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.guide-map{margin:0;padding:28px;border:1px solid rgba(226,189,119,.26);background:radial-gradient(circle at 50% 42%,rgba(96,67,132,.19),rgba(10,8,18,.78) 60%);box-shadow:0 24px 80px rgba(0,0,0,.32)}
.guide-map__svg{display:block;width:100%;aspect-ratio:1}
.guide-map__lines line{stroke:#e2bd77;stroke-width:1.35;stroke-linecap:round;opacity:.72}
.guide-map__stars circle{fill:#f6e6bc;filter:drop-shadow(0 0 4px rgba(226,189,119,.8))}
.guide-map figcaption{margin-top:15px;color:#8f8579;font:11px/1.55 "IBM Plex Mono",monospace}
.guide-section{margin-top:64px}
.guide-section h2{margin:0 0 18px;color:#f1e8d7;font:600 clamp(30px,4vw,45px)/1.08 "Cormorant Garamond",serif}
.guide-section p{color:#c8bdad;font:18px/1.72 "Cormorant Garamond",serif}
.guide-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:28px;background:rgba(226,189,119,.16);border:1px solid rgba(226,189,119,.16)}
.guide-facts div{min-height:124px;padding:24px;background:rgba(10,8,18,.92)}
.guide-facts dt{margin-bottom:11px;color:#918779;font:10px/1.4 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
.guide-facts dd{margin:0;color:#eee4d2;font:600 20px/1.3 "Cormorant Garamond",serif}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.guide-cta{padding:40px;border:1px solid rgba(226,189,119,.25);background:linear-gradient(130deg,rgba(226,189,119,.09),rgba(96,67,132,.1))}
.guide-note{margin-top:64px;padding:22px 24px;border-left:2px solid #e2bd77;background:rgba(255,255,255,.025);color:#999083;font:12px/1.7 "IBM Plex Mono",monospace}
.guide-footer{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:22px;justify-content:center;padding:28px 20px 44px;color:#847a70;font:11px/1.5 "IBM Plex Mono",monospace}
.guide-footer a{color:#a99d8e;text-decoration:none}
.atlas-shell>.eyebrow{margin-top:28px}.atlas-shell>h1{margin-bottom:18px}
.atlas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:52px}
.atlas-card{display:flex;min-width:0;flex-direction:column;gap:7px;padding:18px;border:1px solid rgba(226,189,119,.16);background:rgba(10,8,18,.76);transition:transform .2s ease,border-color .2s ease}
.atlas-card:hover{transform:translateY(-3px);border-color:rgba(226,189,119,.48);text-decoration:none!important}
.atlas-card__map{display:block;padding:10px;background:radial-gradient(circle,rgba(100,67,132,.18),transparent 70%)}
.atlas-card__map .guide-map__svg{max-height:160px}
.atlas-card strong{overflow:hidden;color:#eee4d2;font:600 21px/1.1 "Cormorant Garamond",serif;text-overflow:ellipsis;white-space:nowrap}
.atlas-card small{color:#8e8478;font:10px/1.4 "IBM Plex Mono",monospace}

@media(max-width:900px){
  .guide-shell{width:min(100% - 28px,720px);padding-top:118px}.guide-hero{grid-template-columns:1fr;gap:34px}.guide-map{max-width:520px}
  .guide-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{grid-template-columns:1fr;gap:0}.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .guide-shell{width:min(100% - 22px,520px)}.guide-hero h1,.atlas-shell h1{font-size:45px}.guide-facts{grid-template-columns:1fr}.guide-facts div{min-height:0}.atlas-grid{grid-template-columns:1fr 1fr;gap:9px}.atlas-card{padding:11px}.atlas-card strong{font-size:17px}.guide-cta{padding:26px 20px}
}
