/* Paschee home refresh. Loaded after styles.css; no visual/data demo values. */
:root { --container:min(1240px, calc(100% - 48px)); }
[hidden] { display:none !important; }
html { scroll-padding-top:96px; }
body { background:var(--ivory); }
button, a, select { -webkit-tap-highlight-color:transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible, select:focus-visible, input:focus-visible {
  outline:2px solid var(--gold-deep); outline-offset:4px;
}
.brand-word { direction:ltr; display:inline-block; }
.nav-wrap { min-height:74px; }
.intro-section { padding:48px 0 30px; }
.intro-grid { grid-template-columns:1fr 1fr; gap:clamp(28px,4.5vw,70px); align-items:center; }
.intro-copy { min-width:0; }
.intro-copy .eyebrow { font:700 11px/1.5 Arial,sans-serif; letter-spacing:.16em; }
.eyebrow-dot { width:6px; height:6px; box-shadow:none; }
.intro-copy h1 { font-size:clamp(2.1rem,3.45vw,3.1rem); line-height:1.55; letter-spacing:-.035em; margin:15px 0 15px; }
.intro-copy h1 span { color:var(--brand-navy-2); }
.intro-copy .intro-lead { font-size:1rem; line-height:2; margin:0 0 12px; color:var(--muted-strong); }
.intro-copy .intro-lead strong { color:var(--brand-navy); font-weight:800; }
.intro-copy .intro-proof { font-size:.92rem; line-height:1.95; color:var(--muted); margin:0; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:15px 20px; margin-top:24px; }
.btn-navy { color:var(--ivory); background:var(--brand-navy); border:1px solid var(--brand-navy); box-shadow:none; }
.btn-navy:hover { background:var(--brand-navy-2); transform:none; }
.hero-actions .btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:10px 17px; border-radius:12px; font-size:.86rem; }
.hero-actions svg { width:18px; height:18px; fill:currentColor; flex:0 0 auto; }
.hero-secondary { display:inline-flex; align-items:center; gap:8px; font-size:.82rem; font-weight:700; min-height:44px; }
.hero-secondary span { font:18px Arial,sans-serif; }
.hero-secondary:hover { text-decoration:underline; text-underline-offset:6px; }
.hero-footnote { display:flex; align-items:center; gap:7px; margin-top:17px; font-size:.71rem; color:var(--muted); }
.hero-footnote > span { width:5px; height:5px; border-radius:50%; background:var(--gold-deep); flex:0 0 auto; }
.hero-panel { min-width:0; padding:22px; border-radius:22px; background:#fffdf8; box-shadow:0 14px 45px rgba(4,19,38,.06); border:1px solid rgba(4,19,38,.11); }
.hero-panel::before { display:none; }
#forecast { scroll-margin-top:100px; }
.panel-head { align-items:center; gap:12px; }
.panel-eyebrow { font:700 10px/1.3 Arial,sans-serif; letter-spacing:.14em; color:var(--muted); display:block; }
.hero-panel h2 { font-size:1.3rem; line-height:1.65; margin:3px 0 0; }
.forecast-status { flex-shrink:0; font-size:.65rem; line-height:1.8; padding:4px 9px; border-radius:20px; border:1px solid rgba(4,19,38,.09); background:#f3f3ef; color:#60707d; }
.forecast-status.is-published { color:#17724f; background:#edf7f1; border-color:#d2e9dd; }
.forecast-published { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:6px 12px; font-size:.73rem; margin-top:14px; padding-bottom:12px; border-bottom:1px solid var(--line); }
.forecast-published > span { color:var(--muted); }
.forecast-published time { font-weight:600; font-variant-numeric:tabular-nums; }
.hero-forecast-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0; }
.hero-forecast-item { display:flex; flex-direction:column; align-items:stretch; gap:10px; min-width:0; padding:13px 12px 10px; background:#fff; border:1px solid rgba(4,19,38,.09); border-radius:14px; transition:none; }
.hero-forecast-item:hover { transform:none; border-color:rgba(4,19,38,.16); }
.forecast-asset { display:flex; align-items:center; gap:9px; min-width:0; }
.forecast-asset > div { min-width:0; }
.forecast-asset h3 { font-size:.84rem; font-weight:700; line-height:1.6; margin:0; }
.forecast-asset > div > span { color:var(--muted); font:600 10px/1.5 Arial,sans-serif; letter-spacing:.02em; display:block; }
.asset-icon { display:inline-grid; place-items:center; width:36px; height:36px; flex:0 0 36px; position:relative; overflow:hidden; border-radius:50%; background:#f4f3ef; }
.asset-icon img { width:100%; height:100%; object-fit:contain; position:absolute; inset:0; }
.asset-fallback { font:700 17px/1 Georgia,serif; }
.asset-gold { background:#fff3cf; color:#95701b; }
.asset-btc { background:#f7931a; color:#fff; }
.asset-brent { background:#202b3b; color:#fff; }
.asset-brent .asset-fallback { font:700 10px Arial,sans-serif; }
.asset-usd { background:#e8eef5; color:#163452; }
.asset-usd .asset-fallback { font:600 24px Arial,sans-serif; }
.asset-icon.image-ready .asset-fallback { opacity:0; }
.forecast-direction-row { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.forecast-direction-label { color:var(--muted); font-size:.68rem; }
.hero-panel .direction { min-height:27px; padding:2px 9px; font-size:.75rem; gap:4px; line-height:1.7; }
.direction.pending { background:#f3f4f5; color:#6c747b; }
.reference-row { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:4px; padding-top:8px; border-top:1px solid #eef0f1; line-height:1.6; min-width:0; }
.reference-row > span { color:var(--muted); font-size:.64rem; }
.reference-value { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px; font-size:.87rem; font-weight:700; min-width:0; }
.reference-value bdi { font-family:Arial,sans-serif; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.reference-value small { font-size:.60rem; font-weight:500; color:var(--muted); }
.reference-source { font-size:9px; line-height:1.5; color:#7b858f; margin-top:-7px; text-align:left; min-height:14px; }
.forecast-horizon-row { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:5px 12px; font-size:.75rem; padding-top:10px; border-top:1px solid var(--line); }
.forecast-horizon-row > span { color:var(--muted); }
.forecast-horizon-row strong { font-size:.77rem; line-height:1.8; font-weight:700; }
.forecast-ref-note { font-size:.65rem; line-height:1.85; color:var(--muted); margin:6px 0 0; }
.forecast-post-link { display:flex; justify-content:space-between; align-items:center; min-height:38px; margin-top:4px; font-size:.72rem; font-weight:600; color:var(--brand-navy-2); }
.forecast-post-link:hover { text-decoration:underline; text-underline-offset:4px; }
.forecast-data-message { margin:8px 0; padding:9px 10px; background:var(--amber-soft); color:#82601f; border-radius:8px; font-size:.68rem; }
.market-strip { padding-top:26px; }
.market-card-title .asset-icon { width:32px; height:32px; flex-basis:32px; }
.quote-loading,.quote-unavailable { display:flex; justify-content:center; align-items:center; height:100%; color:var(--muted); font-size:12px; }
.quote-unavailable { flex-direction:column; gap:6px; }
.quote-retry { border:1px solid var(--line); border-radius:7px; padding:3px 10px; background:transparent; color:var(--brand-navy); cursor:pointer; font-size:11px; min-height:32px; }
.tv-heading p { font-size:.88rem; }
.chart-topline { min-height:24px; }
.chart-symbol { font-size:13px; line-height:1.5; letter-spacing:.02em; }
.tv-note { font-size:11px; }
.chart-controls { margin-top:9px; }
.chart-tabs { flex-wrap:wrap; }
.chart-tab { min-height:44px; font-size:.87rem; padding:9px 17px; }
.tv-card { border-radius:20px; }
.archive-section { padding-top:3px; padding-bottom:26px; }
.archive-banner { display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:22px; padding:30px; border-radius:20px; background:var(--brand-navy); color:var(--ivory); }
.archive-emblem { display:grid; place-items:center; width:52px; height:64px; color:var(--gold); }
.archive-emblem svg { width:46px; height:46px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.archive-copy .section-kicker { color:#bdc7d4; letter-spacing:0; font-size:.65rem; font-weight:500; }
.archive-copy h2 { margin:6px 0 9px; font-size:1.16rem; line-height:1.8; font-weight:700; }
.archive-copy p { margin:0; color:#bac5d4; font-size:.82rem; line-height:1.95; max-width:650px; }
.archive-actions { display:flex; flex-direction:column; align-items:stretch; gap:11px; min-width:205px; }
.archive-actions .btn { padding:10px 15px; border-radius:11px; min-height:44px; font-size:.77rem; display:flex; gap:12px; justify-content:space-between; align-items:center; box-shadow:none; }
.archive-results-link { display:flex; align-items:center; justify-content:center; gap:10px; font-size:.76rem; min-height:38px; color:#d0d8e3; }
.archive-results-link:hover { color:#fff; text-decoration:underline; text-underline-offset:5px; }
.record-state { font-size:.84rem; color:var(--muted); margin:0 0 15px; }
.accuracy-donut.is-empty { background:#e6e9ec !important; }
.empty-history { text-align:center !important; padding:28px 16px !important; white-space:normal; color:var(--muted); font-size:.84rem; }
.content-empty { grid-column:1/-1; padding:24px; border:1px dashed var(--line-strong); border-radius:16px; color:var(--muted); font-size:.84rem; background:rgba(255,255,255,.35); }
.result-badge.pending,.result-badge.flat { font-size:.73rem; line-height:1.6; }
.history-table td:first-child { font-size:.76rem; }
.asset-credit { color:#96a4b6; font-size:10px; }
@media (max-width:1050px) {
  .intro-grid { gap:28px; }
  .intro-copy h1 { font-size:2.2rem; }
  .hero-panel { padding:18px; }
  .hero-actions { gap:6px 13px; }
  .archive-banner { grid-template-columns:42px minmax(0,1fr); padding:24px; gap:16px; }
  .archive-actions { grid-column:2; flex-direction:row; align-items:center; gap:22px; }
  .archive-emblem { width:42px; }
}
@media (max-width:800px) {
  :root { --container:min(650px, calc(100% - 36px)); }
  .intro-grid { grid-template-columns:1fr; gap:26px; }
  .intro-section { padding:28px 0 20px; }
  .intro-copy h1 { font-size:2.35rem; margin:9px 0 11px; line-height:1.5; }
  .intro-copy .intro-lead { font-size:.95rem; }
  .intro-copy .intro-proof { font-size:.84rem; }
  .hero-actions { margin-top:17px; gap:7px 20px; }
  .hero-footnote { margin-top:10px; }
  .hero-panel { padding:20px; }
  .hero-forecast-item { padding:12px; }
  .forecast-asset h3 { font-size:.88rem; }
  .reference-row > span { font-size:.7rem; }
  .reference-value { font-size:.94rem; }
  .archive-copy h2 { font-size:1.1rem; }
}
@media (max-width:480px) {
  :root { --container:calc(100% - 28px); }
  .nav-wrap { min-height:62px; }
  .brand-word { font-size:1.7rem; }
  .intro-copy .eyebrow { font-size:9px; letter-spacing:.13em; }
  .intro-copy h1 { font-size:2rem; line-height:1.52; }
  .intro-copy .intro-lead { font-size:.87rem; line-height:1.95; }
  .intro-copy .intro-proof { font-size:.80rem; line-height:1.9; }
  .hero-actions { align-items:stretch; gap:5px; }
  .hero-actions .btn { width:100%; font-size:.83rem; }
  .hero-secondary { justify-content:center; width:100%; min-height:38px; font-size:.77rem; }
  .hero-footnote { font-size:.65rem; justify-content:center; margin-top:5px; }
  .hero-panel { padding:15px; border-radius:18px; }
  .hero-panel h2 { font-size:1.16rem; }
  .forecast-status { font-size:.61rem; padding:3px 7px; }
  .forecast-published { font-size:.68rem; }
  .hero-forecast-list { gap:8px; margin:12px 0; }
  .hero-forecast-item { padding:10px 9px 8px; gap:8px; border-radius:12px; }
  .asset-icon { width:30px; height:30px; flex-basis:30px; }
  .forecast-asset { gap:6px; }
  .forecast-asset h3 { font-size:.74rem; }
  .forecast-asset > div > span { font-size:9px; }
  .forecast-direction-label { font-size:.61rem; }
  .hero-panel .direction { font-size:.69rem; padding:2px 7px; min-height:26px; }
  .reference-row > span { font-size:.59rem; }
  .reference-value { font-size:.80rem; }
  .reference-value small { font-size:.53rem; }
  .forecast-ref-note { font-size:.61rem; }
  .forecast-horizon-row { font-size:.66rem; gap:5px; }
  .forecast-horizon-row strong { font-size:.68rem; }
  .forecast-post-link { font-size:.67rem; }
  .reference-source { font-size:8px; }
  .archive-banner { grid-template-columns:1fr; gap:10px; padding:22px 18px; border-radius:17px; }
  .archive-emblem { display:none; }
  .archive-copy h2 { font-size:1.05rem; line-height:1.8; }
  .archive-copy p { font-size:.78rem; }
  .archive-actions { grid-column:1; flex-direction:column; gap:4px; align-items:stretch; margin-top:6px; }
  .archive-actions .btn { justify-content:center; font-size:.8rem; }
  .archive-results-link { font-size:.75rem; }
  .tv-heading p { font-size:.77rem; }
  .chart-tab { padding:8px 13px; font-size:.78rem; }
  .chart-symbol { font-size:12px; }
  .chart-topline .tv-note { font-size:10px; }
  .content-empty { font-size:.77rem; padding:18px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}

/* Keep the published card compact; detailed source/time remains on the reference row. */
.reference-source { display:none; }
.hero-forecast-item { gap:7px; }
.hero-forecast-list { margin:12px 0; }

.container { width:var(--container); }
.hero-panel .panel-head { flex-direction:row; align-items:center; text-align:right; justify-content:space-between; }
.chart-topline { flex-direction:row; align-items:center; }
@media(max-width:480px){ .forecast-published{margin-top:11px;padding-bottom:9px;} .hero-panel{padding:14px;} }

/* r3: one shared DXY image component; only the icon changes, not the USD/TMN instrument. */
.asset-usd .asset-fallback { font:700 10px/1 Arial,sans-serif; }
.tgju-quote-row .asset-icon { flex:0 0 26px; width:26px; height:26px; min-width:26px; }
.tgju-quote-row .asset-icon img { width:100%; height:100%; object-fit:contain; }
.tgju-quote-row .asset-usd .asset-fallback { font-size:8px; }