/* MX_FULLDAY_PREVIEW_V1 — the full daily reading, same ink-and-gold system as the site */
.fd .who { margin: 0 0 .75rem; color: var(--slate); font-size: .92rem; }
.fd .rating { font-size: 1.6rem; margin-bottom: .25rem; }
.lede-big { font: 500 1.2rem/1.45 var(--serif); margin: 0 0 1.5rem; }
.fd h2 { font-size: 1.15rem; margin: 1.75rem 0 .5rem; }
.planner { list-style: none; margin: 0; padding: 0; }
.plan { display: grid; grid-template-columns: minmax(0, 1fr); gap: .15rem; padding: .6rem 0 .6rem .8rem; border-top: 1px solid var(--line); border-left: 4px solid var(--line); }
.plan:last-child { border-bottom: 1px solid var(--line); }
.plan.now { border-left-color: var(--jade); }
.plan .task { font-weight: 700; }
.plan .when { color: var(--slate); }
.plan.now .when b { color: var(--jade); }
.week { list-style: none; margin: 0; padding: 0; }
.wk { display: grid; grid-template-columns: 4.2rem 1rem minmax(0, 1fr); align-items: start; gap: .6rem; padding: .5rem 0; border-top: 1px solid var(--line); }
.wk:last-child { border-bottom: 1px solid var(--line); }
.wk .wd { font-weight: 700; }
.wk .dot { width: .9rem; height: .9rem; border-radius: 50%; margin-top: .3rem; background: var(--slate); }
.wk.green .dot { background: var(--jade); } .wk.red .dot { background: var(--cinnabar); }
.wk .why { color: var(--slate); font-size: .95rem; }
.working ul { margin: .5rem 0 0; padding-left: 1.1rem; }
.working li { margin: .25rem 0; }
@media (min-width: 960px) {
  .fd-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); column-gap: 3.5rem; align-items: start; }
  .fd-side h2:first-child, .fd-main h2:first-child { margin-top: 0; }
  .plan { grid-template-columns: 13rem minmax(0, 1fr); }
}
.sample-badge { display: inline-block; margin: 0 0 .5rem; padding: .2rem .6rem; border: 1px solid var(--gold); border-radius: 999px; color: var(--gold); font-weight: 700; font-size: .85rem; }
.fd h1.rating { font: 700 1.6rem/1.3 var(--serif); margin: .25rem 0; }
.tabs .tablink { font: 700 1rem var(--sans); color: var(--slate); text-decoration: none; padding: .7rem .9rem; border-bottom: 3px solid transparent; margin-bottom: -1px; min-height: 44px; display: inline-flex; align-items: center; }
.tabs .tablink[aria-current="page"] { color: var(--ink); border-bottom-color: var(--gold); }