/* Areté — THE FIRST TEN DAYS (2026-09-25). The calibration's sheet and result,
   the two reads (blind spot, the week), and the one step on Today.
   The Intercept and Record frame: words on the field, hairlines, Syne for the one
   headline, Manrope for everything read, Manrope 300 for numerals. Dark only.
   The task visuals themselves live in calib/calib.css (portable to the website). */

/* ── the calibration sheet ─────────────────────────────────────────────── */
.cb.is-sheet{ width:min(760px, calc(100vw - 32px)) !important; }
.cb-stage{ padding:clamp(20px,4vw,40px) clamp(12px,3vw,32px) 8px; }
.cb-result{ padding:clamp(28px,5vw,56px); padding-bottom:12px; max-width:620px; margin:0 auto; }
.cb-k{ font:400 13px/1.4 var(--f-body); color:rgb(var(--ink3)); margin:0; }
.cb-h{ font:500 clamp(28px,3.6vw,38px)/1.08 var(--f-disp); letter-spacing:-.022em; color:rgb(var(--ink)); margin:10px 0 26px; }
.cb-rows{ border-bottom:1px solid var(--hair); }
.cb-row{ display:flex; align-items:baseline; justify-content:space-between; gap:24px; padding:16px 0; border-top:1px solid var(--hair); }
.cb-row__k{ font:400 14px/1.4 var(--f-body); color:rgb(var(--ink2)); white-space:nowrap; }
.cb-row__v{ font:300 16px/1.4 var(--f-body); color:rgb(var(--ink2)); text-align:right; font-variant-numeric:tabular-nums; }
.cb-row__v b{ font:300 26px/1 var(--f-body); letter-spacing:-.02em; color:rgb(var(--ink)); margin-right:4px; }
.cb-row__v i{ font-style:normal; color:rgb(var(--ink3)); margin:0 8px; }
.cb-honest{ font:400 15px/1.6 var(--f-body); color:rgb(var(--ink2)); max-width:52ch; margin:22px 0 0; }
.cb-rem{ margin:26px 0 0; }
.cb-rem p{ font:400 14px/1.6 var(--f-body); color:rgb(var(--ink3)); margin:0; }
.cb-rem b{ font-weight:500; color:rgb(var(--ink)); }
.cb-rem input[type="time"]{ background:transparent; border:0; border-bottom:1px solid var(--hair2); color:rgb(var(--ink)); font:400 14px var(--f-body); padding:2px 2px; color-scheme:dark; min-height:32px; }
.cb-link{ background:none; border:0; padding:0 2px; min-height:44px; font:500 14px var(--f-body); color:var(--ice); cursor:pointer; }
.cb-link:hover{ color:#dff4ff; }
.cb-link:focus-visible{ outline:2px solid var(--ice); outline-offset:3px; border-radius:4px; }
.cb-actions{ display:flex; justify-content:flex-start; margin:30px 0 0; }

/* ── the two reads: the blind spot, the week (a board memo) ────────────── */
.tdm.is-sheet{ width:min(640px, calc(100vw - 32px)) !important; bottom:auto !important; max-height:calc(100vh - 48px); }
.tdm-page{ padding:clamp(28px,5vw,52px); padding-bottom:12px; }
.tdm-k{ font:400 13px/1.45 var(--f-body); color:rgb(var(--ink3)); margin:0; }
.tdm-h{ font:500 clamp(30px,4vw,42px)/1.06 var(--f-disp); letter-spacing:-.024em; color:rgb(var(--ink)); margin:12px 0 16px; }
.tdm-h--call{ font-size:clamp(20px,2.4vw,24px); line-height:1.25; letter-spacing:-.015em; margin:8px 0 8px; }
.tdm-p{ font:400 16px/1.6 var(--f-body); color:rgb(var(--ink2)); max-width:52ch; margin:0; }
.tdm-lines{ list-style:none; padding:0; margin:18px 0 34px; border-bottom:1px solid var(--hair); }
.tdm-lines li{ font:400 17px/1.55 var(--f-body); color:rgb(var(--ink)); padding:16px 0; border-top:1px solid var(--hair); max-width:56ch; }
.tdm-foot{ font:400 13px/1.5 var(--f-body); color:rgb(var(--ink3)); margin:30px 0 0; padding-top:14px; border-top:1px solid var(--hair); }
.tdm-actions{ margin:26px 0 0; }

/* after the tasks, the result hugs its words */
.cb.cb--done.is-sheet{ bottom:auto !important; max-height:calc(100vh - 48px); }

/* ── Today: a forecast that came due, answered in one tap ──────────────── */
#view-brief .td-due__q{ font:400 15px/1.5 var(--f-body); color:rgb(var(--ink2)); max-width:46ch; margin-top:2px; }
#view-brief .td-due__acts{ display:flex; justify-content:center; gap:28px; margin-top:4px; }
#view-brief .td-due__btn{ background:none; border:0; padding:0 2px; min-height:44px; font:500 14px var(--f-body); color:var(--ice); cursor:pointer; }
#view-brief .td-due__btn:hover{ color:#dff4ff; }
#view-brief .td-due__btn:focus-visible{ outline:2px solid var(--ice); outline-offset:3px; border-radius:4px; }
#view-brief .td-due__btn[disabled]{ opacity:.5; cursor:default; }

/* ── Today: the one step, a line on the field ───────────────────────────── */
#view-brief .td-step-slot[hidden]{ display:none; }
#view-brief .td-step span{ display:block; font-size:13px; color:rgb(var(--ink3)); margin-bottom:2px; }
#view-brief .td-step__link{ background:none; border:0; padding:0 2px; font:500 15px var(--f-body); color:var(--ice); cursor:pointer; }
#view-brief .td-step__link:hover{ color:#dff4ff; }

@media (max-width:767px){
  .cb.is-sheet, .tdm.is-sheet{ top:12px !important; }
  .cb-row{ flex-direction:column; align-items:flex-start; gap:4px; }
  .cb-row__v{ text-align:left; }
  .cb-actions .ui-btn--primary, .tdm-actions .ui-btn--primary{ width:100%; }
}