/* ListMarkaz foundation v1.0.2 — fixed frontend design tokens, no shadows/animation */
:root {
  --lm-blue: #2457C5;
  --lm-black: #17191D;
  --lm-green: #147D59;
  --lm-white: #FFFFFF;
  --lm-soft: #F7F9FC;
  --lm-border: #E5E9EF;
  --lm-muted: #606B7B;
  --lm-container: 1200px;
  --lm-radius: 8px;
  --lm-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--lm-white); color: var(--lm-black); font-family: var(--lm-font); line-height: 1.6; font-size: 16px; }
img, svg, video { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
a { color: var(--lm-blue); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 3px solid var(--lm-blue); outline-offset: 3px; }
.lm-container { width: min(calc(100% - 32px), var(--lm-container)); margin-inline: auto; }
.lm-skip-link { position: absolute; inset-block-start: -100px; inset-inline-start: 16px; z-index: 10; padding: 12px 16px; background: var(--lm-black); color: var(--lm-white); }
.lm-skip-link:focus { inset-block-start: 10px; }
.lm-site-header { border-bottom: 1px solid var(--lm-border); background: var(--lm-white); }
.lm-header-inner { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.lm-brand { color: var(--lm-black); font-weight: 800; font-size: 25px; line-height: 1; letter-spacing: -.9px; white-space: nowrap; }
.lm-brand:hover { text-decoration: none; }
.lm-brand-accent { color: var(--lm-blue); }
.lm-main { min-height: min(70vh, 660px); }
.lm-starter { display: flex; align-items: center; padding-block: clamp(72px, 10vw, 144px); }
.lm-starter-copy { max-width: 730px; }
.lm-eyebrow { margin: 0 0 15px; color: var(--lm-blue); font-size: 13px; letter-spacing: .08em; font-weight: 700; text-transform: uppercase; }
h1,h2,h3,h4,h5,h6 { line-height: 1.18; margin-block: 0 22px; color: var(--lm-black); }
h1 { font-size: clamp(34px, 5.3vw, 66px); letter-spacing: -.035em; }
p { margin-block: 0 18px; }
.lm-lead { font-size: clamp(17px, 2vw, 21px); color: var(--lm-muted); max-width: 60ch; }
.lm-starter-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-block: 30px 18px; }
.lm-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 20px; border: 1px solid transparent; border-radius: var(--lm-radius); font-weight: 700; line-height: 1.2; }
a.lm-button:hover { text-decoration: none; }
.lm-button-primary { background: var(--lm-blue); color: var(--lm-white); }
.lm-button-outline { background: var(--lm-white); border-color: var(--lm-border); color: var(--lm-black); }
.lm-starter-note { font-size: 12px; color: var(--lm-muted); max-width: 65ch; }
.lm-content { padding-block: 54px 90px; max-width: 840px; }
.lm-content h1 { font-size: clamp(30px, 4vw, 42px); }
.lm-content-item { padding-block: 24px; border-bottom: 1px solid var(--lm-border); }
.lm-content-title { font-size: 24px; margin-bottom: 12px; }
.lm-entry-content img { height: auto; }
.lm-pagination { padding-block: 24px; }
@media (max-width: 600px) {
  .lm-container { width: min(calc(100% - 28px), var(--lm-container)); }
  .lm-header-inner { min-height: 64px; }
  .lm-brand { font-size: 22px; }
  .lm-starter { padding-block: 70px; }
  .lm-starter-actions { gap: 10px; }
  .lm-button { width: 100%; }
}
/* CSS logical spacing supports LTR and RTL languages. Direction follows html[dir]. */