/* Content pages share the homepage palette, typography, and artwork. */
.mobile-alpha{display:none}#main-nav a[aria-current=page]{color:var(--gold)}
.site-footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.site-footer nav a:hover{color:var(--gold)}
.guide-page .site-header{position:relative;background:var(--deep);border-bottom:1px solid var(--line)}
.guide-intro{padding-block:76px 52px}.guide-intro h1{max-width:950px;font-size:clamp(52px,6.5vw,88px);margin-bottom:24px}.status-date{font-size:13px;color:var(--muted);margin:24px 0 0}.guide-lead{max-width:750px;font-size:20px;line-height:1.7;color:#b9c7bb;margin-bottom:0}
.guide-section{padding-block:48px 64px}.guide-section h2{font-size:clamp(36px,4vw,50px)}.guide-section>p{max-width:740px;font-size:17px;color:var(--muted)}.guide-section a:not(.button):not(.class-card),.reading-body a,.article-body a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.guide-card{border-top:1px solid var(--line);padding-top:25px}.guide-card h3{font-size:31px;line-height:1.15;margin-bottom:15px}.guide-card p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.8}.guide-card .eyebrow{margin-bottom:16px}
.world-plate{margin:0 auto;position:relative;min-height:460px;background:linear-gradient(0deg,#101919ee,transparent 70%),url('/assets/caelwick-town-polygon-v2.jpg') center 72%/cover;border-block:1px solid var(--line);display:flex;align-items:flex-end;padding:34px}.world-plate figcaption{font-size:13px;max-width:470px;color:#d0d8cf}.world-plate strong{display:block;font-family:var(--serif);font-weight:400;font-size:37px;color:var(--gold);margin-bottom:10px}
.reading-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;padding-block:60px 70px}.reading-nav{border-top:1px solid var(--line);padding-top:20px}.reading-nav p{font-size:13px;letter-spacing:.12em;color:var(--gold)}.reading-nav a{display:block;margin:13px 0;font-size:15px;color:var(--muted)}.reading-nav a:hover{color:var(--gold)}.reading-body{max-width:760px;font-size:17px;color:var(--muted)}.reading-body h2{font-size:41px;color:var(--text);margin-bottom:22px}.reading-body section+section{margin-top:55px}.reading-body p{line-height:1.85}.reading-body blockquote{margin:30px 0;border-left:2px solid var(--gold);padding-left:25px;color:var(--gold);font-family:var(--serif);font-size:31px;line-height:1.3}
.content-note{border-left:2px solid var(--gold);background:#1a2624;padding:22px 26px;margin-top:30px;color:var(--muted);font-size:15px;line-height:1.8}.content-note strong{color:var(--text);font-weight:500}.content-note p:last-child{margin-bottom:0}
.onward{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid var(--line);padding-block:45px 65px}.onward h2{font-size:38px;margin-bottom:12px}.onward p{color:var(--muted);margin:0;max-width:650px}.onward .button{flex-shrink:0}
.guide-class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.guide-class-grid .class-card{display:block;aspect-ratio:.64}.guide-class-grid .class-name{white-space:normal}.guide-class-grid .class-art{background-size:400% 100%;background-position-y:center}.guide-class-grid .class-discover{font-size:14px}.guide-class-grid .class-card:hover .class-art{filter:saturate(1);transform:scale(1.03)}
.class-overview-table{width:100%;border-collapse:collapse;font-size:16px;text-align:left}.class-overview-table th{color:var(--gold);font-size:14px;font-weight:500;padding:16px 20px}.class-overview-table td{padding:20px;vertical-align:top;color:var(--muted);border-top:1px solid var(--line)}.class-overview-table tbody th{border-top:1px solid var(--line);font-size:18px;font-family:var(--serif);color:var(--text)}
.class-profile{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.65fr);gap:60px;align-items:center;padding-block:55px}.class-profile h1{font-size:clamp(54px,6vw,82px)}.class-profile .guide-lead{font-size:19px}.class-profile .back-link{margin-bottom:30px;font-size:14px}.class-portrait{position:relative;aspect-ratio:.66;margin:0;border:1px solid var(--line);overflow:hidden}.class-portrait .class-art{filter:none;background-size:400% 100%;background-position-y:center}.class-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101919b0,transparent 30%)}.class-portrait figcaption{position:absolute;z-index:1;bottom:16px;left:20px;font-size:12px;color:#c8d0c5}.class-resource-list{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 0;padding:0;list-style:none}.class-resource-list li{font-size:13px;border:1px solid var(--line);color:var(--gold);padding:5px 12px}
.example-panel{padding:32px;background:#182623;border:1px solid var(--line);margin-block:30px}.example-panel h3{font-size:33px;margin-bottom:16px}.example-panel p{font-size:17px;color:var(--muted)}.example-panel p:last-child{margin-bottom:0}.sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-block:28px}.sequence>div{border:1px solid var(--line);padding:20px 15px}.sequence b{display:block;color:var(--gold);font-weight:500;font-size:17px;margin-bottom:10px}.sequence span{display:block;font-size:14px;color:var(--muted)}
.class-next{display:flex;gap:12px;flex-wrap:wrap}.class-next a{border:1px solid var(--line);padding:10px 16px;color:var(--gold);font-size:14px}.class-next a:hover{border-color:var(--gold)}.class-guide-link{margin:18px 0 0;font-size:14px;color:var(--gold);grid-column:1/-1;justify-self:start}.class-detail .class-guide-link{margin-top:0}
.tactics-guide-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:start}.tactics-guide-layout .tactics-demo{position:relative}.rule-anatomy{list-style:none;padding:0;margin:0}.rule-anatomy li{border-top:1px solid var(--line);padding-block:20px}.rule-anatomy h3{font-size:29px;margin-bottom:8px}.rule-anatomy p{font-size:16px;color:var(--muted);margin:0}.tactics-guide-layout .tactics-demo button,.tactics-guide-layout .tactics-rules strong{font-size:14px}
.status-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px}.status-column{padding:30px;border:1px solid var(--line)}.status-column h2{font-size:37px}.status-list{padding:0;list-style:none}.status-list li{padding:19px 0;border-top:1px solid var(--line)}.status-list strong{display:block;font-weight:500;font-size:17px;color:var(--text);margin-bottom:6px}.status-list p{font-size:16px;color:var(--muted);margin:0}.faq{max-width:900px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:18px;color:var(--text);padding-right:20px}.faq details p{color:var(--muted);font-size:16px;line-height:1.8;margin:18px 0 0;max-width:760px}.faq details a{color:var(--gold)}
.journal-intro{display:flex;align-items:end;justify-content:space-between;gap:35px}.journal-intro .guide-lead{max-width:660px}.journal-index{padding-block:10px 70px}.journal-entry{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;border-top:1px solid var(--line);padding-block:35px}.journal-entry .story-image{height:auto;min-height:230px}.journal-entry h2{font-size:40px;margin:10px 0 16px}.journal-entry p{font-size:16px;color:var(--muted)}.journal-entry .story-meta{font-size:13px}.journal-entry .text-link{color:var(--gold)}.section-more{margin-top:28px;color:var(--gold)}
@media(max-width:1000px){.reading-layout{gap:40px;grid-template-columns:170px minmax(0,1fr)}.guide-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-class-grid .class-card{aspect-ratio:.9}.class-profile{gap:35px}.guide-grid{gap:22px}.tactics-guide-layout{grid-template-columns:1fr;gap:30px}.tactics-guide-layout .tactics-demo{max-width:none}.status-columns{gap:24px}.site-footer{flex-wrap:wrap}.site-footer nav{gap:14px}.guide-class-grid .class-art{background-size:400% auto;background-position-y:22%}}
@media(max-width:700px){#main-nav .mobile-alpha{display:block}.guide-intro{padding-block:45px 30px}.guide-intro h1{font-size:52px}.guide-lead{font-size:18px}.guide-section{padding-block:32px 45px}.guide-grid{grid-template-columns:1fr;gap:14px}.guide-card{padding-top:22px}.reading-layout{grid-template-columns:1fr;gap:35px;padding-block:32px 50px}.reading-nav{display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center}.reading-nav p{width:100%;margin:0}.reading-nav a{margin:0;font-size:14px}.reading-body{font-size:16px}.reading-body h2{font-size:35px}.world-plate{min-height:350px;background-position:65% center;padding:24px}.world-plate strong{font-size:32px}.onward{display:block;padding-block:35px 45px}.onward .button{margin-top:25px}.onward h2{font-size:35px}.class-profile{grid-template-columns:1fr;gap:30px;padding-block:35px}.class-profile h1{font-size:55px}.class-portrait{max-width:320px;width:100%;justify-self:center;aspect-ratio:.76}.class-profile .guide-lead{font-size:18px}.guide-class-grid{gap:12px}.guide-class-grid .class-card{aspect-ratio:.55}.guide-class-grid .class-art{background-size:400% 100%;background-position-y:center}.guide-class-grid .class-discover{font-size:13px}.class-overview-table thead{display:none}.class-overview-table tr{display:block;border-top:1px solid var(--line);padding-block:20px}.class-overview-table td,.class-overview-table tbody th{display:block;border:0;padding:5px 0}.class-overview-table td:before{content:attr(data-label);display:block;font-size:12px;color:var(--gold);letter-spacing:.08em;margin:7px 0}.class-overview-table tbody th{font-size:27px}.sequence{grid-template-columns:1fr 1fr}.example-panel{padding:23px}.status-columns{grid-template-columns:1fr;gap:22px}.status-column{padding:24px}.journal-intro{display:block}.journal-entry{grid-template-columns:1fr;gap:24px}.journal-entry h2{font-size:35px}.journal-entry .story-image{min-height:220px}.journal-entry .tactics-story{min-height:230px}.site-footer nav{width:100%;order:3}.site-footer p{font-size:12px}.content-note{padding:20px}.class-guide-link{line-height:1.7}}