/* Route & Fuel newsroom only. Content is visible before JavaScript runs. */
/* Fixed-size decoration: filtering and the mobile keyboard must not recolour the page. */
body.rf-newsroom-page {
  /* The shared base stylesheet uses an important body background shorthand. */
  background-color: #06121f !important;
  background-image: radial-gradient(1050px 620px at 78% 120px, rgba(49,229,197,.18), transparent 62%),
    radial-gradient(820px 520px at 4% 600px, rgba(34,117,159,.18), transparent 58%),
    linear-gradient(#06121f 0px, #091b2a 700px, #06121f 1600px) !important;
  background-size: 100% 1600px !important;
  background-repeat: no-repeat !important;
}
body.rf-newsroom-page::before { display: none; }
.rf-newsroom-page .nr-dashboard {
  --nr-border: rgba(157, 189, 215, .18);
  --nr-muted: #b3c4d5;
  --nr-teal: #55e3c9;
  --nr-amber: #ffd36a;
  padding: 34px 0 72px;
}
.nr-dashboard .wrap { max-width: 1180px; }
.nr-dashboard h1 { font-size: clamp(2rem, 4.6vw, 3.65rem); line-height: 1.05; letter-spacing: -.045em; max-width: 24ch; margin: 12px 0 16px; }
.nr-dashboard h2 { font-size: clamp(1.2rem, 2.4vw, 1.7rem); letter-spacing: -.025em; line-height: 1.25; margin: 0; }
.nr-dashboard h3 { font-size: 1.06rem; line-height: 1.35; margin: 0 0 12px; }
.nr-dashboard p { line-height: 1.65; }
.nr-dashboard a { text-underline-offset: 4px; }
.nr-dashboard a:focus-visible, .nr-dashboard [tabindex]:focus-visible { outline: 3px solid var(--nr-teal); outline-offset: 5px; }
.nr-breadcrumb { color: var(--nr-muted); font-size: .85rem; margin-bottom: 24px; }
.nr-breadcrumb a { color: #cae3f5; }
.nr-topline, .nr-section-heading, .nr-metric-label, .nr-inline-links, .nr-edition-status { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.nr-topline, .nr-section-heading, .nr-metric-label { justify-content: space-between; }
.nr-eyebrow { font-size: .74rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; color: var(--nr-teal); }
.nr-edition-status { font-size: .79rem; color: #ccdae8; border: 1px solid var(--nr-border); background: rgba(15, 35, 52, .8); padding: 8px 12px; border-radius: 9px; }
.nr-edition-status::before { content: ''; width: 6px; height: 6px; background: var(--nr-teal); border-radius: 50%; flex: 0 0 auto; }
.nr-intro { max-width: 76ch; color: var(--nr-muted); margin: 0; font-size: 1.04rem; }
.nr-meta { margin: 14px 0 0; color: var(--nr-muted); font-size: .8rem; }
.nr-jump-links { display: flex; gap: 6px; flex-wrap: wrap; margin: 22px 0 26px; border-bottom: 1px solid var(--nr-border); padding-bottom: 14px; }
.nr-jump-links a, .nr-pill-link { padding: 8px 12px; border-radius: 9px; color: #dce9f5; font-size: .85rem; text-decoration: none; border: 1px solid var(--nr-border); background: rgba(15, 35, 52, .7); }
.nr-jump-links a:first-child { color: var(--nr-teal); background: rgba(49, 229, 197, .07); }
.nr-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 14px; margin: 18px 0; }
.nr-metric { --nr-accent: var(--nr-teal); border: 1px solid var(--nr-border); border-top: 2px solid var(--nr-accent); border-radius: 16px; padding: 21px; background: linear-gradient(145deg, #102637, #0a1b2d); min-width: 0; }
.nr-metric[data-nr-fuel="B7"] { --nr-accent: var(--nr-amber); }
.nr-metric[data-nr-fuel="E5"] { --nr-accent: #9bbdff; }
.nr-metric[data-nr-fuel="SDV"] { --nr-accent: #d3b9ff; }
.nr-metric-label { gap: 8px; flex-wrap: nowrap; align-items: flex-start; font-size: .87rem; font-weight: 650; }
.nr-grade { border: 1px solid var(--nr-border); border-radius: 6px; padding: 3px 7px; font-size: .69rem; color: var(--nr-accent); flex: 0 0 auto; }
.nr-metric-price { margin: 16px 0 12px; font-size: clamp(2rem, 3.8vw, 2.7rem); font-weight: 750; line-height: 1.1; letter-spacing: -.045em; white-space: nowrap; }
.nr-unit { font-size: .77rem; font-weight: 500; letter-spacing: 0; color: var(--nr-muted); margin-left: 5px; }
.nr-change { display: inline-block; font-size: .75rem; font-weight: 650; color: #c8d8e7; padding: 5px 8px; border-radius: 6px; background: rgba(157, 189, 215, .08); }
.nr-change[data-direction="up"] { color: #ffbd9c; background: rgba(255, 161, 117, .09); }
.nr-change[data-direction="down"] { color: #80ead6; background: rgba(85, 227, 201, .08); }
.nr-metric-foot { color: var(--nr-muted); font-size: .73rem; margin: 12px 0 0; }
.nr-dashboard-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(245px, 1fr); gap: 18px; align-items: stretch; margin: 20px 0 32px; }
.nr-panel { border: 1px solid var(--nr-border); border-radius: 18px; background: rgba(10, 27, 43, .9); padding: 24px; min-width: 0; }
.nr-panel .nr-eyebrow { display: block; margin-bottom: 10px; }
.nr-chart-panel { margin: 0; overflow: hidden; }
.nr-chart-top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.nr-chart-top h2 { font-size: 1.18rem; }
.nr-chart-top p { font-size: .77rem; color: var(--nr-muted); margin: 8px 0; }
.nr-chart-legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: .76rem; color: #d5e3ef; padding: 8px 0; }
.nr-chart-legend span { display: inline-flex; gap: 6px; align-items: center; }
.nr-chart-legend span::before { content: ''; width: 16px; height: 3px; border-radius: 4px; background: var(--nr-teal); }
.nr-chart-legend span:last-child::before { background: var(--nr-amber); }
.nr-chart { aspect-ratio: 900 / 380; margin: 6px -8px; }
.nr-chart > svg { display: block; width: 100%; height: auto; }
.nr-chart-panel figcaption { font-size: .75rem; color: var(--nr-muted); margin-top: 12px; line-height: 1.6; }
.nr-no-history { min-height: 220px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 26px 18px; margin-top: 15px; border: 1px dashed var(--nr-border); border-radius: 12px; background: linear-gradient(0deg, rgba(19, 45, 62, .2), rgba(19, 45, 62, .2)); }
.nr-no-history strong { font-size: 1.08rem; }
.nr-no-history p { color: var(--nr-muted); max-width: 50ch; font-size: .87rem; }
.nr-cost-row { display: flex; justify-content: space-between; gap: 12px; align-items: center; border-top: 1px solid var(--nr-border); padding: 17px 0; }
.nr-cost-row:first-of-type { margin-top: 16px; }
.nr-cost-row > span { font-size: .86rem; color: var(--nr-muted); }
.nr-cost-value { font-size: 1.65rem; font-weight: 720; letter-spacing: -.04em; white-space: nowrap; }
.nr-small { font-size: .8rem; color: var(--nr-muted); }
.nr-button { gap: 10px; text-decoration: none !important; }

.nr-inline-links { margin-top: 17px; font-size: .84rem; }
.nr-section { margin: 36px 0; scroll-margin-top: 105px; }
.nr-section-heading { margin-bottom: 18px; gap: 16px; }
.nr-section-heading p { font-size: .83rem; color: var(--nr-muted); margin: 6px 0 0; }
.nr-table-scroll { overflow-x: auto; border: 1px solid var(--nr-border); border-radius: 15px; }
.nr-table { width: 100%; border-collapse: collapse; font-size: .87rem; }
.nr-table caption { padding: 16px 20px; text-align: left; font-size: .8rem; color: var(--nr-muted); background: rgba(15, 35, 52, .8); }
.nr-table th, .nr-table td { padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--nr-border); }
.nr-table thead th { color: var(--nr-muted); font-size: .76rem; font-weight: 550; white-space: nowrap; }
.nr-table tbody th { font-weight: 600; }
.nr-table td { font-variant-numeric: tabular-nums; white-space: nowrap; }
.nr-table tr:last-child th, .nr-table tr:last-child td { border-bottom: 0; }
.nr-notes { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 18px; }
.nr-notes p { color: var(--nr-muted); font-size: .86rem; }
.nr-archive-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.nr-archive-grid > .card { display: flex; flex-direction: column; padding: 23px; border: 1px solid var(--nr-border); border-radius: 15px; background: rgba(13, 31, 48, .88); box-shadow: none; text-decoration: none; color: #f6f9ff; min-width: 0; }
.nr-archive-grid > .card::before, .nr-archive-grid > .card::after { display: none; }
.nr-archive-grid .card h2 { font-size: 1.05rem; line-height: 1.4; margin: 9px 0 16px; }
.nr-archive-grid .card p { font-size: .83rem; color: var(--nr-muted); margin: 6px 0; }
.nr-card-date { font-size: .7rem; color: var(--nr-teal); text-transform: uppercase; letter-spacing: .08em; }
.nr-mini-prices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 8px 0 18px; }
.nr-mini-prices > div > span { display: block; color: var(--nr-muted); font-size: .73rem; }
.nr-mini-prices strong { display: block; font-size: 1.4rem; color: #eff7ff; margin-top: 5px; font-variant-numeric: tabular-nums; }
.nr-card-cta { margin-top: auto; padding-top: 12px; font-size: .76rem; color: #d0f6ef; }
.nr-pagination { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; align-items: center; }
.nr-pagination .btn { min-width: 44px; min-height: 44px; padding: 9px 12px; text-align: center; font-size: .84rem; }
.nr-pagination [aria-current] { pointer-events: none; }
.nr-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.nr-guide-grid p { font-size: .86rem; color: var(--nr-muted); }
.nr-guide-grid a { color: #b9fff0; font-size: .85rem; }
.nr-counter { position: relative; display: inline-block; font-variant-numeric: tabular-nums; }
.nr-counter-final { display: inline-block; }
.nr-counter-visual { display: none; position: absolute; inset: 0; text-align: inherit; white-space: nowrap; pointer-events: none; user-select: none; }
.nr-is-counting > .nr-counter-final { opacity: 0; }
.nr-is-counting > .nr-counter-visual { display: block; }
.nr-demo-notice { border: 1px solid #e8ba50; background: #2c281d; color: #ffe7a5; padding: 14px 20px; margin: 0 0 22px; border-radius: 12px; font-size: .9rem; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .nr-archive-grid > .card, .nr-dashboard .nr-button { transition: transform 180ms ease, border-color 180ms ease; }
  .nr-archive-grid > .card:hover { transform: translateY(-3px); border-color: rgba(85, 227, 201, .55); }
  .nr-dashboard .nr-button:hover { transform: translateY(-2px); }
}
@media (max-width: 1000px) { .nr-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .nr-guide-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .rf-newsroom-page .nr-dashboard { padding-top: 24px; }
  .nr-dashboard-grid, .nr-notes { grid-template-columns: 1fr; }
  .nr-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nr-dashboard h1 { font-size: 2.2rem; }
  .nr-chart { margin-inline: -12px; }
}
@media (max-width: 460px) {
  .nr-metrics { gap: 10px; } .nr-metric { padding: 16px 12px; }
  .nr-metric-label { flex-wrap: wrap; min-height: 46px; font-size: .8rem; gap: 5px; }
  .nr-metric-price { font-size: 2.05rem; margin-block: 12px; }
  .nr-unit { font-size: .68rem; margin-left: 3px; }
  .nr-change { font-size: .68rem; padding-inline: 5px; }
  .nr-metric-foot { font-size: .67rem; }
  .nr-panel { padding: 19px 16px; }
  .nr-archive-grid { grid-template-columns: 1fr; }
  .nr-chart text { font-size: 29px; }
  .nr-chart-legend { gap: 10px; font-size: .7rem; }
  .nr-table th, .nr-table td { padding: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .rf-newsroom-page { scroll-behavior: auto; }
  .nr-dashboard *, .nr-dashboard *::before, .nr-dashboard *::after { animation: none !important; transition: none !important; }
  .nr-is-counting > .nr-counter-final { opacity: 1 !important; }
  .nr-is-counting > .nr-counter-visual { display: none !important; }
}
@media print {
  .nr-dashboard [data-nr-reveal] { opacity: 1 !important; transform: none !important; }
  .nr-is-counting > .nr-counter-final { opacity: 1 !important; }
  .nr-is-counting > .nr-counter-visual { display: none !important; }
  .nr-dashboard [data-nr-line] { stroke-dasharray: none !important; stroke-dashoffset: 0 !important; }
}

/* Editorial archive: one quiet list, not another fuel dashboard. */
.nr-newsroom-index .wrap { max-width: 1040px; }
.nr-newsroom-index h1 { font-size: clamp(2.15rem,4vw,3.05rem); margin-bottom: 10px; }
.nr-newsroom-index .nr-breadcrumb { margin-bottom: 24px; }
.nr-index-links { display:flex; flex-wrap:wrap; gap:22px; margin:18px 0 0; font-size:.85rem; }
.nr-index-links a { color:var(--nr-muted); }
.nr-filters { display:flex; flex-wrap:wrap; gap:8px; margin:30px 0 26px; padding-bottom:18px; border-bottom:1px solid var(--nr-border); }
.nr-filter { display:inline-flex; align-items:center; min-height:42px; padding:8px 15px; border:1px solid transparent; border-radius:9px; color:#c7d6e4; font-size:.87rem; text-decoration:none; }
.nr-filter-active { background:#103731; color:#7af1d7; border-color:#24645a; }
.nr-filter:hover { border-color:var(--nr-border); color:#e3fff8; }
.nr-list-heading { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:12px; margin-bottom:6px; }
.nr-list-heading h2 { font-size:1.05rem; }
.nr-list-heading > span { color:var(--nr-muted); font-size:.78rem; }
.nr-article-row { display:grid; grid-template-columns:155px minmax(0,1fr); gap:26px; padding:25px 0; border-bottom:1px solid var(--nr-border); }
.nr-list-meta { display:flex; flex-direction:column; align-items:flex-start; gap:12px; font-size:.78rem; color:var(--nr-muted); }
.nr-type { display:inline-flex; padding:5px 9px; border-radius:5px; font-size:.69rem; font-weight:650; text-transform:uppercase; letter-spacing:.055em; background:#14352f; color:#81e7d3; }
.nr-type-guides { background:#172e46; color:#accef4; }
.nr-type-analysis { background:#302841; color:#d0b9ed; }
.nr-type-reports { background:#383021; color:#e6cf92; }
.nr-list-copy { min-width:0; }
.nr-list-copy h2 { font-size:1.18rem; font-weight:650; line-height:1.4; margin:0; }
.nr-list-copy h2 a { display:block; color:#edf5ff; text-decoration:none; position:relative; padding-right:28px; }
.nr-list-copy h2 a:hover { text-decoration:underline; }
.nr-list-arrow { position:absolute; right:1px; top:0; color:var(--nr-teal); font-size:1.2rem; font-weight:400; }
.nr-list-copy p { color:var(--nr-muted); font-size:.85rem; margin:8px 0 0; max-width:78ch; }
.nr-list-notice { color:var(--nr-muted); font-size:.85rem; padding-block:14px; }
.nr-index-footer { display:flex; flex-wrap:wrap; gap:20px; border-top:1px solid var(--nr-border); padding-top:22px; margin-top:38px; font-size:.8rem; }
.nr-index-footer a { color:var(--nr-muted); }
/* Same scale for each grade: a full revolution represents 100% change. */
.nr-thirty-day { margin:28px 0 22px; scroll-margin-top:110px; }
.nr-thirty-day .nr-section-heading h2 { font-size:1.2rem; }
.nr-trend-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.nr-trend-card { --nr-accent:var(--nr-teal); display:flex; align-items:center; gap:16px; padding:20px; border:1px solid var(--nr-border); border-radius:18px; background:rgba(11,29,44,.92); min-width:0; }
.nr-trend-card[data-nr-fuel="B7"] { --nr-accent:var(--nr-amber); }
.nr-trend-dial { position:relative; width:142px; height:142px; flex:0 0 142px; }
.nr-trend-dial svg { width:100%; height:100%; display:block; fill:none; }
.nr-ring-track { stroke:#213d4c; stroke-width:3; }
.nr-ring { stroke:var(--nr-accent); stroke-width:4.5; stroke-linecap:butt; }
.nr-ring-tip { fill:var(--nr-accent); }
.nr-ring-scale { color:var(--nr-muted); font-size:.8rem; margin:12px 0 0; }
.nr-ring-overflow { color:#ffcfb0; font-size:.73rem; margin:8px 0 0; }
.nr-trend-unavailable { font-size:1rem; white-space:normal; text-align:center; line-height:1.2; max-width:95px; }
.nr-trend-number { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:1.65rem; font-weight:720; font-variant-numeric:tabular-nums; letter-spacing:-.025em; white-space:nowrap; }
.nr-trend-period { display:block; font-size:.58rem; color:var(--nr-muted); letter-spacing:.04em; text-transform:uppercase; font-weight:500; margin-top:7px; }
.nr-trend-copy { min-width:0; }
.nr-trend-copy h3 { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:.97rem; margin:0 0 10px; }
.nr-trend-detail { margin:0; color:#ecf4fd; font-size:.89rem; font-weight:600; }
.nr-trend-detail[data-direction="up"] { color:#ffcfb0; }
.nr-trend-detail[data-direction="down"] { color:#84e6d4; }
.nr-trend-copy .nr-small { margin:8px 0 0; font-size:.73rem; }
.nr-insight-note { font-size:.74rem; color:var(--nr-muted); margin:12px 0 0; max-width:112ch; }
.nr-trend-small { font-size:1.25rem; }
.nr-chart text { font-variant-numeric:tabular-nums; }
.nr-chart svg[data-nr-inspection-ready] { touch-action: pan-y pinch-zoom; cursor: crosshair; }
.nr-chart-readout { min-height: 3.4em; margin: 8px 12px 0; color: #edf5ff; font-size: .85rem; font-variant-numeric: tabular-nums; }
.nr-chart-hint { margin: 4px 12px 10px; color: var(--nr-muted); font-size: .75rem; }
.nr-chart-cursor { stroke: #b3c4d5; stroke-width: 1.5; stroke-dasharray: 5 5; pointer-events: none; }
.nr-chart-selected { stroke: #06121f; stroke-width: 2; pointer-events: none; }
/* Keep all exact saved values accessible. Without the interaction script, the
   table stays visible; print also exposes it. There is no data/source dropdown. */
@media screen {
  .nr-chart-panel[data-nr-inspection-ready] .nr-chart-data { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
}
@media(max-width:1000px) { .nr-trend-card { padding:15px; gap:12px; } .nr-trend-dial { width:120px; height:120px; flex-basis:120px; } .nr-trend-number { font-size:1.45rem; } }
@media(max-width:760px) { .nr-trend-grid { grid-template-columns:1fr; } .nr-trend-card { padding:16px 20px; gap:24px; } .nr-article-row { grid-template-columns:1fr; gap:12px; padding:22px 0; } .nr-list-meta { flex-direction:row; align-items:center; flex-wrap:wrap; gap:14px; } .nr-list-copy h2 { font-size:1.1rem; } }
@media(max-width:460px) { .nr-chart text { font-size:24px; } .nr-filters { gap:4px; } .nr-filter { padding:8px 10px; font-size:.77rem; } .nr-trend-card { padding:14px 10px; gap:14px; } .nr-trend-dial { width:114px; height:114px; flex-basis:114px; } .nr-trend-copy h3 { font-size:.85rem; } .nr-trend-detail { font-size:.78rem; } .nr-trend-copy .nr-small { font-size:.68rem; } }

.nr-archive-controls{padding:20px;border:1px solid var(--nr-border);border-radius:18px;margin:20px 0;display:grid;gap:14px}.nr-archive-controls[hidden]{display:none}.nr-archive-controls label{display:grid;gap:6px;font-weight:600;min-width:0}.nr-archive-controls input,.nr-archive-controls select{min-height:44px;max-width:100%;width:100%;box-sizing:border-box;background:#0c2131;color:#f0f6ff;border:1px solid #526775;border-radius:10px;padding:10px;font:inherit;color-scheme:dark}.nr-archive-controls summary{cursor:pointer;padding:10px 0;min-height:24px}.nr-archive-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:10px}.nr-archive-controls :focus-visible{outline:2px solid #42dec5;outline-offset:3px}@media(max-width:400px){.nr-archive-fields{grid-template-columns:1fr}.nr-archive-controls{padding:14px}}

/* Preserve text scaling and avoid iOS input-focus auto zoom. */
.nr-archive-controls input, .nr-archive-controls select { font-size: max(16px, 1rem) !important; }