/* Check v1 — the Opportunity Check embedded on the homepage, in the
   approved LIGHT (paper) mode. Reference: zaiphr-brand
   expression/frame2-check/ (STATIC FINAL). Styles the ca-* markup that
   js/check-inline.js renders — the module itself is frozen (native
   /check hash codec; do not fork its state format). */

.check-v1 { background:#f6f2ea; color:#121826; position:relative;
  /* the shelf-edge: the boundary where the hero's dark world ends */
  border-top:3px solid #121826; }
.cv1-in { max-width:1200px; margin:0 auto; padding:0 24px; }
.cv1-kick { font-family:var(--z-font-editorial); font-weight:500;
  font-size:12px; letter-spacing:.2em; text-transform:uppercase;
  color:#b45309; margin:0 0 24px; }
.check-v1 h2 { font:600 clamp(40px, 5.2vw, 74px)/1.06 'Fraunces', serif;
  letter-spacing:-0.015em; color:#121826; margin:0; max-width:18ch; }
.cv1-sub { font-size:17px; line-height:1.55; color:#4c5468;
  max-width:52ch; margin:20px 0 0; }
.cv1-app { margin-top:44px; max-width:1020px; font-family:var(--z-font-editorial); }
.cv1-fallback a { color:#b45309; font-weight:500; }

/* ── module chrome ── */
.ca-head { display:flex; align-items:baseline; justify-content:space-between;
  margin-bottom:18px; }
.ca-prog { font-family:var(--z-font-mono); font-size:12px;
  letter-spacing:.16em; text-transform:uppercase; color:#8a92a6; }
.ca-back { background:none; border:none; padding:0; cursor:pointer;
  font:400 13.5px var(--z-font-editorial); color:#8a92a6; }
.ca-back:hover { color:#121826; text-decoration:underline; }
.ca-back:focus-visible { outline:2px solid #121826; outline-offset:2px; }
.ca-q { font:500 30px/1.2 var(--z-font-editorial); color:#121826;
  margin:0 0 6px; }
.ca-help { font-size:15px; color:#8a92a6; margin:0 0 26px; }

/* ── options: huge controls, air everywhere ── */
.ca-opts { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.ca-opt { border:1.5px solid #d8d2c6; border-radius:14px; padding:22px 24px;
  font:400 17px/1.35 var(--z-font-editorial); background:#fff; color:#2a3145;
  text-align:left; cursor:pointer; transition:border-color .15s, background .15s; }
.ca-opt:hover { border-color:#b7ae9d; background:#fbf8f2; }
.ca-opt:focus-visible { outline:2px solid #121826; outline-offset:2px; }
.ca-opt.sel { border-color:#f97316; background:#fff7ef; color:#121826;
  box-shadow:inset 0 0 0 1px #f97316; }
.ca-opts + .ca-help { margin:14px 0 0; }

/* ── the hours slider ── */
.ca-slider { max-width:560px; }
.ca-slider input { width:100%; accent-color:#f97316; }
.ca-out { display:block; margin-top:14px;
  font:400 40px/1 'Fraunces', serif; color:#121826;
  font-variant-numeric:tabular-nums; }

/* ── footer: Continue is unmistakably ready or visibly not ── */
.ca-foot { margin-top:34px; display:flex; align-items:center; gap:26px;
  flex-wrap:wrap; }
.ca-go { display:inline-block; background:#f97316; color:#fff;
  border:none; border-radius:12px; padding:18px 34px; cursor:pointer;
  font:500 17px var(--z-font-editorial); text-decoration:none;
  box-shadow:0 6px 18px rgba(249,115,22,.28);
  transition:background .15s, box-shadow .15s, opacity .15s; }
.ca-go:hover:not(:disabled) { background:#ea580c; }
.ca-go:disabled { opacity:.45; box-shadow:none; cursor:default; }
.ca-go:focus-visible { outline:2px solid #121826; outline-offset:3px; }
.ca-priv { font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:#8a92a6; }

/* ── the first read (teaser result) ── */
.ca-res { display:grid; gap:12px; margin:8px 0 4px; max-width:640px; }
.ca-hit { display:flex; align-items:baseline; gap:14px; padding:16px 18px;
  background:#fff; border:1.5px solid #d8d2c6; border-radius:12px; }
.ca-rung { font-family:var(--z-font-mono); font-size:11px;
  letter-spacing:.12em; text-transform:uppercase; color:#b45309;
  flex:0 0 auto; }
.ca-hit b { font-weight:500; font-size:17px; color:#121826; }

/* ── stacked ── */
@media (max-width:900px) { .ca-opts { grid-template-columns:1fr 1fr; } }
@media (max-width:600px) {
  .cv1-kick { font-size:10px; max-width:200px; line-height:1.7; }
  .cv1-sub { font-size:14px; }
  .cv1-app { margin-top:32px; }
  .ca-q { font-size:20px; }
  .ca-help { font-size:12.5px; margin-bottom:14px; }
  .ca-opts { grid-template-columns:1fr; gap:9px; }
  .ca-opt { padding:12px 15px; font-size:14.5px; border-radius:10px; }
  .ca-out { font-size:30px; }
  .ca-foot { gap:14px; }
  .ca-go { padding:14px 24px; font-size:15px; }
  .ca-priv { font-size:10px; }
}