/* Map the supplied design to the existing hash-routed guide. */
.astralis-field-guide{--bg:#05091d;--panel:#0a1835;--panel2:#11254c;--ink:#f8f1dd;--muted:#c9d8f1;--gold:#f6cb72;--line:#b88b4566;--green:#65f2df}
.astralis-field-guide header,.astralis-field-guide footer{background:#07132c;border-color:var(--fg-line)}.astralis-field-guide .brand{color:var(--fg-gold)}.astralis-field-guide nav a.active{color:var(--fg-gold)}.astralis-field-guide .eyebrow{color:var(--fg-cyan);font-size:11px}.astralis-field-guide .wrap{max-width:1384px}
.astralis-field-guide .hero{min-height:430px;border-color:var(--fg-line)}.astralis-field-guide .hero>img{display:block;opacity:1;image-rendering:pixelated;object-position:center 51%}.astralis-field-guide .hero:after{display:block;background:linear-gradient(90deg,#02091af5,#030a1fdb 36%,#040a1d33 85%),linear-gradient(0deg,#020717e6,transparent 50%)}.astralis-field-guide .hero h1{font-size:clamp(38px,4.7vw,66px);color:var(--fg-gold)}.astralis-field-guide .hero h1 em{color:var(--fg-cyan);font-style:normal}.astralis-field-guide .hero p{color:#e5efff}
.astralis-field-guide .page-head{position:relative;isolation:isolate;max-width:none;margin:24px 0 38px;padding:40px 32px;border:1px solid var(--fg-line);background:#0a1835;overflow:hidden}.astralis-field-guide .page-head:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/astralis-moonlit-city.webp') center 45%/cover;image-rendering:pixelated}.astralis-field-guide .page-head:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05091df5,#05091dc9 50%,#05091d50)}.astralis-field-guide .page-head h1{font-size:clamp(34px,4.8vw,62px);color:var(--fg-gold)}.astralis-field-guide .page-head p{color:#e5efff;max-width:67ch}
.astralis-field-guide .race-card,.astralis-field-guide .class-card,.astralis-field-guide .fact,.astralis-field-guide .command,.astralis-field-guide .connection{background:linear-gradient(145deg,#143063,#0a1835 45%,#08132d);border-color:#997b48;box-shadow:inset 0 0 0 3px #071229;border-radius:3px}.astralis-field-guide .race-card h3{margin:0}.astralis-field-guide .class-card h3{margin-bottom:0}.astralis-field-guide .catalog-note{background:#0c244b;border-color:var(--fg-cyan)}.astralis-field-guide .guide-toolbar{background:linear-gradient(125deg,#123466,#0a1936);border-color:#5375a0}.astralis-field-guide .guide-toolbar strong{color:var(--fg-cyan)}
.astralis-field-guide .guide-layout{grid-template-columns:255px minmax(0,1fr);gap:34px}.astralis-field-guide .guide-sidebar{padding:20px;top:24px;max-height:calc(100dvh - 48px);overflow:auto}.astralis-field-guide .guide-sidebar h3{margin:0 0 22px;font-size:21px}.astralis-field-guide .guide-sidebar a{color:var(--fg-secondary);padding:9px 8px;border-left:2px solid transparent}.astralis-field-guide .guide-sidebar a:hover{background:#122f61;border-color:var(--fg-gold);color:var(--fg-cyan)}.astralis-field-guide .guide-sidebar .fact{padding:14px}.astralis-field-guide select{background:#07132d;border:1px solid #4168a1;color:var(--fg-ivory);border-radius:3px;font-size:16px}.astralis-field-guide .field{min-width:0}.astralis-field-guide .form-row{min-width:0}
.astralis-field-guide .chapter{margin-top:32px}.astralis-field-guide .chapter-title h3{font-size:26px;margin:0}.astralis-field-guide .chapter-title .eyebrow{font-size:10px}.astralis-field-guide .chapter-title{align-items:flex-start}.astralis-field-guide .level-circle{background:#10264b;border-color:var(--fg-line);color:var(--fg-gold)}.astralis-field-guide .hint-top{flex-wrap:wrap}.astralis-field-guide .hint-title{color:var(--fg-ivory)}.astralis-field-guide .hint-state{color:var(--fg-secondary)}.astralis-field-guide .hint-body{border-color:#426496;background:#08172d;white-space:pre-line}.astralis-field-guide .hint-body p{color:#dae7fb}.astralis-field-guide .hint-body code{color:#95ebff;padding:10px;overflow-wrap:anywhere}.astralis-field-guide .fg-hints button{min-height:40px}.astralis-field-guide .quiet{border-color:#4e76a5;background:#142b55;color:var(--fg-cyan);border-radius:3px}.astralis-field-guide .tag{border-color:var(--fg-line);color:var(--fg-gold)}.astralis-field-guide .text-link{white-space:normal}.astralis-field-guide .guide-summary h2{font-family:Georgia,serif;font-size:34px}.astralis-field-guide .fg-button.outline{color:var(--fg-gold);border-color:var(--fg-line);background:#06102a}.astralis-field-guide .wide-art{filter:none;image-rendering:pixelated}.astralis-field-guide .jump-links{border-top:1px solid var(--line);padding-top:12px}
@media(max-width:1050px){.astralis-field-guide .guide-layout{grid-template-columns:215px minmax(0,1fr);gap:24px}.astralis-field-guide .guide-sidebar{padding:16px}}
@media(max-width:760px){.astralis-field-guide .guide-layout{grid-template-columns:minmax(0,1fr);gap:24px}.astralis-field-guide .guide-sidebar{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.astralis-field-guide .guide-sidebar h3,.astralis-field-guide .guide-sidebar .jump-links{display:block;grid-column:1/-1}.astralis-field-guide .guide-sidebar .jump-links{display:flex;flex-wrap:wrap;gap:4px}.astralis-field-guide .jump-links a{padding:8px;font-size:12px}.astralis-field-guide .page-head{padding:28px 20px;margin-top:20px}.astralis-field-guide .hero h1{font-size:42px}.astralis-field-guide .guide-toolbar{flex-wrap:wrap}.astralis-field-guide .fg-section{padding:22px 16px}.astralis-field-guide .wrap{padding:0 18px}.astralis-field-guide .chapter-title h3{font-size:23px}.astralis-field-guide .hint-card{padding:14px 12px}.astralis-field-guide .hint-body{padding:12px}.astralis-field-guide .guide-sidebar> .fact,.astralis-field-guide .guide-sidebar>a{grid-column:1/-1}}
@media(max-width:420px){.astralis-field-guide .grid{grid-template-columns:minmax(0,1fr)}.astralis-field-guide .hero h1{font-size:36px}.astralis-field-guide .hero-inner{padding:36px 20px}.astralis-field-guide .hero-caption{display:none}.astralis-field-guide .fg-hints button{padding:9px;font-size:11px}.astralis-field-guide header .brand{white-space:normal}.astralis-field-guide .form-row{flex-wrap:wrap}.astralis-field-guide .guide-sidebar{grid-template-columns:minmax(0,1fr)}}
/* The header CTA uses a gold fill: keep its label and arrow dark. */
.astralis-field-guide header>a.button,
.astralis-field-guide header>a.button:visited{background:#f6cb72;color:#07132c;border-color:#f6cb72;font-weight:800}
.astralis-field-guide header>a.button:hover,
.astralis-field-guide header>a.button:focus-visible{background:#ffdfa0;color:#07132c;border-color:#ffdfa0}
.astralis-field-guide header>a.button span{color:inherit}