/* Mission 27 (SEO foundation): styles for the new public marketing pages only - reuses styles.css's
   own existing tokens (background, text, gold accents) rather than inventing a second palette.
   Respects prefers-reduced-motion; no autoplay, no entrance animation, no layout-shifting content. */
/* Mission 28 (bundle hardening): the base reset/typography rules below are copied verbatim from
   production/styles.css's own first declaration block (color-scheme, font, background, box-sizing,
   body margin, h1 sizing, button/a/input font, focus-visible) so the six zero-JS marketing pages
   no longer need to load the full 142KB game stylesheet at all - they only ever used this small
   shared base, never any gameplay-specific rule (card templates, dynasty chips, combat panels).
   The homepage still loads styles.css, but now only once the app itself is actually entered (see
   production/boot-gate.ts) - same reasoning, applied to CSS instead of JS. */
:root{color-scheme:dark;font:18px/1.5 system-ui,sans-serif;background:#101923;color:#f7f4eb}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh}
h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.15}
button,a,input{font:inherit}
/* Mission 28 regression found and fixed by actually inspecting a real screenshot (1280x720
   homepage): the "Skip to content" link was visibly showing instead of hidden-until-focused -
   this rule lives in styles.css, which marketing-only visits no longer load, so it was silently
   lost when that stylesheet was deferred above. Copied verbatim from styles.css's own rule. */
.skip{position:absolute;top:-100px}
.skip:focus{top:0;background:#101923;padding:1rem}
button{padding:.8rem 1.2rem;border:1px solid #cbb777;background:#24364a;color:inherit;border-radius:.3rem;min-height:48px;cursor:pointer}
:focus-visible{outline:3px solid #ffe28b;outline-offset:4px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;max-width:62rem;margin:auto;padding:1.25rem;border-bottom:1px solid #697885}
.site-header .brand{display:flex;flex-direction:column;gap:.15rem}
.site-header .brand a{color:inherit;text-decoration:none}
.site-nav{display:flex;gap:1.1rem;flex-wrap:wrap}
.site-nav a{color:#f1d88d;text-decoration:none;font-size:.95rem}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current=page]{text-decoration:underline}
.site-footer{display:flex;gap:2rem;max-width:62rem;margin:auto;padding:1.25rem;border-top:1px solid #697885}
.mkt-breadcrumb{font-size:.9rem;color:#cbd5df;margin-bottom:1rem}
.mkt-breadcrumb a{color:#f1d88d}
.mkt-hero{padding-block:2rem 1.5rem}
.mkt-lede{font-size:1.15rem;max-width:42rem;color:#d7dde3}
.mkt-tagline{color:#cbb777;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}
.mkt-cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.25rem}
.mkt-cta-primary{display:inline-block;padding:.9rem 1.6rem;border-radius:.35rem;background:#cbb777;color:#101923;font-weight:700;text-decoration:none;min-height:48px}
.mkt-cta-primary:hover,.mkt-cta-primary:focus-visible{background:#f1d88d}
.mkt-cta-secondary{display:inline-block;padding:.9rem 1.6rem;border-radius:.35rem;border:1px solid #cbb777;color:#f1d88d;text-decoration:none;min-height:48px}
.mkt-section{padding-block:2rem}
.mkt-section-alt{background:#141f2c;border-radius:.5rem;padding:2rem}
.mkt-section h2{font-size:1.5rem;margin-bottom:1rem}
.mkt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.25rem}
.mkt-grid article{background:#182534;border:1px solid #2c3b4a;border-radius:.5rem;padding:1.25rem}
.mkt-grid article h3,.mkt-grid article h2{margin-top:0;font-size:1.1rem;color:#f1d88d}
.mkt-dynasty-grid article{border-top:3px solid #cbb777}
.mkt-dynasty-card[data-dynasty=maurya]{border-top-color:#b33a3a}
.mkt-dynasty-card[data-dynasty=gupta]{border-top-color:#d4a72c}
.mkt-dynasty-card[data-dynasty=chola]{border-top-color:#2e6e9e}
.mkt-dynasty-card[data-dynasty=mughal]{border-top-color:#3e7a4c}
.mkt-dynasty-card[data-dynasty=maratha]{border-top-color:#d2691e}
.mkt-dynasty-card[data-dynasty=rajput]{border-top-color:#7a4a8f}
.mkt-dynasty-identity{color:#cbb777;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.mkt-learn-links{display:flex;gap:1.25rem;flex-wrap:wrap}
.mkt-learn-links a{color:#f1d88d}
.mkt-final-cta{text-align:center;padding-block:2.5rem}
.mkt-guide{padding-block:1.75rem;border-bottom:1px solid #2c3b4a}
.mkt-guide:last-of-type{border-bottom:none}
@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}