/* Readability update 2026-10-25. Keep after all other public stylesheets. */
body { font-size: 16px; }
body input, body select, body textarea { font-size: 16px; }
body .gold, body .outline, body .text-link, body .ghost { font-size: 14px; }
header nav a { font-size: 16px; font-weight: 600; line-height: 1.4; }
header .login { font-size: 14px; }
header .language-switcher select { font-size: 13px; }
header { background-color: #0b1014d9; }
header nav { color: #e0e1df; }
body .hero-copy > p { font-size: 18px; line-height: 1.8; }
body .article-body p, body .article-body li, body .news-body { font-size: 17px; line-height: 1.85; }
body .content p, body .account-story p, body .player-page-heading p,
body .player-notice, body .player-empty, body .wiki-notice,
body dialog > p { font-size: 16px; line-height: 1.85; }
body .features p, body .class-detail p, body .wiki-card p,
body .realm-news-card .news-summary, body .player-quick-links p { color: #b7bec1; }
body .content h3 { font-size: 30px; }
body .class-detail h3 { font-size: 51px; }
body .realm-news-grid.detail h3 { font-size: 36px; }
body .eyebrow, body .tiny-label, body .detail, body .concept-tag,
body .hero-note, body .meteor-planned, body .page-links span,
body .meteor-numbers div > span, body .planner-total span,
body .planner-presets > span, body .player-stats span,
body .player-quick-links span { font-size: 11px; line-height: 1.7; }
body .realm-bar strong, body .page-links b, body .wiki-shortcuts,
body .wiki-filters button, body .article-toc a, body .player-subnav a,
body .rank-tabs button, body .planner-details summary,
body .planner-reference summary { font-size: 15px; }
body .class-traits span, body .article-meta, body .news-date,
body .wiki-card-foot, body .wiki-results-heading > span,
body .wiki-filters button span, body .planner-presets button,
body .player-stats small, body .character-card small,
body .support-report-row small, body .report-status { font-size: 12px; }
body form label, body .support-form label,
body .support-report-row strong, body .player-panel-heading > span,
body .player-panel-heading .text-link { font-size: 14px; }
body .privacy-note, body .support-privacy { font-size: 13px !important; line-height: 1.8; }
body td { font-size: 15px; }
body th { font-size: 12px; }
body footer p, body footer > span, body footer .text-link { font-size: 12px; color: #adb5b9; }
@media (min-width: 1281px) {
  header { padding-inline: 3%; gap: 16px; }
  header nav { gap: clamp(16px, 1.45vw, 28px); }
  header nav a { padding-block: 37px; white-space: nowrap; }
}
/* Switch to the menu before larger desktop links can collide with the brand. */
@media (min-width: 1001px) and (max-width: 1280px) {
  header { height: 98px; gap: 14px; padding-inline: 4%; }
  header .brand { margin-right: auto; }
  header .login { order: 2; }
  header .language-switcher { order: 3; }
  header .menu { display: block; order: 5; }
  header nav { display: none; position: absolute; top: 98px; left: 0; width: 100%; padding: 20px 6%; background: #101619fa; flex-direction: column; gap: 0; border-bottom: 1px solid var(--line); }
  header nav.open { display: flex; }
  header nav a { padding: 14px 0; }
  header nav a.active::after { display: none; }
}
@media (max-width: 700px) {
  body { font-size: 15px; }
  body .hero-copy > p { font-size: 16px; }
  body .article-body p, body .article-body li, body .news-body,
  body .content p, body .account-story p, body .player-page-heading p { font-size: 15px; }
  body .content h3 { font-size: 28px; }
  body .class-detail h3 { font-size: 40px; }
  body .realm-news-grid.detail h3 { font-size: 28px; }
  body .hero-note { font-size: 10px; }
  body .realm-bar { gap: 24px; }
}

/* Confirmed rule guides: readable tables and scoped development notices. */
.wiki-update-note{border:1px solid #cfad7244;background:#cfad7209;padding:20px 24px;margin:26px 0 36px;color:#d6ddda;line-height:1.7}.wiki-update-note>span{color:var(--gold);font-weight:600}.wiki-update-note p{margin:8px 0 0}.wiki-table-wrap{overflow-x:auto;margin:24px 0}.wiki-rules-table{width:100%;border-collapse:collapse;min-width:310px}.wiki-rules-table th,.wiki-rules-table td{text-align:start;padding:14px 18px;border-bottom:1px solid var(--line);font-size:15px!important;font-weight:400}.wiki-rules-table th{color:var(--gold);font-weight:600}.wiki-rules-table td:last-child{color:#eee;font-weight:600}.confirmed-rules>p{color:var(--muted);line-height:1.8;max-width:820px}.confirmed-rules .page-links p{font-size:14px;line-height:1.7;color:var(--muted)}

/* Prominent development and beta status on the home page. */
body .beta-banner{display:flex;align-items:center;gap:24px;padding:22px 5%;background:linear-gradient(110deg,#332712,#1c201b);border-block:1px solid #cfad7270;color:#fff4dc;position:relative;z-index:2}body .beta-tag{flex-shrink:0;padding:8px 12px;border:1px solid #e9c27d;border-radius:4px;background:#cfad7220;font-size:12px;font-weight:800;letter-spacing:.12em}body .beta-banner strong{font-size:clamp(18px,2vw,24px);line-height:1.35}body .beta-banner p{margin:6px 0 0;color:#ded4c1;font-size:14px;line-height:1.6}body .beta-banner>a{margin-inline-start:auto;white-space:nowrap;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}@media(max-width:760px){body .beta-banner{flex-wrap:wrap;gap:14px;padding:20px 6%}body .beta-banner>div{flex:1 1 260px}body .beta-banner>a{margin-inline-start:0}}

body[data-page="home"]>header{position:relative;background:#0b1014}

.recovery-link{margin-top:22px}.recovery-link a{color:var(--gold);text-underline-offset:4px}.recovery-link a:hover{text-decoration:underline}
#recovery-fields{border:0;padding:0;margin:0;min-width:0}
#password-change-fields{border:0;padding:0;margin:0;min-width:0}
/* Donations: future cosmetic support, never an active checkout. */
.donations-page{padding-top:70px;padding-bottom:90px}.donations-heading{max-width:850px}.donations-heading>p{max-width:650px;color:#c0c6c7}.donation-policy{margin:40px 0;padding:32px 36px;border:1px solid #cfad7270;background:linear-gradient(120deg,#cfad7219,#141c1d)}.donation-badge{display:inline-block;color:#e6c78e;font-size:12px;font-weight:800;letter-spacing:.13em}.donation-policy h2{margin:14px 0;font-family:var(--serif);font-size:clamp(32px,4vw,48px);font-weight:500}.donation-policy p{max-width:900px;color:#d6dada;margin-bottom:0}.donation-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}.donation-rate,.donation-availability{padding:32px;background:#11191d;border:1px solid var(--line)}.donation-rate h2{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;font-family:var(--serif);font-weight:500;font-size:clamp(28px,3vw,40px);margin:20px 0}.donation-equals{color:var(--gold)}.donation-calculator{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.donation-calculator label{display:block;font-size:15px;font-weight:600;margin-bottom:12px}.donation-calculator input{width:100%;background:#0b1115;color:#eee;border:1px solid #cfad7260;padding:14px 16px;border-radius:3px}.donation-calculator #donation-amount-help{font-size:13px;color:#a8b2b5;margin:10px 0 18px}.donation-presets{display:flex;gap:10px;flex-wrap:wrap}.donation-presets button{padding:10px 18px;border:1px solid #cfad7244;background:transparent;border-radius:3px;color:#d8c7a8}.donation-presets button:hover,.donation-presets button[aria-pressed=true]{background:#cfad7225;border-color:var(--gold);color:#fff}.donation-calculator .donation-result{font-size:28px;font-weight:700;color:#e5c68d;margin:20px 0 0}.donation-availability h2{font-size:34px;font-family:var(--serif);font-weight:500;line-height:1.3}.donation-availability .gold{margin-top:20px;width:100%;opacity:.5;cursor:not-allowed}.donation-availability .text-link{display:inline-block;margin-top:22px}.donation-cosmetics{padding-top:55px}.donation-cosmetics>h2{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.3}.donation-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.donation-categories article{border:1px solid var(--line);padding:28px;background:#101719}.donation-categories .feature-no{color:var(--gold);font-size:14px}.donation-categories h3{font-family:var(--serif);font-weight:500;margin:18px 0 12px}.donation-categories p,.donation-rate>p,.donation-availability>p{color:#b6c0c3}.donation-catalog-note{color:#a8b2b5;margin-top:24px;max-width:860px}@media(max-width:850px){.donation-columns,.donation-categories{grid-template-columns:1fr}.donation-rate,.donation-availability,.donation-policy{padding:26px}.donations-page{padding-top:45px}.donation-policy{margin:28px 0}}
