/* polices du site, servies localement */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(assets/fonts/playfair-display-latin-ext-400-900.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(assets/fonts/playfair-display-latin-400-900.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jost'; font-style: italic; font-weight: 400 800; font-display: swap; src: url(assets/fonts/jost-latin-ext-400-800-i.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Jost'; font-style: italic; font-weight: 400 800; font-display: swap; src: url(assets/fonts/jost-latin-400-800-i.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(assets/fonts/jost-latin-ext-400-800.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(assets/fonts/jost-latin-400-800.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --mlb-bg: #FCF0E7;
  --mlb-surface: #FFF9F4;
  --mlb-text: #0A2830;
  --mlb-muted: #3D575F;
  --mlb-accent: #0D5666;
  --mlb-accent2: #F0916A;
  --mlb-line: #C9B8AB;
  --mlb-on-accent: #FFF9F4;
  --mlb-serif: "Playfair Display", "Didot", "Bodoni MT", Georgia, "Times New Roman", serif;
  --mlb-sans: "Jost", "Futura", "Century Gothic", "Segoe UI", Arial, sans-serif;
  --mlb-wrap: 1280px;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--mlb-bg);
  color: var(--mlb-text);
  font-family: var(--mlb-sans);
  font-size: 1.0625rem;
  line-height: 1.58;
  overflow-wrap: break-word;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--mlb-accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }

:focus-visible { outline: 3px solid var(--mlb-accent); outline-offset: 3px; }

h1, h2, h3 { font-family: var(--mlb-serif); font-weight: 700; line-height: 1.12; margin: 0; color: var(--mlb-text); }
p { margin: 0 0 1rem; }

/* ---------- Galvene ---------- */
.mlb-header {
  background: var(--mlb-surface);
  border-top: 6px solid var(--mlb-accent);
  border-bottom: 1px solid var(--mlb-text);
}
.mlb-header-in {
  max-width: var(--mlb-wrap);
  margin: 0 auto;
  padding: .8rem 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: .5rem 2rem;
}
.mlb-brand {
  font-family: var(--mlb-serif);
  font-size: 1.7rem;
  font-weight: 800;
  color: var(--mlb-text);
  text-decoration: none;
  letter-spacing: -.01em;
}
.mlb-brand span { color: var(--mlb-accent); }
.mlb-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .15rem 1.4rem; }
.mlb-nav a {
  display: inline-block;
  padding: .35rem 0;
  color: var(--mlb-text);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 2px solid transparent;
}
.mlb-nav a:hover { border-bottom-color: var(--mlb-accent2); }

/* ---------- Izkārtojums ---------- */
.mlb-wrap { max-width: var(--mlb-wrap); margin: 0 auto; padding: 0 1.25rem; }
.mlb-main { display: block; }

/* ---------- Vāks ---------- */
.mlb-cover { padding: 1.25rem 0 2.5rem; }
.mlb-cover-rule {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem 1.2rem;
  border-top: 2px solid var(--mlb-text);
  border-bottom: 1px solid var(--mlb-text);
  padding: .5rem 0;
  margin-bottom: 1.75rem;
  font-size: .95rem;
  color: var(--mlb-muted);
}
.mlb-issue {
  font-family: var(--mlb-serif);
  font-weight: 800;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--mlb-on-accent);
  background: var(--mlb-accent);
  padding: .35rem .7rem;
}
.mlb-cover-grid { display: grid; gap: 1.75rem; grid-template-columns: minmax(0, 1fr); }
.mlb-cover h1 {
  font-size: clamp(2.3rem, 7.2vw, 4.6rem);
  font-weight: 800;
  letter-spacing: -.02em;
  margin-bottom: 1.25rem;
}
.mlb-cover h1 span { display: block; }
.mlb-cover h1 span:nth-child(2) { color: var(--mlb-accent); font-style: italic; font-weight: 700; }
.mlb-lede { font-size: 1.2rem; line-height: 1.5; max-width: 40rem; margin-bottom: 1.5rem; }
.mlb-cover-fig { margin: 0; }
.mlb-cover-frame {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--mlb-text);
  border-bottom: 6px solid var(--mlb-accent2);
}
.mlb-cover-frame img { width: 100%; height: 100%; object-fit: cover; object-position: 30% center; }
.mlb-figcap { font-size: .9rem; color: var(--mlb-muted); padding-top: .5rem; border-top: 1px solid var(--mlb-text); margin-top: .5rem; }

