:root{
  --peach:#ffca92;
  --peach-light:#ffd8ae;
  --pink:#ff0c8f;
  --maroon:#9b0000;
  --red:#ff1b1b;
  --yellow:#fff500;
  --blue:#0000d6;
  --green:#04952d;
  --ink:#141414;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#f5f5f5}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f5f5f5;font-size:13px}
a{color:var(--blue);font-weight:700;text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit}
.site-shell{width:min(100%,1060px);margin:0 auto;background:var(--peach);min-height:100vh;box-shadow:0 0 22px rgba(0,0,0,.16)}
.panel-border{border-left:2px solid var(--red);border-right:2px solid var(--red);border-bottom:2px solid var(--red)}
.top-header{text-align:center;background:linear-gradient(#ffd8ae,#ffc281)}
.tiny-nav{display:flex;justify-content:center;gap:8px;padding:5px;background:var(--yellow);border-top:2px solid #111;border-bottom:1px solid var(--red);font-size:10px;flex-wrap:wrap}
.tiny-nav a{border-right:1px solid #333;padding-right:8px}.tiny-nav a:last-child{border-right:0}
h1{margin:7px 6px 2px;font-size:24px;line-height:1;color:#b40000;text-shadow:0 1px 0 #fff;font-style:italic}
.tagline{margin:0;padding:3px 8px 8px;font-weight:700;font-size:11px;color:#5c0000}
.notice-strip{background:#ffe0ba;text-align:center}
.notice-strip>strong{display:block;background:var(--pink);color:#fff;padding:5px;text-transform:uppercase;font-size:12px;letter-spacing:.2px}
.ticker{overflow:hidden;white-space:nowrap;border-top:1px solid var(--red);padding:5px 0;color:#920000;font-weight:700}
.ticker span{display:inline-block;padding-left:100%;animation:ticker 16s linear infinite}
@keyframes ticker{to{transform:translateX(-100%)}}
.section-block{background:var(--peach)}
.section-title{margin:0;text-align:center;font-weight:900;padding:5px 8px;text-transform:uppercase;letter-spacing:.2px;border-top:1px solid var(--red);border-bottom:1px solid var(--red)}
.hot-pink{background:var(--pink);color:white}.maroon{background:var(--maroon);color:#fff}.yellow-title{background:var(--yellow);color:#111;border-color:#9f0000}
.hero-result{text-align:center;padding:9px 8px 10px}
.eyebrow{margin:0 0 4px;font-size:10px;color:#750000;font-weight:900}
.hero-result h3{margin:0;color:var(--blue);font-size:18px;text-transform:uppercase}
.big-result{margin:4px 0;color:#c80000;font-size:25px;font-weight:900;letter-spacing:1px}
.refresh-btn{border:0;border-radius:2px;background:var(--green);color:#fff;font-weight:900;padding:7px 15px;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2)}
.refresh-btn:active{transform:translateY(1px)}
.api-note{margin:6px 0 0;font-size:10px;color:#5c0000}
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--red);border-top:1px solid var(--red)}
.featured-card{background:var(--peach-light);text-align:center;padding:8px 4px;min-height:82px}
.featured-name{font-size:13px;font-weight:900;color:var(--blue);text-transform:uppercase}
.featured-result{font-size:19px;font-weight:900;color:#b40000;margin:4px 0}
.featured-time{font-size:10px;font-weight:700}.featured-status{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:10px;background:#fff3a8;color:#8b0000;font-size:9px;font-weight:900;text-transform:uppercase}
.yellow-callout{background:var(--yellow);padding:7px 8px;text-align:center;color:#4c0000}.yellow-callout strong{display:block;color:#a00000}.yellow-callout span{font-size:10px;font-weight:700}
.market-row{display:grid;grid-template-columns:minmax(115px,1.4fr) minmax(90px,1fr) 95px 120px;align-items:center;text-align:center}
.market-head{background:#850000;color:#fff;font-size:10px;font-weight:900;padding:5px 2px;border-top:1px solid #111}
.market-list{border-top:1px solid var(--red)}
.market-item{min-height:42px;border-bottom:1px solid rgba(255,40,40,.45);background:var(--peach);font-weight:700}
.market-item:nth-child(8n+1),.market-item:nth-child(8n+5){background:var(--yellow)}
.market-name{text-transform:uppercase;color:var(--blue);font-size:11px;font-weight:900;padding:4px}.market-result{color:#bd0000;font-size:13px;font-weight:900}.market-time{font-size:9px;color:#222}.chart-actions{display:flex;justify-content:center;gap:3px;flex-wrap:wrap}.mini-btn{display:inline-block;background:#fff;border:1px solid #2332cd;color:#0013b7;padding:3px 5px;border-radius:2px;font-size:8px;font-weight:900}.mini-btn.panel{background:#fff7ac;border-color:#b70000;color:#a00000}
.chart-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ff2e2e;padding:1px}
.chart-link{display:block;background:var(--peach-light);text-align:center;padding:7px 4px;color:var(--blue);font-size:10px;font-weight:900;text-transform:uppercase;min-height:31px}
.chart-link:nth-child(9n+1),.chart-link:nth-child(9n+6){background:var(--yellow)}
.compact-table{padding:3px 5px 6px}.compact-head,.compact-row{display:grid;grid-template-columns:1fr 90px 90px;text-align:center;border-bottom:1px solid var(--red);align-items:center}.compact-head{background:#111;color:#fff;font-size:9px;font-weight:900}.compact-head span,.compact-row>*{padding:5px}.compact-row a:first-child{text-align:left}.compact-row:nth-child(even){background:#ffd6a8}
.info-section,.seo-copy{padding-bottom:10px}.info-section h3,.seo-copy h3,.seo-copy h4{text-align:center;color:#9a0000;margin:10px 10px 4px}.info-section p,.seo-copy p{margin:5px 10px;line-height:1.42;text-align:center;font-size:11px}.info-box{margin:10px;border:1px solid var(--red);background:#ffe2be;padding:8px;text-align:center}.info-box strong{color:#a00000}.info-box p{margin:4px 0 0}
.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,0,0,.55)}.directory a{background:var(--peach-light);padding:6px 5px;text-align:center;font-size:9px;text-transform:uppercase}.directory a:nth-child(10n+2),.directory a:nth-child(10n+7){background:var(--yellow)}
.footer{text-align:center;background:#ffcb91;padding-bottom:12px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;padding:8px;background:#8f0000}.footer-links a{background:#079c2e;color:#fff;border:1px solid #fff;padding:6px 12px;border-radius:4px;font-size:10px}.footer p{margin:7px 8px 0;font-size:10px}.disclaimer{color:#650000}
.loading{padding:14px;text-align:center;font-weight:900;color:#820000}
@media(max-width:720px){body{font-size:12px}.site-shell{width:100%;box-shadow:none}.featured-grid{grid-template-columns:repeat(2,1fr)}.market-row{grid-template-columns:minmax(100px,1.25fr) minmax(78px,.9fr) 72px 94px}.chart-link-grid{grid-template-columns:repeat(3,1fr)}.directory{grid-template-columns:repeat(2,1fr)}h1{font-size:20px}.big-result{font-size:22px}.market-name{font-size:9px}.market-result{font-size:11px}.market-time{font-size:8px}.mini-btn{font-size:7px;padding:3px}.compact-head,.compact-row{grid-template-columns:1fr 70px 70px}}
@media(max-width:420px){.tiny-nav{font-size:8px}.tagline{font-size:9px}.featured-grid{grid-template-columns:1fr 1fr}.market-row{grid-template-columns:minmax(88px,1.2fr) 76px 62px 80px}.chart-link-grid{grid-template-columns:repeat(2,1fr)}.directory{grid-template-columns:repeat(2,1fr)}.featured-card{min-height:75px}.market-item{min-height:39px}.compact-head,.compact-row{grid-template-columns:1fr 62px 62px}.section-title{font-size:10px;padding:4px}.hero-result h3{font-size:15px}}


/* Internal page system */
.internal-shell{max-width:960px;margin:0 auto;background:#ffd0a1;min-height:100vh;border-left:2px solid #ff3838;border-right:2px solid #ff3838}
.inner-top{padding:6px 8px;text-align:center;border-bottom:2px solid #ff2c2c;background:#ffd09c}
.inner-top .brand{font-size:18px;font-weight:900;color:#9f0000;text-decoration:none;text-transform:uppercase}
.inner-top nav{margin-top:5px;display:flex;gap:5px;justify-content:center;flex-wrap:wrap}
.inner-top nav a{background:#009e18;color:white;border:1px solid #007b12;border-radius:3px;padding:5px 10px;font-size:12px;font-weight:800;text-decoration:none}
.breadcrumb{padding:7px 10px;font-size:12px;border-bottom:1px solid #ef655b}.breadcrumb a{color:#001cc7;font-weight:800}
.internal-card{border-bottom:2px solid #ff4941;padding:8px;background:#ffd0a1}.internal-title{background:#ff0b83;color:#fff;text-align:center;font-size:16px;font-weight:900;text-transform:uppercase;padding:6px;border-top:1px solid #aa0046;border-bottom:1px solid #aa0046}.internal-title.maroon{background:#a80000}.internal-title.yellow{background:#fff000;color:#810000}
.page-h1{text-align:center;color:#a10000;font-size:21px;margin:10px 4px 4px;text-transform:uppercase}.page-lead{text-align:center;font-size:13px;line-height:1.5;margin:4px auto 10px;max-width:760px}.live-card{text-align:center;border:2px solid #ec352f;background:#ffc98f;padding:10px;margin:8px 0}.live-market{font-size:18px;font-weight:900;color:#001fb8;text-transform:uppercase}.live-number{font-size:28px;font-weight:1000;color:#bf0000;letter-spacing:1px;margin:5px 0}.live-meta{font-size:12px;font-weight:800}.btn-row{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:8px}.site-btn{display:inline-block;border:0;border-radius:3px;background:#009d17;color:white;padding:7px 11px;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}.site-btn.alt{background:#cc0068}.site-btn.blue{background:#061bc2}.chart-wrap{overflow:auto;border:1px solid #ef473d}.record-table{width:100%;border-collapse:collapse;min-width:520px;font-size:12px}.record-table th{background:#9d0000;color:white;padding:6px;border:1px solid #ff5d52}.record-table td{padding:6px;border:1px solid #ff756c;text-align:center;font-weight:700}.record-table tbody tr:nth-child(even){background:#ffc387}.record-table .blank{color:#8a5d49;font-weight:600}.empty-history{padding:18px;text-align:center;border:1px dashed #c4493d;background:#ffd9b5;font-size:13px;line-height:1.5}.link-cloud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.link-cloud a{border-bottom:1px solid #ec776e;padding:5px;text-align:center;color:#001cc7;font-size:12px;font-weight:800;text-decoration:none}.prose-card{font-size:13px;line-height:1.55}.prose-card h3,.prose-card h4{color:#980000}.prose-card code{word-break:break-all;background:#ffe6c9;padding:2px 4px}.code-box{background:#2a120b;color:#fff;padding:9px;border-radius:3px;overflow:auto;font-family:monospace;font-size:12px}.number-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin:8px 0}.number-grid span{padding:6px 2px;text-align:center;background:#fff000;border:1px solid #e16149;font-weight:900;color:#001bb0}.internal-footer{text-align:center;padding:10px;font-size:11px;border-top:2px solid #ff342d}.internal-footer a{color:#001cc7;font-weight:800;margin:0 4px}.status-pill{display:inline-block;background:#fff000;border:1px solid #b88b00;padding:2px 6px;border-radius:9px;font-size:10px;font-weight:900;text-transform:uppercase}.mini-note{font-size:11px;color:#6b2e22;text-align:center;margin:5px 0}.directory-long{columns:3;column-gap:10px}.directory-long a{display:block;color:#001cc7;font-weight:800;font-size:12px;padding:3px 2px;border-bottom:1px dotted #e56b60;break-inside:avoid;text-decoration:none}
@media(max-width:650px){.internal-shell{border-width:1px}.link-cloud{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-long{columns:2}.page-h1{font-size:17px}.live-number{font-size:24px}.internal-title{font-size:14px}}

/* Dedicated static page additions */
.page-shell{max-width:1120px;margin:0 auto;padding:8px 10px 24px}.page-breadcrumb{background:#fff4e7;border:1px solid #c44b22;padding:8px 10px;font-size:13px;margin:8px 0}.page-breadcrumb a{color:#0645ad;font-weight:700}.page-titlebar{background:#a50055;color:#fff;border:2px solid #ff7b00;border-radius:8px 8px 0 0;padding:8px 12px;text-align:center;font-weight:900;text-transform:uppercase}.live-result-card{background:#fff6e8;border:2px solid #c72714;border-top:0;padding:10px;text-align:center}.live-result-card .market-big{font-size:22px;font-weight:900;color:#a50055}.live-result-card .result-big{font-size:28px;font-weight:900;color:#e00000;letter-spacing:1px;margin:5px 0}.live-result-card .times{font-size:13px;font-weight:700}.chart-switch{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0}.chart-switch a,.chart-switch button{background:#0c56b7;color:#fff;border:0;border-radius:4px;padding:7px 12px;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}.record-table{width:100%;border-collapse:collapse;background:#fff;margin-top:8px}.record-table th{background:#f5be00;color:#111}.record-table th,.record-table td{border:1px solid #b45a38;padding:7px;text-align:center;font-size:13px}.record-table td.blank{color:#777}.more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.more-grid a{background:#fff3df;border:1px solid #c3532f;padding:7px 6px;text-align:center;color:#0047a7;font-weight:800;font-size:12px;text-decoration:none}.info-card{background:#fff5e8;border:1px solid #be4c25;padding:14px;line-height:1.6}.info-card h3{color:#a50055;margin-top:0}.api-status{font-size:12px;margin-top:4px;color:#555}.footer-links{text-align:center;padding:14px 8px;font-size:12px}.footer-links a{color:#0645ad;margin:0 5px}@media(max-width:700px){.more-grid{grid-template-columns:repeat(2,1fr)}.page-shell{padding:5px 5px 18px}.result-big{font-size:23px!important}}


/* Unified header/footer and data cleanup */
.shared-header{padding-bottom:7px}.brand-home{display:block;text-align:center;font-size:24px;font-weight:1000;color:#a00000;text-decoration:none;padding:7px 8px 2px;letter-spacing:.2px}.main-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:5px 7px 1px}.main-nav a{background:#0a9b2f;color:#fff;border:1px solid #057723;border-radius:4px;padding:5px 9px;font-size:9px;font-weight:900;text-transform:uppercase;text-decoration:none}.main-nav a.active{background:#a50055;border-color:#75003c}.shared-notice{margin-top:0}.page-breadcrumb{margin:0;border-left:0;border-right:0;border-radius:0}.unified-live-card{border:0;background:var(--peach-light)}.result-parts{display:grid;grid-template-columns:repeat(3,1fr);max-width:520px;margin:8px auto;border:1px solid #c72714}.result-parts>div{padding:6px;border-right:1px solid #c72714;background:#fff4df}.result-parts>div:last-child{border-right:0}.result-parts span{display:block;font-size:8px;font-weight:900;color:#6c2500}.result-parts strong{display:block;font-size:17px;color:#b40000;margin-top:2px}.data-note{margin:7px 10px 10px;text-align:center;font-size:10px;line-height:1.45;color:#683000}.current-data-table{margin:0}.clean-info{border:0;background:var(--peach-light);text-align:left}.clean-info h3{text-align:center;color:#990000;margin:4px 0 8px}.clean-info p{font-size:12px;line-height:1.55}.shared-footer{margin-top:0}.shared-footer .footer-links{display:flex}.code-box{word-break:break-all}.btn-row{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:10px 0}.site-btn{display:inline-block;border:0;border-radius:3px;background:#009d17;color:white;padding:7px 11px;font-size:11px;font-weight:900;text-decoration:none;cursor:pointer}.site-btn.alt{background:#cc0068}.site-btn.blue{background:#061bc2}
@media(max-width:520px){.brand-home{font-size:20px}.main-nav a{font-size:8px;padding:5px 7px}.result-parts strong{font-size:15px}.result-parts span{font-size:7px}}

/* =========================================================
   FINAL RESPONSIVE WIDTH FIX
   Keeps the existing design/data intact while preventing
   desktop inconsistency and mobile horizontal overflow.
   ========================================================= */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  min-width: 0;
}

img,
picture,
video,
svg,
canvas,
iframe {
  max-width: 100%;
}

/* One consistent content width on every page */
.site-shell,
.internal-shell {
  width: calc(100% - 24px);
  max-width: 1080px;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
}

.site-shell > *,
.internal-shell > *,
.section-block,
.panel-border,
.top-header,
.notice-strip,
.footer,
.shared-header,
.shared-footer,
.page-shell,
.internal-card {
  max-width: 100%;
  min-width: 0;
}

/* Prevent grid/flex children from forcing the page wider */
.featured-grid,
.market-row,
.chart-link-grid,
.directory,
.more-grid,
.link-cloud,
.result-parts,
.main-nav,
.footer-links,
.chart-actions,
.btn-row,
.chart-switch {
  min-width: 0;
  max-width: 100%;
}

.featured-grid > *,
.market-row > *,
.chart-link-grid > *,
.directory > *,
.more-grid > *,
.link-cloud > *,
.result-parts > * {
  min-width: 0;
}

/* Desktop result board: fluid columns instead of rigid widths */
.market-row {
  width: 100%;
  grid-template-columns:
    minmax(0, 1.45fr)
    minmax(0, 1fr)
    minmax(72px, .72fr)
    minmax(96px, .9fr);
}

.market-name,
.market-result,
.market-time,
.chart-actions,
.chart-link,
.directory a,
.more-grid a,
.main-nav a,
.footer-links a {
  overflow-wrap: anywhere;
  word-break: normal;
}

/* Keep tables inside their own area instead of widening the page */
.chart-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

/* Current-data tables only have 2-4 columns and can fit on phones */
.current-data-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.current-data-table th,
.current-data-table td {
  overflow-wrap: anywhere;
  word-break: normal;
}

/* Long content must never push the page width */
.prose-card,
.info-card,
.clean-info,
.code-box,
.data-note,
.page-lead,
.api-status,
.ticker,
.ticker span {
  max-width: 100%;
}

.prose-card,
.info-card,
.clean-info,
.code-box,
.data-note,
.page-lead,
.api-status {
  overflow-wrap: anywhere;
}

.more-grid,
.link-cloud {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Tablet */
@media (max-width: 820px) {
  .site-shell,
  .internal-shell {
    width: calc(100% - 12px);
  }

  .market-row {
    grid-template-columns:
      minmax(0, 1.35fr)
      minmax(0, .9fr)
      minmax(62px, .68fr)
      minmax(88px, .9fr);
  }

  .more-grid,
  .link-cloud {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile: truly full-width with no side overflow */
@media (max-width: 720px) {
  .site-shell,
  .internal-shell {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-left-width: 0;
    border-right-width: 0;
    box-shadow: none;
  }

  .panel-border {
    border-left-width: 0;
    border-right-width: 0;
  }

  .page-shell {
    width: 100%;
    max-width: 100%;
    padding-left: 6px;
    padding-right: 6px;
  }

  .market-row {
    grid-template-columns:
      minmax(0, 1.3fr)
      minmax(0, .82fr)
      minmax(54px, .62fr)
      minmax(78px, .88fr);
  }

  .chart-actions {
    gap: 2px;
  }

  .mini-btn {
    max-width: 100%;
    white-space: normal;
    line-height: 1.15;
  }

  .record-table.current-data-table {
    font-size: 11px;
  }

  .current-data-table th,
  .current-data-table td {
    padding: 6px 3px;
  }

  .main-nav,
  .footer-links {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* Narrow phones */
@media (max-width: 420px) {
  .market-row {
    grid-template-columns:
      minmax(0, 1.3fr)
      minmax(0, .8fr)
      minmax(48px, .6fr)
      minmax(70px, .86fr);
  }

  .market-name {
    padding-left: 2px;
    padding-right: 2px;
  }

  .result-parts {
    width: 100%;
  }

  .result-parts > div {
    padding-left: 3px;
    padding-right: 3px;
  }

  .more-grid,
  .link-cloud {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .main-nav a,
  .footer-links a {
    max-width: 100%;
  }
}

/* Very small screens */
@media (max-width: 340px) {
  .market-row {
    grid-template-columns:
      minmax(0, 1.25fr)
      minmax(0, .78fr)
      minmax(44px, .58fr)
      minmax(64px, .82fr);
  }

  .market-name,
  .market-result,
  .market-time {
    font-size: 7px;
  }

  .mini-btn {
    font-size: 6px;
    padding: 2px;
  }
}

/* Semantic heading normalization */
.section-title{font-style:normal;text-shadow:none;line-height:1.25}
.section-title.hot-pink,.section-title.maroon{color:#fff}
.section-title.yellow-title{color:#111}