/* ledger-pages.css | Online Free Games (onlinefreegames.uk)
   Mint arcade identity. One measure rule: every block spans the
   full content column; no max-width caps, no padding that shifts
   a left edge. Insets only inside objects with their own edge. */

:root {
  --arc-bg: #f4f7f6;
  --arc-surface: #ffffff;
  --arc-ink: #14352c;
  --arc-muted: #51665f;
  --arc-accent: #0e8f6a;
  --arc-accent-deep: #0a6b50;
  --arc-stamp: #e8a13c;
  --arc-line: #d7e2de;
  --arc-warn-bg: #fdf6e8;
  --arc-radius-card: 14px;
  --arc-radius-chip: 10px;
  --arc-font: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  --arc-tint: #e9f4ef;
  --arc-zebra: #f7faf8;
}

/* Canvas */
body {
  margin: 0; background: var(--arc-bg); color: var(--arc-ink);
  font-family: var(--arc-font); font-size: 17px; line-height: 1.65;
  overflow-x: hidden;
}
a { color: var(--arc-accent); }
a:focus-visible { outline: 2px solid var(--arc-accent); }

/* One measure rule */
.lgp-crumbs, .lgp-hero, .lgp-lead-in, .stb-board, .lgp-contents,
.lgp-compliance, .lgp-ticker, .lgp-section, .lgp-tablewrap,
.lgp-figure, .lgp-steps, .lgp-twocol, .lgp-calc, .lgp-faq,
.lgp-care, .lgp-onward {
  width: 100%;
  margin: 0;
}

/* Breadcrumbs */
.lgp-crumbs { padding-block: 1.1rem .4rem; font-size: .85rem; color: var(--arc-muted); }
.lgp-crumb-sep { opacity: .6; }

/* Hero */
.lgp-hero { padding-block: 1.2rem .4rem; }
.lgp-hero h1 {
  margin: 0 0 .7rem; font-size: clamp(1.9rem, 4vw, 3rem); font-weight: 800;
  line-height: 1.12; text-transform: uppercase; letter-spacing: .02em;
}
.lgp-standfirst { margin: 0; font-size: 1.18rem; color: var(--arc-muted); }

/* Lead-in paragraph */
.lgp-lead-in { padding-block: .4rem .8rem; font-size: 1.05rem; }

