/* CDRN blog: The Readiness Brief (v35). Loads after styles.css, v34.css and handbook.css.
   Uses only the site's existing colour variables and the Handbook's card and box patterns. */

.br-hero h1{max-width:20ch}
[data-br-countdown]:empty{display:none}

/* cards */
.br-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.br-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}
.br-card[hidden],.br-filtered-out{display:none!important}
.br-card-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px}
.br-card-top time{font-size:.8rem;color:var(--muted)}
.br-card h3{font-size:1.1rem;margin:0;line-height:1.28;overflow-wrap:anywhere}
.br-card h3 a{color:var(--ink);text-decoration:none}
.br-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.br-card p{margin:0;font-size:.88rem;color:var(--ink-2);flex:1 1 auto}
.br-card-foot{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}
.br-card.is-read{background:#fbfaf6}
.br-chip{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:760;letter-spacing:.02em;white-space:nowrap;background:var(--teal-soft);color:#0b5f58;border:1px solid #bfdad6}
.br-read{font-size:.72rem;font-weight:760;color:var(--muted);margin-left:auto}
.br-card-featured{border-color:#9fcfc8;box-shadow:0 10px 26px rgba(14,125,116,.08);padding:28px 30px}
.br-card-featured h3{font-size:clamp(1.3rem,2.4vw,1.75rem)}
.br-card-featured p{font-size:1rem;max-width:70ch}
.br-feature{max-width:860px}

/* weekly rhythm */
.br-rhythm{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.br-rhythm li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.br-rhythm li.is-today{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-soft)}
.br-rhythm .br-day{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.br-rhythm strong{font-size:.98rem;line-height:1.25;color:var(--ink)}
.br-rhythm span:last-child{font-size:.82rem;color:var(--ink-2);line-height:1.45}

/* filters */
.br-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.br-filter{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:#fff;color:var(--ink-2);font:inherit;font-size:.86rem;font-weight:650;cursor:pointer}
.br-filter:hover{border-color:var(--teal);color:var(--teal)}
.br-filter[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}

/* follow box */
.br-follow{margin-top:0}
.br-follow-list{list-style:none;padding:0!important;margin:16px 0 0!important;display:grid;gap:12px}
.br-follow-list li{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0}
.br-follow-list span{font-size:.88rem;color:var(--ink-2)}
.br-streak{margin:18px 0 0!important;padding-top:14px;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink-2)}

/* post page */
.br-article .br-body>h2:first-child{margin-top:0}
.br-embargo{margin-top:0}
.br-quiz fieldset{border:0;margin:0;padding:0;min-width:0}
.br-quiz legend{font-weight:700;color:var(--ink);margin-bottom:10px;padding:0;line-height:1.45}
.br-quiz-options{list-style:none;padding:0!important;margin:0!important;display:grid;gap:8px}
.br-quiz-options li{margin:0!important}
.br-quiz-options label{display:flex!important;flex-direction:row!important;gap:10px;align-items:flex-start;padding:10px 12px;margin:0!important;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:var(--surface-2);font-weight:500;width:auto}
.br-quiz-options input{width:18px!important;height:18px!important;min-height:0!important;margin:.25em 0 0!important;padding:0!important;flex:0 0 18px;accent-color:var(--teal)}
.br-quiz-options label span{flex:1 1 auto;min-width:0}
.br-quiz-result{min-height:1.4em;margin:6px 0 0!important;font-weight:650}
.br-quiz-result.is-right{color:var(--success)}
.br-quiz-result.is-wrong{color:var(--amber)}
.br-quiz-answer{margin-top:10px}
.br-quiz-answer summary{cursor:pointer;font-weight:650;color:var(--teal)}
.br-apply li{gap:10px}
.br-tomorrow{margin:2.4em 0 0;padding:22px 26px;border-radius:16px;background:var(--navy);color:#e6e9ec}
.br-tomorrow .hb-box-kicker{color:#7fd3c9!important}
.br-tomorrow-teaser{font-size:1.08rem!important;color:#fff!important;margin:0 0 8px!important;line-height:1.5}
.br-tomorrow-status{color:#c8cdd3!important;margin:0!important}
.br-tomorrow-status a{color:#7fd3c9}
.br-tomorrow .button-secondary{background:transparent;color:#fff;border-color:#5b6672}
.br-tomorrow .button-text{color:#c8cdd3}

/* site home block */
.br-home{padding-bottom:0}
.br-home-card{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #9fcfc8;border-radius:16px;padding:24px 28px;box-shadow:0 10px 26px rgba(14,125,116,.08)}
.br-home-copy{flex:1 1 420px;min-width:0}
.br-home-copy h2{font-size:clamp(1.25rem,2.4vw,1.7rem);margin:4px 0 8px;line-height:1.25}
.br-home-copy h2 a{color:var(--ink);text-decoration:none}
.br-home-copy h2 a:hover{text-decoration:underline;text-underline-offset:3px}
.br-home-copy p{margin:0 0 6px;color:var(--ink-2)}
.br-home-actions{display:flex;flex-wrap:wrap;gap:10px}

@media (max-width:1040px){
  .br-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .br-rhythm{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:720px){
  .br-grid{grid-template-columns:1fr}
  .br-rhythm{grid-template-columns:repeat(2,minmax(0,1fr))}
  .br-card-featured{padding:22px}
  .br-home-card{padding:20px}
  .br-tomorrow{padding:20px}
}
@media (max-width:380px){.br-rhythm{grid-template-columns:1fr}}
@media print{.br-filters,.br-follow,.br-tomorrow,.br-quiz .hb-actions{display:none}}