/* AC Gas Watch: the parts of the site the Manus home-page designs didn't cover (inner pages,
   law pages, text pages, filters, bars, Coming soon), built on the same variables so both designs
   (Data Desk, Market Terminal) style them. */

.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--blue);padding:8px 12px;z-index:10;font-weight:700}
.skip:focus{left:8px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #6fb3e0;outline-offset:2px}
.desktop-nav a[aria-current="page"]{color:var(--blue);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.terminal .desktop-nav a[aria-current="page"]{color:#fff}

/* Mobile menu: the button opens the same links as a list under the header. */
.mobile-nav{display:none}
@media(max-width:900px){
  .mobile-nav{border-top:1px solid var(--line);padding:6px 22px 14px}
  .mobile-nav.open{display:grid;gap:2px}
  .mobile-nav a{padding:10px 0;font-weight:700;font-size:15px;border-bottom:1px solid var(--line)}
  .terminal .mobile-nav{background:#081f31;border-color:#27465a}
  .terminal .mobile-nav a{color:#e3f1f6;border-color:#27465a}
}

/* Inner page heading */
.page-head{max-width:var(--max);margin:0 auto;padding:46px 28px 26px}
.page-head h1{font-size:40px;letter-spacing:-.04em;line-height:1.05;margin:0 0 10px;color:#142a40}
.page-head p.lede{max-width:720px;color:var(--muted);font-size:16px;margin:0}
.terminal .page-head-band{background:#092337;color:#eef8fb}
.terminal .page-head h1{color:#f5fbfd}
.terminal .page-head p.lede{color:#c2d7e1}
.terminal .page-head .eyebrow{color:#63cee0}
.crumbs{font-size:12px;color:var(--muted);margin:0 0 12px}
.crumbs a{color:var(--blue);font-weight:700}
.terminal .crumbs,.terminal .crumbs a{color:#9fd6e3}

/* Filters (country and gas chips, GET forms: no script needed) */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.chip{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:12px;font-weight:750;color:#33465a}
.chip[aria-current="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.chip small{margin-left:6px;opacity:.7;font-weight:600}

/* Notes and empty states */
.note{font-size:12px;color:var(--muted);margin:12px 0 0}
.empty{border:1px dashed var(--line);padding:26px;text-align:center;color:var(--muted);background:#fff}
.notice{border-left:4px solid var(--blue);background:var(--blue-pale);padding:12px 16px;font-size:13px;margin:0 0 20px}

/* Text pages (About, Methodology, Privacy, Terms) */
.prose{max-width:760px;margin:0 auto;padding:10px 28px 64px;font-size:16px;line-height:1.65}
.prose h2{font-size:22px;letter-spacing:-.02em;margin:34px 0 10px;color:#142a40}
.prose p{margin:0 0 14px}
.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}

/* Law pages */
.law-page{max-width:900px;margin:0 auto;padding:6px 28px 64px}
.law-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 26px}
.law-facts div{background:#fff;padding:12px 14px}
.law-facts span{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#718091}
.law-facts b{font-size:14px;color:#1b344d}
.law-page h2{font-size:20px;letter-spacing:-.02em;margin:28px 0 10px;color:#142a40}
.law-page p{font-size:16px;line-height:1.65;margin:0 0 12px}
.law-page ul{padding-left:20px;margin:0}
.law-page li{margin:0 0 8px;font-size:15px;line-height:1.55}
.disclaimer{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:30px}

/* Bars (warming factors, world comparison): plain HTML so they print and read without script */
.bars{display:grid;gap:7px;margin:6px 0 18px}
.bar-row{display:grid;grid-template-columns:120px 1fr 110px;gap:12px;align-items:center;font-size:13px;font-variant-numeric:tabular-nums}
.bar-row .label{font-weight:750;color:#25405a}
.bar-row .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
.bar-row .fill{height:100%;background:#9fb3c5;border-radius:3px}
.bar-row.gcc .fill,.bars.single .fill{background:var(--blue)}
.bar-row .value{font-weight:800;color:#172f47}
@media(max-width:560px){.bar-row{grid-template-columns:84px 1fr 86px;gap:8px;font-size:12px}}

/* Data tables on inner pages reuse .table-scroll; these are narrower than the home tables. */
.data-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:640px}
.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid #e2e8ed;text-align:left;font-size:13px;vertical-align:top}
.data-table thead th{background:#f2f6fa;color:#53677b;text-transform:uppercase;letter-spacing:.065em;font-weight:800;font-size:10px;white-space:nowrap}
.data-table td.num,.data-table th.num{text-align:right;white-space:nowrap}
.data-table a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.data-table small{display:block;color:#788797;font-size:11px;margin-top:2px}
.data-table tbody tr:last-child td,.data-table tbody tr:last-child th{border-bottom:0}

/* Statistic and reclaimer cards reuse .guide-card; these are their parts. */
.stat-value{font-size:30px;font-weight:800;letter-spacing:-.04em;color:#0e2f50;margin:6px 0 4px;font-variant-numeric:tabular-nums;line-height:1.1}
.stat-value small{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0}
.card-source{margin-top:auto;font-size:11px;color:#718091}
.card-source a{color:var(--blue);font-weight:700}
.guide-card .stat-explain{color:var(--ink);font-size:13px;margin:6px 0 14px}

/* Coming soon */
.soon{max-width:var(--max);margin:0 auto;padding:70px 28px 30px}
.soon h1{font-size:50px;letter-spacing:-.045em;line-height:1.03;margin:0 0 16px;color:#142a40;max-width:820px}
.soon p{font-size:18px;color:var(--muted);max-width:640px;margin:0}
.terminal .soon-band{background:#092337}
.terminal .soon h1{color:#f5fbfd}
.terminal .soon p{color:#c2d7e1}
@media(max-width:560px){.soon{padding:44px 17px 20px}.soon h1{font-size:34px}.page-head{padding:34px 17px 20px}.page-head h1{font-size:30px}.prose,.law-page{padding-left:17px;padding-right:17px}}

/* Sign-up form messages */
.form-message{margin:12px 0 0;font-size:13px;font-weight:700;min-height:1em}
.form-message.ok{color:#bff0d8}
.form-message.err{color:#ffd4d4}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.signup-form [aria-invalid="true"]{border-color:#ff9b9b;box-shadow:0 0 0 2px rgba(255,120,120,.35)}
.field-grid label.full{grid-column:1/-1}