/* Price changes page. Shares the v2 palette and type; only page-specific
   pieces live here. Chrome (header, footer, buttons) is loaded after this file
   so its shared rules win on cascade order. */

:root{
  --ink:#000; --red:#ff3f3f; --cream:#ffedde; --paper:#fff; --mist:#F9F9FB;
  --line:rgba(0,0,0,.10); --muted:#5b5b66; --wrap:1200px; --r-sm:9px; --r-md:14px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Archivo,system-ui,sans-serif;margin:0;letter-spacing:-.02em}
a{color:inherit}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:22px}

/* ---- hero ---- */
.pchero{background:var(--ink);color:#fff;padding-block:42px 46px;position:relative;overflow:hidden}
.pchero .crumbs{font-size:12.5px;color:rgba(255,255,255,.55);display:flex;gap:8px;margin-bottom:16px}
.pchero .crumbs a{text-decoration:none;color:rgba(255,255,255,.72)}
.pchero .crumbs a:hover{color:#fff}
.pchero .eyebrow{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.pchero h1{font-size:clamp(28px,4.4vw,44px);line-height:1.06;margin-bottom:12px}
.pchero .lede{color:rgba(255,255,255,.66);font-size:15px;max-width:62ch;margin:0;line-height:1.55}

.pcbody{padding-block:34px 60px}

/* ---- stat strip ---- */
.pcstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}
.pcstat{background:var(--mist);border:1px solid var(--line);border-radius:var(--r-md);
  padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.pcstat__n{font-family:Archivo,sans-serif;font-size:26px;font-weight:800;line-height:1}
.pcstat__l{font-size:12.5px;color:var(--muted)}

/* ---- empty state ----
   Deliberately substantial: on day one this IS the page, and it has to explain
   why it is empty rather than look broken. */
.pcempty{border:1px solid var(--line);border-left:3px solid var(--red);border-radius:var(--r-md);
  background:var(--mist);padding:30px 28px;max-width:78ch}
.pcempty__k{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--red);margin-bottom:10px}
.pcempty h2{font-size:22px;margin-bottom:10px;line-height:1.25}
.pcempty p{margin:0 0 10px;color:#2c2c34;font-size:14.5px;line-height:1.6}
.pcempty__note{color:var(--muted);font-size:13.5px;border-top:1px solid var(--line);padding-top:12px;margin-top:14px}

/* ---- change table ---- */
.pcsplit{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.pcpill{font-family:"IBM Plex Mono",monospace;font-size:12px;padding:6px 11px;border-radius:999px;
  border:1px solid var(--line);background:var(--mist)}
.pcpill--up{color:#a11414;border-color:rgba(161,20,20,.28);background:rgba(255,63,63,.07)}
.pcpill--down{color:#14612b;border-color:rgba(20,97,43,.28);background:rgba(20,97,43,.07)}

.pctablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md)}
.pctable{width:100%;border-collapse:collapse;min-width:760px;font-size:14px}
.pctable thead th{background:var(--mist);text-align:left;font-family:"IBM Plex Mono",monospace;
  font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.pctable td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.pctable tbody tr:last-child td{border-bottom:0}
.pctable tbody tr:hover{background:var(--mist)}
.pctable a{text-decoration:none;font-weight:600}
.pctable a:hover{color:var(--red)}
.pcnum{font-family:"IBM Plex Mono",monospace;white-space:nowrap}
.pcnum--old{color:var(--muted);text-decoration:line-through}
.pcfield{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);border:1px solid var(--line);
  padding:3px 7px;border-radius:999px;background:var(--mist)}
.pcdelta{font-family:"IBM Plex Mono",monospace;font-weight:600;padding:3px 8px;border-radius:999px;font-size:13px}
.pcdelta--up{color:#a11414;background:rgba(255,63,63,.10)}
.pcdelta--down{color:#14612b;background:rgba(20,97,43,.10)}
.pcdate{color:var(--muted);white-space:nowrap;font-size:13.5px}

/* ---- methodology ---- */
.pcmethod{margin-top:38px;border-top:1px solid var(--line);padding-top:26px;max-width:80ch}
.pcmethod h2{font-size:19px;margin-bottom:12px}
.pcmethod ul{margin:0;padding-left:18px;color:#2c2c34}
.pcmethod li{font-size:14.5px;line-height:1.65;margin-bottom:8px}

@media (max-width:900px){
  .pcstats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .pchero{padding-block:32px 34px}
  .pcbody{padding-block:26px 44px}
  .pcempty{padding:24px 20px}
  .pcempty h2{font-size:19px}
}