.mlb-years { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0; }
.mlb-years div { border-top: 4px solid var(--mlb-accent); padding: .6rem .8rem .8rem 0; }
.mlb-years dt { font-family: var(--mlb-serif); font-weight: 800; font-size: 1.7rem; line-height: 1.1; }
.mlb-years dd { margin: .15rem 0 0; color: var(--mlb-muted); font-size: .98rem; }

/* ---------- Sadaļas ---------- */
.mlb-section { padding: 2rem 0; border-top: 2px solid var(--mlb-text); }
.mlb-section > .mlb-wrap > h2,
.mlb-section h2 { font-size: clamp(1.7rem, 4vw, 2.5rem); margin-bottom: 1.1rem; max-width: 42rem; }
.mlb-section h3 { font-size: 1.3rem; margin-bottom: .6rem; }

.mlb-cols { column-gap: 2.5rem; }
.mlb-cols p { break-inside: avoid-column; }

.mlb-section--tint { background: var(--mlb-surface); border-bottom: 1px solid var(--mlb-line); }

/* ---------- Numurēts rāmītis ---------- */
.mlb-box {
  background: var(--mlb-surface);
  border: 1px solid var(--mlb-text);
  border-left: 8px solid var(--mlb-accent2);
  padding: 1rem 1.2rem 1.1rem;
  margin: 0 0 1.25rem;
  break-inside: avoid;
}
.mlb-box h3 { font-size: 1.2rem; margin-bottom: .7rem; }
.mlb-steps { list-style: none; counter-reset: mlb-step; margin: 0 0 .8rem; padding: 0; }
.mlb-steps li { counter-increment: mlb-step; position: relative; padding: 0 0 .6rem 2.4rem; }
.mlb-steps li::before {
  content: counter(mlb-step);
  position: absolute;
  left: 0; top: .05rem;
  width: 1.7rem; height: 1.7rem;
  background: var(--mlb-accent);
  color: var(--mlb-on-accent);
  font-family: var(--mlb-serif);
  font-weight: 700;
  text-align: center;
  line-height: 1.7rem;
}
.mlb-box p:last-child { margin-bottom: 0; }
.mlb-defs { margin: 0; }
.mlb-defs dt { font-weight: 600; margin-top: .55rem; }
.mlb-defs dt:first-child { margin-top: 0; }
.mlb-defs dd { margin: 0; color: var(--mlb-muted); }

/* ---------- Jautājumu rindas ---------- */
.mlb-asks { margin: 0; border-top: 1px solid var(--mlb-text); }
.mlb-ask { display: grid; gap: .4rem 2rem; padding: 1rem 0; border-bottom: 1px solid var(--mlb-text); grid-template-columns: minmax(0, 1fr); }
.mlb-ask dt { font-family: var(--mlb-serif); font-weight: 700; font-size: 1.35rem; line-height: 1.2; }
.mlb-ask dd { margin: 0; }

/* ---------- Tabula ---------- */
.mlb-table-wrap { overflow-x: auto; border: 1px solid var(--mlb-text); background: var(--mlb-surface); margin-bottom: 1.25rem; }
.mlb-table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 1rem; }
.mlb-table caption { text-align: left; padding: .7rem .9rem; font-weight: 600; border-bottom: 1px solid var(--mlb-text); }
.mlb-table th, .mlb-table td { text-align: left; padding: .55rem .9rem; border-bottom: 1px solid var(--mlb-line); vertical-align: top; }
.mlb-table thead th { background: var(--mlb-accent); color: var(--mlb-on-accent); font-weight: 600; border-bottom: 0; }
.mlb-table tbody th { font-family: var(--mlb-serif); font-weight: 700; white-space: nowrap; }
.mlb-table tbody tr:last-child th, .mlb-table tbody tr:last-child td { border-bottom: 0; }

