/* ==========================================================================
   LionRock document theme
   --------------------------------------------------------------------------
   Design taken from "Roadmap to $40K Months v.9" — the agency's own document.
   Tokens sampled from the PDF rendered at 200dpi:

       page   #ffffff      fill/zebra #f2f2f2
       rule   #bfbfbf      ink        #000000
       type   Arial / Arial Bold / Arial Italic; Courier New for monospace

   The roadmap is a plain, high-contrast, printed-looking document: square
   corners, hairline rules, striped tables, bold underlined headings. The portal
   it is being applied to was the opposite — glassy panels, deep shadows,
   gradients and 16-20px radii. This sheet removes that chrome so the two read
   as the same brand.

   Loaded last on every page, so it wins without needing !important on
   everything. Reach for !important only where a page sets the property inline.
   ========================================================================== */

:root {
  --lr-page:  #ffffff;
  --lr-fill:  #f2f2f2;
  --lr-rule:  #bfbfbf;
  --lr-rule-soft: #e3e3e3;
  --lr-ink:   #000000;
  --lr-muted: #595959;
  --lr-gold:  #8c602a;   /* the mark's gold, darkened to read on white */
  --lr-sans:  Arial, 'Helvetica Neue', Helvetica, sans-serif;
  --lr-mono:  'Courier New', Courier, monospace;
}

html, body { background: var(--lr-page); color: var(--lr-ink); }
body { font-family: var(--lr-sans); -webkit-font-smoothing: antialiased; }

/* --- flatten the glass -----------------------------------------------------
   The document has no gradients, no blur and no drop shadows. Anything using
   them reads as a different product, so they go. Backdrop-filter is the
   expensive one and the most obviously "app-like". */
*, *::before, *::after { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* --- typography: the document's scale --------------------------------------
   Arial, tight leading on headings, 1.5 on body — matching the PDF. */
h1, h2, h3, h4, h5, h6 { font-family: var(--lr-sans); font-weight: 700; color: var(--lr-ink); letter-spacing: 0; }
h1 { font-size: 1.75rem; line-height: 1.25; }
h2 { font-size: 1.35rem; line-height: 1.3; }
h3 { font-size: 1.12rem; line-height: 1.35; }
p, li, td, th, dd, dt { font-family: var(--lr-sans); line-height: 1.5; }
code, kbd, pre, samp, .mono { font-family: var(--lr-mono); }

/* The roadmap's section headings are bold AND underlined. */
.lr-heading, h1.lr-underline, h2.lr-underline {
  text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px;
}

/* --- tables: the roadmap's most recognisable element -----------------------
   Hairline #bfbfbf grid, bold header row, #f2f2f2 on alternating rows. */
table { border-collapse: collapse; width: 100%; background: var(--lr-page); }
th, td { border: 1px solid var(--lr-rule); padding: 9px 12px; text-align: left; vertical-align: top; }
th { font-weight: 700; background: var(--lr-page); }
tbody tr:nth-child(even) td { background: var(--lr-fill); }

/* --- rules and dividers ---------------------------------------------------- */
hr { border: 0; border-top: 1px solid var(--lr-rule); margin: 22px 0; }

/* --- links ----------------------------------------------------------------- */
a { color: var(--lr-gold); }
a:hover { color: #6f4b20; }

/* --- form controls: square, ruled, white ----------------------------------- */
input, select, textarea, button {
  font-family: var(--lr-sans);
  border-radius: 3px;
}
input, select, textarea {
  background: var(--lr-page); color: var(--lr-ink); border: 1px solid var(--lr-rule);
}
input:focus, select:focus, textarea:focus { outline: 2px solid var(--lr-gold); outline-offset: -1px; }

/* --- selection ------------------------------------------------------------- */
::selection { background: #f0dcc0; color: var(--lr-ink); }

/* --- phones: the app's own type and tint (iOS polish) --------------------- */
@media (max-width:640px) {
  :root { --lr-sans: var(--ios-sans, -apple-system, BlinkMacSystemFont, sans-serif); --lr-gold: var(--ios-tint, #3b6ea8); }
}