/* Readability pass for lore/catalog and help pages; self-contained, no game-state changes.
   Applied to Modern Tactical and Legacy Classic, without changing theme selection. */
body.tt-page-factions #col-2,
body.tt-page-classes #col-2,
body.tt-page-help #col-2,
body.tt-page-abilitiesandspecials #col-2,
body.tt-page-research #col-2,
body.tt-page-hulls #col-2,
body.tt-page-shipclasses #col-2,
body.tt-page-magic #col-2,
body.tt-page-theeffects #col-2 {
  --tt-reading-size:17px;
  color:#e7f0f7;
  font:400 var(--tt-reading-size)/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-wrap:anywhere;
}
body[data-tt-reading-size="small"] #col-2 { --tt-reading-size:15px; }
body[data-tt-reading-size="large"] #col-2 { --tt-reading-size:19px; }
body[data-tt-reading-size="extra"] #col-2 { --tt-reading-size:21px; }

.tt-reading-shell {max-width:1100px;margin:0 auto 34px;color:#e8f1f8}
.tt-reading-intro {border:1px solid #3a586b;background:linear-gradient(120deg,#172b3c,#0d1d2b);border-radius:14px;padding:22px 26px;margin-bottom:20px}
.tt-reading-intro h1 {font-size:clamp(25px,3vw,34px);line-height:1.2;margin:4px 0 8px!important;color:#f7fbff}
.tt-reading-intro p {max-width:70ch;color:#c6d9e5;margin:0 0 14px}
.tt-reading-eyebrow {font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.14em;color:#8ce4e0}
.tt-reading-jump {display:flex;flex-wrap:wrap;gap:9px}
.tt-reading-jump a {display:inline-flex;align-items:center;padding:8px 12px;color:#c9f7ff!important;background:#0b2534;border:1px solid #487587;border-radius:8px;text-decoration:none!important;font-weight:650}
.tt-reading-jump a:hover,.tt-reading-jump a:focus-visible {background:#1c4556;border-color:#8ce9f4;text-decoration:underline!important}
.tt-reading-card {margin:0 0 20px;background:#101f2e;border:1px solid #3b5b6d;border-radius:14px;padding:23px 25px;scroll-margin-top:24px;box-shadow:0 12px 32px rgba(0,0,0,.16)}
.tt-reading-card > h2 {font-size:clamp(23px,2.3vw,30px);line-height:1.25;margin:0 0 17px!important;color:#f3faff!important;border-bottom:1px solid #344e61;padding-bottom:12px}
.tt-reading-portrait {display:grid;grid-template-columns:minmax(165px,260px) minmax(0,1fr);gap:22px;align-items:start;margin-bottom:24px}
.tt-reading-portrait img {display:block;max-width:100%;width:100%;height:auto;max-height:285px;object-fit:contain;object-position:center;background:#0a1826;border-radius:11px;border:1px solid #324e61}
.tt-reading-label {font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#92d9e2;margin:0 0 8px}
.tt-reading-copy {white-space:pre-line;max-width:73ch;color:#e3edf5;font:400 var(--tt-reading-size,17px)/1.8 system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:anywhere}
.tt-reading-premium {display:inline-block;margin-top:14px;padding:9px 12px;background:#392a24;border:1px solid #a17a50;border-radius:8px;color:#ffe3b0;font-weight:650}
.tt-reading-card h3 {font-size:18px;line-height:1.35;color:#e9f8ff;margin:22px 0 5px!important}
.tt-reading-hint {color:#b0c6d6;font-size:14px;margin:0 0 13px}
.tt-reading-stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin:12px 0 0}
.tt-reading-stat {min-width:0;margin:0;padding:13px 15px;border:1px solid #365266;border-radius:10px;background:#172b3c}
.tt-reading-stat dt {font-size:14px;line-height:1.45;color:#c1d7e5;font-weight:540}
.tt-reading-stat dd {margin:7px 0 0;color:#f4fdff;font-size:calc(var(--tt-reading-size,17px) + 3px);font-weight:740;line-height:1.25;font-variant-numeric:tabular-nums}
.tt-reading-stat--featured {border-color:#448f91;background:#17363c}
.tt-reading-controls {display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 13px;margin:0 0 16px;background:#152a39;color:#e4f2fb;border:1px solid #36586b;border-radius:10px;font:600 14px/1.4 system-ui,sans-serif}
.tt-reading-controls span {margin-right:6px}
.tt-reading-controls button {font:650 14px/1.4 system-ui,sans-serif;min-height:36px;padding:7px 12px;color:#e6f5fe;background:#0c2030;border:1px solid #4a7183;border-radius:7px;cursor:pointer}
.tt-reading-controls button[aria-pressed="true"] {background:#266067;color:#fff;border-color:#8fe2df}
.tt-reading-controls button:hover,.tt-reading-controls button:focus-visible {outline:2px solid #93e7ec;outline-offset:2px}
body.tt-page-help #col-2 pre,
body.tt-page-abilitiesandspecials #col-2 pre,
body.tt-page-research #col-2 pre,
body.tt-page-hulls #col-2 pre,
body.tt-page-shipclasses #col-2 pre,
body.tt-page-magic #col-2 pre,
body.tt-page-theeffects #col-2 pre {
  font:400 var(--tt-reading-size,17px)/1.8 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  white-space:pre-wrap!important;overflow-wrap:anywhere;
  max-width:75ch;padding:20px 23px;margin:14px 0 23px;
  color:#e4eff6;background:#122535;border:1px solid #37566b;border-radius:11px;
}
body.tt-page-help #col-2 h2,
body.tt-page-abilitiesandspecials #col-2 h2 {line-height:1.35;font-size:1.3em;margin:21px 0 8px}
body.tt-page-help #col-2 a,
body.tt-page-abilitiesandspecials #col-2 a,
body.tt-page-factions #col-2 a,
body.tt-page-classes #col-2 a {color:#99e5ff;text-decoration:underline;text-underline-offset:3px}
body.tt-page-help #col-2 a:focus-visible,
body.tt-page-abilitiesandspecials #col-2 a:focus-visible,
body.tt-page-factions #col-2 a:focus-visible,
body.tt-page-classes #col-2 a:focus-visible {outline:2px solid #affaf8;outline-offset:3px}
body.tt-page-research #col-2 table,
body.tt-page-hulls #col-2 table,
body.tt-page-shipclasses #col-2 table {font-size:15px;line-height:1.6}
@media(max-width:680px){
  .tt-reading-intro,.tt-reading-card {padding:16px}
  .tt-reading-portrait {grid-template-columns:1fr;gap:15px}
  .tt-reading-portrait img {width:min(100%,260px);max-height:250px}
  .tt-reading-stats {grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
  .tt-reading-stat {padding:10px 11px}
  body.tt-page-help #col-2 pre,body.tt-page-abilitiesandspecials #col-2 pre {padding:14px}
}
@media(prefers-reduced-motion:reduce){.tt-reading-shell *{scroll-behavior:auto}}