/* ---------- Attēls rakstā ---------- */
.mlb-figure { margin: 0 0 1.25rem; break-inside: avoid; }
.mlb-figure img { width: 100%; border-bottom: 5px solid var(--mlb-accent); }
.mlb-figure figcaption { font-size: .9rem; color: var(--mlb-muted); padding-top: .4rem; }

/* ---------- Jautājumi un atbildes ---------- */
.mlb-faq { padding: 2rem 0 3rem; border-top: 2px solid var(--mlb-text); }
.mlb-faq > .mlb-wrap > h2 { font-size: clamp(1.7rem, 4vw, 2.5rem); margin-bottom: 1.25rem; max-width: 42rem; }
.mlb-faq-list { display: grid; gap: 1rem; }
.mlb-faq-item { background: var(--mlb-surface); border: 1px solid var(--mlb-text); border-left: 8px solid var(--mlb-accent); padding: 1rem 1.2rem; }
.mlb-faq-item h3 { font-size: 1.25rem; margin-bottom: .5rem; }
.mlb-faq-item p { margin: 0; }

/* ---------- Kājene ---------- */
.mlb-footer { background: var(--mlb-text); color: var(--mlb-bg); border-top: 6px solid var(--mlb-accent2); }
.mlb-footer-in { max-width: var(--mlb-wrap); margin: 0 auto; padding: 1.5rem 1.25rem; display: grid; gap: .8rem 2rem; grid-template-columns: minmax(0, 1fr); font-size: .95rem; }
.mlb-footer a { color: #FFD9C6; }
.mlb-footer :focus-visible { outline-color: var(--mlb-accent2); }
.mlb-footer-name { font-family: var(--mlb-serif); font-size: 1.3rem; font-weight: 700; margin: 0; }
.mlb-footer p { margin: 0; }

/* ---------- Juridiskā lapa ---------- */
.mlb-legal { max-width: 46rem; padding: 2rem 0 3rem; }
.mlb-legal h1 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 1.25rem; }

/* ---------- Platāki ekrāni ---------- */
@media (min-width: 640px) {
  .mlb-years { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mlb-cover-frame { aspect-ratio: 5 / 4; }
  .mlb-ask { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
  .mlb-footer-in { grid-template-columns: auto 1fr; align-items: start; }
}

@media (min-width: 900px) {
  .mlb-cover-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 2.5rem; align-items: start; }
  .mlb-cover-frame { aspect-ratio: 4 / 5; }
  .mlb-cols { column-count: 2; }
  .mlb-years { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mlb-faq-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1200px) {
  .mlb-years { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: no-preference) {
  .mlb-nav a { transition: border-color .15s ease; }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* bmw-un-tiesaistes-speles.html */
/* ---------- Pirmā ekrāna virsraksts ---------- */
.mlb-cover h1.mlb-h1-long {
  font-size: clamp(1.9rem, 4.6vw, 3.2rem);
  line-height: 1.12;
}

/* ---------- Ilustrācija ---------- */
.mlb-art { margin: 0; }
.mlb-art-frame {
  background: var(--mlb-surface);
  border: 1px solid var(--mlb-text);
  border-bottom: 6px solid var(--mlb-accent2);
  padding: 1rem;
  overflow: hidden;
}
.mlb-art-frame svg { display: block; width: 100%; height: auto; }
.mlb-svg-bezel { fill: var(--mlb-text); }
.mlb-svg-sky { fill: var(--mlb-bg); }
.mlb-svg-sun { fill: var(--mlb-accent2); }
.mlb-svg-hills { fill: var(--mlb-accent); }
.mlb-svg-ground { fill: var(--mlb-line); }
.mlb-svg-road { fill: var(--mlb-text); }
.mlb-svg-dash { fill: var(--mlb-surface); }
.mlb-svg-car { fill: var(--mlb-accent2); }
.mlb-svg-window { fill: var(--mlb-text); }
.mlb-svg-light { fill: var(--mlb-surface); }
.mlb-svg-tyre { fill: var(--mlb-muted); }
.mlb-svg-hudbg { fill: var(--mlb-surface); }
.mlb-svg-hudfill { fill: var(--mlb-accent); }

/* ---------- Plašāka tabula ---------- */
.mlb-table--wide { min-width: 680px; }