/* Contents bar */
.lgp-contents ul { list-style: none; margin: .4rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.lgp-contents a {
  display: inline-flex; padding: .32rem .9rem;
  border: 1px solid var(--arc-line); border-radius: 999px;
  background: var(--arc-surface); color: var(--arc-accent-deep);
  font-size: .9rem; text-decoration: none;
}
.lgp-contents strong, .lgp-onward strong {
  font-size: .85rem; text-transform: uppercase; letter-spacing: .02em;
}

/* Compliance notice */
.lgp-compliance {
  margin-block: 1.2rem; padding: 1rem 1.25rem;
  background: var(--arc-warn-bg); border-radius: var(--arc-radius-chip);
  box-shadow: inset 4px 0 0 var(--arc-accent);
}

/* Ticker chips */
.lgp-ticker {
  list-style: none; margin: 0 0 1.2rem; padding: 0;
  display: flex; flex-wrap: wrap; gap: .6rem;
}
.lgp-ticker-item {
  display: inline-block; padding: .45rem .9rem; font-size: .95rem;
  border: 1px solid var(--arc-line); border-radius: var(--arc-radius-chip);
  background: var(--arc-surface);
}

/* Sections */
.lgp-section { margin-block: 2.5rem; }
.lgp-section h2, .lgp-faq h2 {
  margin: 0 0 1.1rem; font-size: 1.4rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: .02em; line-height: 1.3;
}
.lgp-section h2::after, .lgp-faq h2::after {
  content: ""; display: block; width: 64px; height: 4px;
  margin-top: .45rem; border-radius: 2px; background: var(--arc-stamp);
}

/* Shared card frame */
.lgp-tablewrap, .lgp-figure, .lgp-calc, .lgp-card {
  background: var(--arc-surface); border: 1px solid var(--arc-line);
  border-radius: var(--arc-radius-card);
}

/* Tables */
.lgp-tablewrap {
  margin-block: 1.4rem; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.lgp-tablewrap table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.lgp-tablewrap th {
  padding: .6rem .8rem; background: var(--arc-tint); text-align: left;
  color: var(--arc-accent-deep); font-size: .78rem; text-transform: uppercase;
  border-bottom: 2px solid var(--arc-line);
}
.lgp-tablewrap td { padding: .6rem .8rem; border-bottom: 1px solid var(--arc-line); vertical-align: top; }
.lgp-tablewrap tbody tr:nth-child(even) { background: var(--arc-zebra); }
.lgp-note, .lgp-calc-note { font-size: .85rem; color: var(--arc-muted); }

/* Figure */
.lgp-figure { margin-block: 1.4rem; overflow: hidden; }
.lgp-figure svg { display: block; width: 100%; height: auto; }
.lgp-figure figcaption {
  padding: .6rem .95rem; border-top: 1px solid var(--arc-line);
  font-size: .85rem; color: var(--arc-muted);
}

/* Steps */
.lgp-steps { list-style: none; margin: 1.4rem 0; padding: 0; counter-reset: lgp-step; }
.lgp-steps li {
  counter-increment: lgp-step; position: relative;
  margin: 0 0 1.1rem; padding-left: 3.2rem;
}
.lgp-steps li::before {
  content: counter(lgp-step); position: absolute; left: 0;
  font-size: 2.1rem; font-weight: 800; line-height: 1; color: var(--arc-stamp);
}

/* Two columns */
.lgp-twocol {
  margin-block: 1.4rem; columns: 2; column-gap: 2.6rem;
  column-rule: 1px solid var(--arc-line);
}
@media (max-width: 699px) { .lgp-twocol { columns: 1; column-rule: none; } }

/* Rollup cards */
.lgp-cards {
  display: grid; gap: 1rem; margin-block: 1.4rem;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.lgp-card { padding: 1rem 1.1rem; }

/* Calculator */
.lgp-calc { padding: 1.25rem; margin-block: 1.4rem; }
.lgp-calc form, .lgp-calc .lgp-calc-fields {
  display: grid; grid-template-columns: 1fr 1fr; gap: .9rem 1.3rem;
}
.lgp-calc label { display: block; margin-bottom: .3rem; font-size: .85rem; font-weight: 700; }
.lgp-calc input, .lgp-calc select {
  width: 100%; box-sizing: border-box; padding: .5rem .7rem; font: inherit;
  border: 1px solid var(--arc-line); border-radius: var(--arc-radius-chip);
}
.lgp-calc button, .stb-board button {
  padding: .55rem 1.5rem; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--arc-accent); color: #ffffff; font: inherit; font-weight: 700;
}
.lgp-calc-result {
  margin-top: 1rem; padding: .9rem 1.1rem; font-size: 1.05rem;
  background: var(--arc-tint); border: 1px solid var(--arc-accent);
  border-radius: var(--arc-radius-chip);
}

/* FAQ: top rules between items */
.lgp-faq { margin-block: 2.5rem; }
.lgp-faq-item { padding-block: 1rem; border-top: 1px solid var(--arc-line); }
.lgp-faq-q, .lgp-card h3 { margin: 0 0 .45rem; font-size: 1.05rem; font-weight: 700; }
.lgp-faq-a { color: var(--arc-muted); }

/* Care panel */
.lgp-care {
  margin-block: 2.2rem; padding: 1.25rem 1.4rem;
  background: var(--arc-ink); color: #eef6f2;
  border-radius: var(--arc-radius-card);
}

/* Onward: emerald pill links */
.lgp-onward { margin-block: 2rem 2.6rem; }
.lgp-onward ul { list-style: none; margin: .4rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.lgp-onward a {
  display: inline-block; padding: .42rem 1.15rem; font-weight: 700;
  border: 1px solid var(--arc-accent); border-radius: 999px;
  color: var(--arc-accent-deep); text-decoration: none;
}

/* Breakpoints: 1100, 768, 480 */
@media (max-width: 1100px) { .lgp-twocol { column-gap: 2rem; } }
@media (max-width: 768px) {
  .lgp-calc form, .lgp-calc .lgp-calc-fields { grid-template-columns: 1fr; }
  .lgp-cards { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}
@media (max-width: 480px) {
  .lgp-cards { grid-template-columns: 1fr; }
  .lgp-ticker-item { width: 100%; }
}

/* Print */
@media print {
  .lgp-ticker, .lgp-contents { display: none; }
  .lgp-tablewrap { overflow: visible; }
  .lgp-care { background: #ffffff; color: #14352c; border: 1px solid #888888; }
}