.guide-layout{max-width:820px;margin:0 auto;padding:52px 20px 80px;color:#e9e9f4;font:400 1.05rem/1.8 Inter,system-ui,sans-serif}
.guide-layout h1,.guide-layout h2,.guide-layout h3{font-family:Cinzel,Georgia,serif;color:#f3d88a;line-height:1.3}
.guide-layout h1{font-size:clamp(2rem,5vw,2.8rem)}
.guide-layout h2{font-size:1.55rem;margin-top:2.5rem}
.guide-layout a{color:#a6d9ff;text-underline-offset:3px}
.guide-layout a:hover,.guide-layout a:focus-visible{color:#fff}
.guide-layout p,.guide-layout li{max-width:72ch}
.guide-layout table{width:100%;border-collapse:collapse;margin:1.5rem 0}
.guide-layout th,.guide-layout td{border:1px solid #55567a;padding:.6rem;text-align:left}
.guide-layout th{background:#242442}
.guide-layout .note{border-left:4px solid #f3d88a;background:#1d1d36;padding:1rem 1.25rem;margin:1.5rem 0}
.guide-layout .guide-nav,.guide-layout .guide-footer{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}
.guide-layout .guide-nav a,.guide-layout .guide-footer a{padding:.85rem .8rem}
.guide-layout .byline{color:#bec0d6;font-size:.9rem}
.guide-layout .cta{display:inline-block;background:#f3d88a;color:#19192f;font-weight:700;padding:.75rem 1.2rem;border-radius:.5rem;text-decoration:none}
.guide-layout .cta:hover,.guide-layout .cta:focus-visible{color:#000;background:#fff}
@media(max-width:500px){.guide-layout{padding:28px 16px 60px}.guide-layout table{font-size:.85rem}}
