/* Experimental reading layout. Kept separate from the production stylesheet. */
.lab-home .lab-rail-reset { position:absolute; z-index:29; top:178px; left:12px; display:grid; place-items:center; width:58px; height:46px; min-width:58px; padding:0; border:1px solid var(--line); border-radius:4px; background:var(--canvas,var(--surface)); color:var(--ink-soft); cursor:pointer; }
.lab-home .lab-rail-reset:hover,
.lab-home .lab-rail-reset:focus-visible { border-color:var(--green); color:var(--green); }
.lab-home .lab-rail-reset:focus-visible { outline:3px solid var(--green); outline-offset:2px; }
.lab-home .lab-rail-reset svg { width:20px; height:20px; }
.lab-home .utm-console .lab-period-panel .period-actions { display:none!important; }
@media(max-width:700px) {
  .lab-home .lab-rail-reset { position:relative; top:auto; left:auto; width:48px; min-width:48px; height:44px; margin:-4px 0 10px; }
}
.lab-home .lab-period-panel .converter-period-row { grid-template-columns:minmax(0,1fr); gap:8px; }
.lab-home .lab-period-panel .converter-date-group { grid-column:1; grid-row:1; min-width:0; }
.lab-home .lab-period-panel .converter-date-fields { width:100%; grid-template-columns:60px minmax(0,1fr) 96px; gap:6px; }
.lab-home .lab-period-panel .converter-period-status { grid-column:1; grid-row:2; }
@media(max-width:700px) {
  .lab-home .lab-period-panel .converter-date-fields { grid-template-columns:42px minmax(0,1fr) 60px; gap:5px; }
}
/* The chosen period remains visible; the in-flow drawer keeps the calculator clear. */
.lab-home .console-converter,
.lab-home .hero .utm-console.calm { position:relative; padding-left:86px!important; }
.lab-home .lab-period-disclosure { position:static; }
.lab-home .lab-period-disclosure > summary { position:absolute; z-index:30; top:18px; left:12px; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:58px; min-height:150px; padding:10px 4px; border:1px solid var(--line); border-radius:4px; background:var(--canvas,var(--surface)); color:var(--ink); cursor:pointer; list-style:none; text-align:center; }
.lab-home .lab-period-disclosure > summary::-webkit-details-marker { display:none; }
.lab-home .lab-period-disclosure > summary:focus-visible { outline:3px solid var(--green); outline-offset:2px; }
.lab-home .lab-period-rail-title { color:var(--ink-soft); font-size:.66rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.lab-home .lab-period-rail-action { color:var(--green); font-size:.64rem; font-weight:800; }
.lab-home .lab-period-disclosure summary strong { max-width:100%; font-size:.78rem; font-weight:850; line-height:1.15; overflow-wrap:anywhere; text-transform:uppercase; }
.lab-home .lab-period-disclosure[open] > summary { border-color:var(--green); background:var(--green-soft,var(--mint)); }
.lab-home .lab-period-panel { box-sizing:border-box; width:100%; margin:0 0 12px; padding:12px 16px 16px; border:1px solid var(--line); border-radius:4px; background:var(--paper); opacity:0; transform:translateX(-12px); transition:opacity 150ms ease-out,transform 150ms ease-out; }
.lab-home .lab-period-disclosure.is-open .lab-period-panel { opacity:1; transform:translateX(0); }
.lab-home .lab-period-panel-head { display:flex; align-items:center; justify-content:space-between; min-height:44px; margin:-4px 0 12px; border-bottom:1px solid var(--line); color:var(--ink-soft); font-size:.8rem; font-weight:800; }
.lab-home .lab-period-panel-head button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:var(--ink-soft); cursor:pointer; }
.lab-home .lab-period-panel-head button:hover { color:var(--green); }
.lab-home .lab-period-panel-head button:focus-visible { outline:3px solid var(--green); outline-offset:-3px; }
.lab-home .lab-period-panel-head svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.lab-home .lab-period-panel .converter-period-row,
.lab-home .lab-period-panel .period-row { margin:0 0 12px; }
.lab-home .lab-period-panel .converter-date-shortcuts,
.lab-home .utm-console .lab-period-panel .month-shortcuts { display:grid; }
.lab-home .lab-period-panel .reset-converter,
.lab-home .lab-period-panel .period-reset { min-width:64px; width:64px; }
.lab-home .lab-period-panel .lab-reset-label { display:block; position:static; width:auto; height:auto; overflow:visible; clip:auto; white-space:normal; font-size:.7rem; font-weight:800; }
.lab-home .lab-period-panel .reset-converter svg,
.lab-home .lab-period-panel .period-reset svg { width:17px; height:17px; }
@media(max-width:700px) {
  .lab-home .console-converter,
  .lab-home .hero .utm-console.calm { padding-left:14px!important; }
  .lab-home .lab-period-disclosure { margin:0 0 12px; }
  .lab-home .lab-period-disclosure > summary { position:relative; top:auto; left:auto; flex-direction:row; justify-content:space-between; width:100%; min-height:48px; padding:8px 12px; text-align:left; }
  .lab-home .lab-period-disclosure summary strong { margin-right:auto; overflow-wrap:normal; }
  .lab-home .lab-period-panel { margin:8px 0 0; padding:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .lab-home .lab-period-panel { transition:none; transform:none; }
}
html:not([data-theme="dark"]) body.lab-site {
  --ink: #202b37;
  --ink-soft: #4d5e70;
  --ink-muted: #5b6d7c;
  --paper: #fffefa;
  --canvas: #f5f5ef;
  --line: #cbd4d9;
  --teal: #1e607d;
  --teal-dark: #194e68;
  --mint: #e8f1f3;
  --green: #1e607d;
  background: var(--paper);
}
html[data-theme="dark"] body.lab-site {
  --ink: #edf4f7;
  --ink-soft: #c5d3da;
  --ink-muted: #aabdc6;
  --paper: #172631;
  --canvas: #1e3440;
  --line: #48616d;
  --teal: #9bd9e6;
  --teal-dark: #a9e5ef;
  --mint: #285166;
  --green: #9bd9e6;
}
.lab-site .lab-ribbon {background:#1c3b4b;color:#fff;border-bottom:1px solid #57717c}
.lab-site .lab-ribbon-inner {display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;min-height:48px;padding-block:8px;font-size:.78rem}
.lab-site .lab-ribbon strong {font-size:.8rem;letter-spacing:.02em;white-space:nowrap}
.lab-site .lab-ribbon span {flex:1;min-width:230px;color:#e4edf0}
.lab-site .lab-ribbon button {min-height:34px;padding:5px 11px;border:1px solid #c2d9e1;border-radius:3px;background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.lab-site .lab-ribbon button:hover,.lab-site .lab-ribbon button:focus-visible {background:#e5f2f5;color:#1c3b4b}
.lab-site .lab-ribbon [hidden] {display:none!important}
.lab-site .lab-ribbon small {color:#d7e6eb;font-size:.72rem}
.lab-site .ad-zone,.lab-site .ad-slot,.lab-site .ad-reserved,.lab-site .hero-ad-zone,.lab-site .newsletter-band {display:none!important}
.lab-site .lab-intro {display:flex;align-items:center;gap:18px;padding-top:17px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.lab-site .lab-intro span {color:var(--teal-dark);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.lab-site .lab-intro p {margin:0;color:var(--ink-soft);font-size:.82rem}
.lab-home .uf-console.home-quote-stage {padding:0;background:var(--paper)}
.lab-home .console-hero-grid {display:grid;grid-template-columns:minmax(0,1fr);width:min(calc(100% - 40px),980px);min-height:0;gap:0;padding-bottom:36px}
.lab-home .console-hero-grid::before,.lab-home .home-quote-stage::before {display:none}
.lab-home .console-lede {display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,auto);grid-template-areas:"kicker kicker" "title value" "sub value" "actions actions";gap:8px 34px;align-items:end;min-height:0;padding:30px 0 22px;border:0}
.lab-home .console-kicker {grid-area:kicker;margin:0}
.lab-home .console-lede>h1 {grid-area:title;margin:0;background:none;color:var(--ink);-webkit-text-fill-color:currentColor;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,4vw,3.8rem);font-weight:500;letter-spacing:-.035em;line-height:1.08}
.lab-home .console-value-row {grid-area:value;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;margin:0}
.lab-home .console-value {color:var(--ink);font-size:clamp(3rem,5.4vw,4.7rem);letter-spacing:-.055em;font-variant-numeric:tabular-nums;white-space:nowrap}
.lab-home .console-unit {font-size:.82rem;letter-spacing:.08em}
.lab-home .console-chip {font-size:.82rem}
.lab-home .console-sub {grid-area:sub;max-width:540px;margin:0;color:var(--ink-soft);font-size:1rem;line-height:1.5}
.lab-home .console-rate-actions {grid-area:actions;justify-content:flex-start;margin:10px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.lab-home .console-spark-strip,.lab-home .console-badges {display:none}
.lab-home .voice-status[hidden] {display:none}
.lab-home .console-task-column {grid-column:1;width:100%;max-width:850px;margin:0 auto;min-width:0}
.lab-home .console-converter {margin:0;padding:24px 28px;border:1px solid var(--line);border-radius:4px;background:var(--paper);box-shadow:none}
.lab-home .console-converter .converter-title {font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;font-weight:500}
.lab-home .converter-date-shortcuts {display:none}
.lab-home .converter-period-row {margin:14px 0 17px}
.lab-home .converter-period-row select {min-height:52px;font-size:1rem}
.lab-home .calc-input-wrapper {min-height:76px}
.lab-home .calc-input {font-size:clamp(1.5rem,3vw,2rem)}
.lab-home .quick-amounts button {min-width:48px;min-height:44px}
.lab-home .action-btn {min-height:48px}
.lab-home .lab-task-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:0;margin-bottom:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lab-home .lab-task-nav a {display:flex;align-items:center;min-height:58px;padding:12px 18px;color:var(--teal-dark);font-weight:800;text-decoration:none;border-right:1px solid var(--line)}
.lab-home .lab-task-nav a:last-child {border-right:0}
.lab-home .lab-task-nav a:hover,.lab-home .lab-task-nav a:focus-visible {background:var(--mint);text-decoration:underline}
.lab-home .market-overview-band {background:var(--canvas);border-block:1px solid var(--line)}
.lab-site .office-hero,.lab-site .tool-page-hero {background:var(--canvas)}
.lab-site .office-hero h1,.lab-site .tool-page-hero h1 {font-family:Georgia,"Times New Roman",serif;font-weight:500}
.lab-site .office-workbench input,.lab-site .office-workbench select {min-height:52px;font-size:1rem}
@media(max-width:760px) {
  .lab-home .console-hero-grid {width:min(calc(100% - 32px),980px)}
  .lab-home .console-lede {grid-template-columns:minmax(0,1fr);grid-template-areas:"kicker" "title" "value" "sub" "actions";gap:9px;padding:25px 0 20px}
  .lab-home .console-lede>h1 {font-size:clamp(2.4rem,8vw,3.5rem)}
  .lab-home .console-value-row {align-items:flex-start;margin:12px 0 0}
  .lab-home .console-value {font-size:clamp(3rem,11vw,4.4rem)}
  .lab-home .lab-task-nav {grid-template-columns:minmax(0,1fr)}
  .lab-home .lab-task-nav a {min-height:50px;border-right:0;border-bottom:1px solid var(--line)}
  .lab-home .lab-task-nav a:last-child {border-bottom:0}
}
@media(max-width:480px) {
  .lab-site .lab-intro {display:block;padding-inline:16px}
  .lab-site .lab-intro p {margin-top:5px}
  .lab-home .console-converter {padding:17px 14px}
  .lab-home .converter-badge {display:none}
  .lab-home .console-value {font-size:clamp(2.75rem,11vw,3.65rem)}
}
@media(max-width:600px) {
  .lab-home .uf-console .console-hero-grid {display:flex;flex-direction:column}
  .lab-home .uf-console .console-task-column {grid-column:auto;order:6;align-self:stretch;width:100%}
  .lab-home .uf-console .console-converter {margin:8px 0 12px;padding:15px 12px;border:1px solid var(--line);background:var(--paper)}
  .lab-home .console-lede>h1 {max-width:100%;font-size:clamp(2.2rem,9vw,3rem);line-height:1.12}
  .lab-home .console-value-row {align-items:flex-start;width:100%}
  .lab-home .console-value {font-size:clamp(2.65rem,11vw,3.6rem)}
  .lab-home .console-rate-actions {width:100%;margin-top:8px}
}

/* Iteration 02: keep the current value and calculator in the first screen. */
.lab-site .market-strip {display:none}
.lab-site .lab-ribbon-inner {min-height:40px;padding-block:5px;gap:6px 12px}
.lab-site .lab-ribbon button {min-height:32px;padding:4px 9px}
.lab-home .console-converter .calc-field-group {height:auto;min-height:0;overflow:visible}
@media(min-width:901px) {
  .lab-home .console-hero-grid {width:min(calc(100% - 48px),1320px);display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);gap:36px;align-items:start;min-height:0;padding:24px 0 30px}
  .lab-home .console-lede {display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:8px 0 0;border:0}
  .lab-home .console-lede>h1 {margin:8px 0 18px;font-size:clamp(2.65rem,3.2vw,3.6rem)}
  .lab-home .console-value-row {align-items:flex-start;justify-content:flex-start;margin:0}
  .lab-home .console-value {font-size:clamp(3rem,4.2vw,4.35rem)}
  .lab-home .console-sub {display:none}
  .lab-home .console-rate-actions {width:100%;margin-top:20px}
  .lab-home .console-task-column {grid-column:2;grid-row:1;align-self:start;width:100%;max-width:none;margin:0}
  .lab-home .console-converter {width:100%;margin:0;padding:20px 24px}
}
@media(max-width:900px) {
  .lab-home .console-hero-grid {width:min(calc(100% - 28px),680px);display:flex;flex-direction:column;gap:12px;min-height:0;padding:18px 0 26px}
  .lab-home .console-lede {display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:0;border:0}
  .lab-home .console-lede>h1 {margin:5px 0 12px;font-size:clamp(2.25rem,8vw,3rem)}
  .lab-home .console-value-row {align-items:flex-start;justify-content:flex-start;margin:0}
  .lab-home .console-value {font-size:clamp(2.7rem,10vw,4rem)}
  .lab-home .console-sub {display:none}
  .lab-home .console-rate-actions {width:100%;margin-top:12px}
  .lab-home .console-task-column {grid-column:auto;grid-row:auto;order:2;align-self:stretch;width:100%;max-width:none;margin:0}
  .lab-home .console-converter {width:100%;margin:0;padding:18px}
}
@media(max-width:480px) {
  .lab-site .lab-ribbon span {flex:0 1 auto;min-width:0}
}