/* Readability pass: preserve the existing artwork and compact repeated navigation. */
body.citadel-body { font-size:14px; }
.world-hero { height:320px; min-height:320px; max-height:320px; }
.is-inner-page .world-hero { height:250px; min-height:250px; max-height:250px; }
.brand-name { height:110px; }
.brand-motto { font-size:12px; }
.is-inner-page .brand-name { height:80px; }
.is-inner-page .brand-motto { display:none; }
.is-inner-page .brand-mark { top:18px; }
.realm-menu { width:min(1160px,calc(100% - 32px)); margin:18px auto; border:1px solid #354b46; background:#0a1412; }
.realm-menu>summary { padding:14px 18px; cursor:pointer; color:#e3d6b5; font-weight:600; }
.realm-menu>summary span { float:right; color:#a9bbb5; font-size:12px; font-weight:400; }
.realm-menu .realm-compass { display:block; width:100%; margin:0; border:0; box-shadow:none; }
.realm-menu .realm-compass:before,.realm-menu .realm-compass-heading { display:none; }
.realm-menu .realm-compass-links { grid-template-columns:repeat(4,minmax(0,1fr)); }
.realm-menu .realm-compass-links strong { font:600 13px/1.35 Inter,Arial,sans-serif; }
.realm-menu .realm-compass-links small { color:#a2b5af; font-size:11px; }
.citadel-shell { margin-top:20px; }
.citadel-main { min-width:0; }
.content-stage { line-height:1.65; }
.console-title { font-size:14px; }
.discord-card p { padding:0 16px; margin:16px 0; line-height:1.6; color:#bdccc6; }
.discord-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 18px; background:#5865f2; border:1px solid #8e98ff; color:white; font:600 14px/1.3 Inter,Arial,sans-serif; text-decoration:none; border-radius:4px; }
.discord-button:hover,.discord-button:focus-visible { background:#4752c4; color:white; border-color:#c2c7ff; }
.discord-card .discord-button { display:flex; margin:0 16px 18px; }
.nav-inner>a.nav-discord { color:#c5caff; }
.community-discord { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:26px; margin-top:24px; border:1px solid #5865a0; background:linear-gradient(120deg,#18202f,#101b1a); }
.community-discord h2 { margin:6px 0 10px; color:#eee4cd; }
.community-discord p { margin:0; color:#c1ccc7; }
.community-discord .discord-button { flex-shrink:0; }
:is(a,button,input,summary,select):focus-visible { outline:2px solid #b8deda; outline-offset:3px; }
@media(max-width:700px) {
 .world-hero { height:320px; min-height:320px; max-height:320px; }
 .is-inner-page .world-hero { height:270px; min-height:270px; max-height:270px; }
 .brand-mark { top:20px; }
 .brand-name { width:320px; height:100px; }
 .brand-kicker { font-size:9px; letter-spacing:.14em; }
 .brand-motto { font-size:10px; }
 .realm-menu { width:calc(100% - 16px); margin:12px auto; }
 .realm-menu>summary { padding:12px; font-size:12px; }
 .realm-menu>summary span { display:none; }
 .realm-menu .realm-compass-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .community-discord { flex-direction:column; align-items:stretch; padding:20px; }
 .nav-inner { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:calc(100% - 16px); }
 .nav-inner>a.nav-discord { grid-column:span 2; }
 .nav-inner>a { flex:1 0 auto; min-height:44px; }
}

.hub-grid a small,.task-progress-note,.task-guide li { font-size:13px; }

.community-discord a.discord-button,.discord-card a.discord-button { color:#fff; }

/* Guides: clear reading rhythm and responsive reference tables. */
.journey-steps { display:grid; gap:14px; }
.journey-step { display:flex; gap:20px; padding:24px; background:#101c19; border:1px solid #354940; }
.journey-number { flex:0 0 40px; color:#e4c981; font:700 25px/1.4 Georgia,serif; }
.journey-step h2 { font:600 20px/1.4 Inter,Arial,sans-serif; margin:0 0 10px; color:#f0e6d0; }
.journey-step p { margin:0 0 12px; color:#c5d0c9; }
.guide-note { padding:22px; margin:22px 0 0; border-left:3px solid #bda463; background:#16231e; color:#d5dfd6; }
.guide-note>strong { color:#f1dfae; font-size:17px; }
.guide-note p { margin:10px 0; }
kbd { padding:2px 5px; background:#26372f; color:#fff; border:1px solid #617665; border-radius:3px; font:12px/1.5 monospace; }
.mission-cards { display:grid; gap:20px; }
.mission-cards>article { padding:25px; background:#101c19; border:1px solid #354940; }
.mission-cards header { border-bottom:1px solid #354940; padding-bottom:12px; margin-bottom:16px; }
.mission-cards header>span { float:right; color:#f0dba0; background:#28372a; padding:5px 10px; border-radius:4px; font-weight:700; }
.mission-cards h2 { margin:0 0 8px; color:#f0e6d0; font:600 22px/1.4 Inter,Arial,sans-serif; }
.mission-cards p,.mission-cards li { color:#c5d0c9; line-height:1.75; }
.mission-cards li { margin:7px 0; }
.mission-reward { padding:12px 16px; background:#233427; color:#f2dc9c; font-weight:600; }
.mission-dialogue { font-size:13px; }
.hunting-table-wrap { overflow-x:auto; border:1px solid #354940; }
.hunting-table { width:100%; border-collapse:collapse; min-width:590px; background:#101c19; }
.hunting-table th,.hunting-table td { padding:16px; text-align:left; vertical-align:top; border-bottom:1px solid #354940; line-height:1.6; }
.hunting-table thead { background:#22332b; color:#eddbac; }
.hunting-table tbody th { color:#eee2c6; }
.hunting-table tbody tr:nth-child(even) { background:#14221d; }
.hunting-table small { display:block; margin-top:6px; color:#aebfb2; }
@media(max-width:600px) { .journey-step { gap:12px; padding:18px; } .journey-number { flex-basis:28px; font-size:21px; } .journey-step h2 { font-size:18px; } .mission-cards>article { padding:18px; } }

.guide-topic-nav { display:flex; flex-wrap:wrap; gap:8px; padding:16px; background:#0c1713; border-bottom:1px solid #354940; }
.guide-topic-nav a { padding:9px 13px; border:1px solid #41574a; border-radius:3px; color:#cbd8cd; font:600 13px/1.4 Inter,Arial,sans-serif; text-decoration:none; }
.guide-topic-nav a:hover { background:#263b2c; color:#fff; }
.guide-topic-nav a[aria-current="page"] { background:#31412b; border-color:#bba568; color:#f2e0ae; }
.nav-inner>a.nav-accent { background:rgba(157,127,66,.08); color:#e5ce91; }
.hunting-table { table-layout:fixed; }
.hunting-table th,.hunting-table td,.hunting-table small { white-space:normal; overflow-wrap:break-word; }
.hunting-table th:nth-child(1) { width:20%; }
.hunting-table th:nth-child(2) { width:15%; }
.hunting-table th:nth-child(4) { width:17%; }

/* Ring comparisons: two cards when space permits, one on narrow screens. */
.ring-cards { grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr)); margin-top:20px; }
.ring-cards>article { min-width:0; overflow-wrap:anywhere; }
.ring-cards header { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.ring-cards header>span { float:none; order:-1; }
.ring-cards h2 { display:flex; align-items:center; gap:8px; font-size:20px; }
.ring-cards h2 img { flex:0 0 32px; image-rendering:pixelated; }
.ring-cards code { white-space:normal; overflow-wrap:anywhere; }

/* 2026-10-24: readable navigation and consistent form/table hierarchy. */
.realm-menu .realm-compass-links a { min-height:76px; padding:14px 20px 14px 12px; }
.realm-menu .realm-compass-links strong { font-size:14px; }
.realm-menu .realm-compass-links small { font-size:12px; line-height:1.45; white-space:normal; overflow:visible; }
.realm-menu .realm-compass-links a:focus-visible { outline-offset:-3px; background:#1b3531; }
.content-stage .content-txt { color:#d0dcd8; font-size:14px; line-height:1.75; }
.content-stage .pageheader { font-size:23px; line-height:1.4; }
.content-stage th { font:600 12px/1.5 Inter,Arial,sans-serif; letter-spacing:.03em; }
.content-stage td { color:#cbd8d4; line-height:1.65; }
.content-stage tbody tr:hover { background:rgba(101,220,227,.045); }
.content-stage input[type=text],.content-stage input[type=password],.content-stage input[type=email],
.content-stage select,.content-stage textarea { font:inherit; min-height:44px; border-color:#46615e; border-radius:4px; }
.content-stage input[type=submit],.content-stage input[type=button],.content-stage input[type=reset],.citadel-button {
 min-height:44px; font:700 12px/1.4 Inter,Arial,sans-serif; letter-spacing:.025em; border-radius:4px;
}
.form-field label { color:#b7cbc5; font-size:12px; letter-spacing:.04em; }
.page-intro p,.welcome-copy p,.feature-card p,.chronicle-copy p { font-size:14px; line-height:1.7; color:#bdcdc8; }
.feature-card small,.eyebrow,.world-numbers span { font-size:11px; color:#9dc2ba; }
.home-heading a { font-size:12px; color:#acd2c9; }
.console-title { letter-spacing:.04em; }
.content-stage a:hover { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:700px) {
 .realm-menu .realm-compass-links a { padding:12px 17px 12px 9px; }
 .realm-menu .realm-compass-links strong { font-size:13px; }
 .realm-menu .realm-compass-links small { font-size:12px; }
 .content-stage .content-txt { padding:18px; }
 .content-stage .pageheader { margin:-18px -18px 18px; padding:16px 18px; font-size:20px; }
 .content-stage input[type=text],.content-stage input[type=password],.content-stage input[type=email],
 .content-stage select,.content-stage textarea { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 a,button,input,select,textarea { transition:none !important; }
}

@media(min-width:921px) {
 .citadel-shell,.citadel-footer { width:min(1160px,calc(100% - 32px)); }
 .citadel-shell { grid-template-columns:minmax(0,1fr) 280px; gap:24px; }
 .realm-menu { margin-bottom:24px; }
}

.armory-search label { font-size:12px; color:#b7cbc5; line-height:1.5; }
.armory-search button { min-width:90px; min-height:44px; font:700 13px/1.4 Inter,Arial,sans-serif; }
.content-stage .armory-search input { min-height:44px; font-size:16px; border-radius:4px 0 0 4px; }
.armory-nav a { min-height:48px; font-size:12px; line-height:1.5; }
@media(max-width:700px) {
 .armory-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .armory-nav a { white-space:normal; overflow-wrap:break-word; }
}