/* ExamenREBT. Navy + electric yellow. The page container (.wrap) sets the
   margins; every block inside uses the full width it is given. */
:root{
  --navy:#0B1D3A;--navy-2:#13294F;--ink:#13203A;--muted:#5B6782;--line:#DDE3EE;
  --bg:#F5F7FB;--card:#fff;--yellow:#FFD23F;--yellow-2:#F5C400;
  --ok:#14804A;--ok-bg:#E5F6EC;--ko:#C0392B;--ko-bg:#FDECEA;
  --r:16px;--shadow:0 6px 24px rgba(11,29,58,.08);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--navy-2)}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;color:var(--navy)}
h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.02em}
h2{font-size:clamp(24px,3vw,32px)}
h3{font-size:20px}
p{margin:0 0 1em}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
.muted{color:var(--muted);font-size:15px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:48px;padding:12px 22px;border-radius:999px;border:0;background:var(--yellow);color:var(--navy);font:inherit;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 var(--yellow-2);transition:transform .08s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(1px);box-shadow:none}
.btn--sm{min-height:40px;padding:8px 18px;font-size:15px;white-space:nowrap}
.btn--big{min-height:60px;padding:16px 34px;font-size:20px}
.btn--soon,.btn[disabled]{background:#E7EAF1;color:#6B7590;box-shadow:none;cursor:not-allowed;transform:none}
.btn--ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 2px var(--line)}
.linkish{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}

.hdr{background:var(--navy);color:#fff}
.hdr__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:21px;white-space:nowrap}
.brand__name{font-weight:500}
.brand__name b{font-weight:900;color:var(--yellow)}
.hdr__nav{display:flex;align-items:center;gap:14px}
.hdr__link{color:#fff;font-weight:700;text-decoration:none;font-size:16px;white-space:nowrap}
.hdr__link:hover{text-decoration:underline}

.hero{background:radial-gradient(1200px 400px at 80% -10%,#1F3B70 0,transparent 60%),var(--navy);color:#fff;padding:56px 0 64px}
.hero h1{color:#fff}
.eyebrow{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--yellow);margin-bottom:14px}
.lead{font-size:clamp(18px,2.2vw,22px);color:inherit;opacity:.92}
.hero__cta{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.hero__note{margin:0;font-size:15px;opacity:.85}
.hero__note span{white-space:nowrap}

.sec{padding:56px 0}
.sec--alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}
.card p{margin:0;color:var(--muted)}
.card__ico{font-size:30px;display:block;margin-bottom:10px}
.sec--tight{padding-top:0}
.sample{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;background:var(--navy);color:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow)}
.sample__txt{flex:1 1 420px}
.sample h2{color:#fff;margin-bottom:.3em}
.sample p{margin:0}
.sample__tag{font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--yellow);margin-bottom:6px!important}
.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:start}

.price{background:var(--navy);color:#fff;border-radius:20px;padding:26px;box-shadow:var(--shadow)}
.price__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:12px}
.price__name{margin:0;font-weight:800;font-size:19px}
.price__amount{margin:0;display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.price__num{font-size:44px;font-weight:900;color:var(--yellow);line-height:1}
.price__per{font-size:16px;opacity:.85}
.ticks{list-style:none;padding:0;margin:0 0 20px}
.ticks li{padding:6px 0 6px 30px;position:relative}
.ticks li::before{content:"✓";position:absolute;left:0;top:6px;color:var(--yellow);font-weight:900}
.price .btn{width:100%}
.buy{margin:0}
.buy__ok{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;margin:0 0 14px;cursor:pointer;opacity:.92}
.buy__ok span{text-wrap:balance}
.buy .btn{white-space:nowrap;padding-left:16px;padding-right:16px;font-size:clamp(17px,4.6vw,20px)}
.buy__ok input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--yellow)}
.buy__ok a{color:#fff}
.price__have{margin:12px 0 0;font-size:14px;text-align:center}
.price__have a,.price__mine{color:#fff}
.price__mine{font-weight:700;margin:0 0 14px}
.recover{margin:8px 0 0}
.recover__lbl{display:block;font-weight:700;margin:0 0 6px}
.recover__row{display:flex;flex-wrap:wrap;gap:10px}
.recover__in{flex:1 1 260px;min-height:48px;padding:10px 16px;border:2px solid var(--line);border-radius:999px;font:inherit;background:#fff;color:var(--ink)}

.band{background:var(--yellow);padding:40px 0}
.band__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.band__txt{margin:0;font-size:clamp(20px,2.6vw,28px);font-weight:800;color:var(--navy)}
.band .btn{background:var(--navy);color:#fff;box-shadow:0 3px 0 #000}

.prose h2{margin-top:1.4em;font-size:22px}
.prose ul{padding-left:1.2em}
.form-model{background:#fff;border:1px dashed var(--line);border-radius:12px;padding:14px}

.ftr{background:var(--navy);color:#C9D2E3;padding:32px 0 96px;font-size:15px}
.ftr__in{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
.ftr a,.ftr .linkish{color:#C9D2E3}
.ftr__links{display:flex;flex-wrap:wrap;gap:8px 18px}
.ftr__copy{margin:0;width:100%}

/* Cookie banner: bottom bar, never blocks the page beyond itself. */
.cc{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 40px rgba(11,29,58,.22);padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.cc[hidden]{display:none}
.cc__txt{margin:0;font-size:15px;flex:1 1 320px}
.cc__acts{display:flex;gap:10px;align-items:center;flex:0 0 auto}
.cc__yes{min-height:44px}
.cc__no{min-height:44px;padding:8px 14px;border:0;background:transparent;color:#7A849B;font:inherit;font-size:15px;cursor:pointer;border-radius:999px}
.cc__no:hover{color:var(--ink);background:#F0F2F7}

/* Quiz */
.quiz-wrap{padding:28px 0 56px}
.quiz{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:clamp(18px,3vw,36px)}
.quiz__intro h1{font-size:clamp(28px,4vw,42px)}
.quiz__intro .eyebrow{color:var(--navy-2)}
.qbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-weight:700;color:var(--muted);font-size:15px}
.qbar__track{flex:1;height:10px;background:#EDF0F6;border-radius:99px;overflow:hidden}
.qbar__fill{height:100%;background:var(--yellow);border-radius:99px;transition:width .25s}
.qtext{font-size:clamp(20px,2.6vw,26px);font-weight:800;color:var(--navy);margin-bottom:18px}
.opts{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.opt{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;font:inherit;font-size:18px;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer}
button.opt:not([disabled]):hover{border-color:var(--navy-2);background:#F8FAFF}
.opt[disabled]{cursor:default}
.opt__l{flex:0 0 32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#EDF0F6;font-weight:900;color:var(--navy)}
.opt__b{flex:1;min-width:0}
.opt__why{display:block;margin-top:6px;font-size:15px;color:var(--muted)}
.opt.is-right{border-color:var(--ok);background:var(--ok-bg)}
.opt.is-right .opt__l{background:var(--ok);color:#fff}
.opt.is-wrong{border-color:var(--ko);background:var(--ko-bg)}
.opt.is-wrong .opt__l{background:var(--ko);color:#fff}
.opt.is-picked{box-shadow:0 0 0 3px rgba(11,29,58,.15)}
.qfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.cite{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--navy-2);background:#EEF3FF;border-radius:99px;padding:6px 12px;text-decoration:none}
.verdict{font-weight:800;font-size:18px;margin:16px 0 0}
.verdict.ok{color:var(--ok)}
.verdict.ko{color:var(--ko)}

.score{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-bottom:10px}
.score__num{font-size:clamp(56px,9vw,88px);font-weight:900;color:var(--navy);line-height:1;white-space:nowrap}
.score__num small{font-size:.45em;color:var(--muted)}
.score__txt{flex:1 1 280px}
.score__txt h1{font-size:clamp(26px,3.6vw,38px)}
.fails{margin-top:28px}
.fail{border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:14px}
.fail .qtext{font-size:19px;margin-bottom:12px}
.fail .opt{font-size:16px;cursor:default}
.quiz-offer{margin-top:24px}
.res-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;background:var(--navy);color:#fff;border-radius:16px;padding:16px 18px;margin-top:18px}
.res-cta__txt{margin:0;font-weight:700}
.res-cta__txt b{color:var(--yellow);font-size:22px;white-space:nowrap}
.res-cta .btn{min-height:48px}
.res-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}


/* Course player */
.chero,.lhead{background:radial-gradient(1200px 400px at 80% -10%,#1F3B70 0,transparent 60%),var(--navy);color:#fff;padding:28px 0 36px}
.chero h1,.lhead h1{color:#fff;font-size:clamp(28px,4.4vw,46px)}
.chero .lead{margin-bottom:22px}
.crumb{display:block;width:fit-content;color:#C9D2E3;text-decoration:none;font-weight:700;font-size:15px;margin-bottom:14px}
.crumb:hover{color:#fff}
.crumb--dark{color:var(--navy-2)}
.crumb--dark:hover{color:var(--navy)}
.daily{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;background:#fff;color:var(--ink);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow)}
.daily__streak{display:flex;align-items:center;gap:10px;font-weight:700;white-space:nowrap}
.daily__streak b{font-size:26px;color:var(--navy)}
.flame{font-size:30px;line-height:1}
.daily__txt{flex:1 1 220px}
.daily__title{margin:0;font-weight:800;font-size:19px;color:var(--navy)}
.daily__sub{margin:0;color:var(--muted);font-size:15px}
.resume{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:14px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.resume[hidden]{display:none}
.resume span{opacity:.8;font-size:15px}
.resume b{color:var(--yellow)}
.resume b::after{content:" →"}
.mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mod{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .08s,border-color .08s}
a.mod:hover{transform:translateY(-2px);border-color:var(--navy-2)}
.mod__num{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-2)}
.mod__title{margin:0;font-size:19px}
.mod__meta{margin:0;color:var(--muted);font-size:15px}
.mod__foot{margin:auto 0 0;padding-top:8px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;font-size:15px;color:var(--muted)}
.mod__go{font-weight:800;color:var(--navy);text-decoration:none;white-space:nowrap}
.mod__go::after{content:" →"}
.mod.is-locked{background:#FAFBFD;box-shadow:none}
.mod.is-locked .mod__title{color:#3A4763}
.lock{font-weight:700;color:var(--navy-2);white-space:nowrap}
.pbar{height:10px;background:#EDF0F6;border-radius:99px;overflow:hidden;margin-top:6px}
.pbar__fill{height:100%;width:0;background:var(--yellow);border-radius:99px;transition:width .3s}
.pbar--hero{background:rgba(255,255,255,.15);height:12px}
.modprog__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:12px 0 0}
.lockline{margin:0;font-weight:800;color:var(--yellow)}
.modgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start}
.les-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.les{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--ink);text-decoration:none}
a.les:hover{border-color:var(--navy-2)}
.les__n{flex:0 0 36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#EDF0F6;font-weight:900;color:var(--navy)}
.les.is-done .les__n{background:var(--ok);color:#fff}
.les__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.les__k{color:var(--muted);font-size:15px}
.les__s{flex:0 0 auto;font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}
.les.is-done .les__s{color:var(--ok)}
.les.is-locked{background:#FAFBFD}
.lmc{background:#FFF8DC;border:1px solid #F3DF94;border-radius:var(--r);padding:20px}
.lmc h2{font-size:22px}
.lmc ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.lmc li p{margin:0 0 6px}
.cite--sm{font-size:13px;padding:4px 10px;background:#fff}
.keyidea{background:var(--yellow);color:var(--navy);border-radius:18px;padding:16px 18px;margin-top:8px}
.keyidea__tag,.remember__tag,.audio__tag,.blk__tag{margin:0 0 4px;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.keyidea__txt{margin:0;font-size:clamp(19px,2.4vw,24px);font-weight:800;line-height:1.35}
.lbody{padding:28px 0 8px}
.reading{font-size:18px;line-height:1.7}
.blk{margin-bottom:18px}
.blk p{margin:0 0 6px}
.blk ul{margin:0 0 6px;padding-left:1.2em}
.blk li{margin:2px 0}
.bcite{margin:0;font-size:13px;font-weight:700;color:#7A849B}
.blk--ex{background:#fff;border:1px solid var(--line);border-left:5px solid var(--navy-2);border-radius:12px;padding:14px 16px}
.blk__tag{color:var(--navy-2)}
.audio{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:22px}
.audio audio{width:100%}
/* The SVG draws its own card (white, rounded, bordered). Phones: edge to edge so its 13-unit text stays near 12 px;
   wide screens: centred and held to the width the drawings were made for, since a 420-unit-wide figure is up to 970 tall. */
.schem{margin:8px 0 22px;padding:0}
.schem img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto}
.remember{background:var(--navy);color:#fff;border-radius:18px;padding:16px 18px;margin:8px 0 0}
.remember__tag{color:var(--yellow)}
.remember__txt{margin:0;font-size:20px;font-weight:800;line-height:1.35}
.ltest{padding:28px 0 56px}
.ltest .quiz__intro h2{font-size:clamp(24px,3.2vw,32px)}
.lnav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px}
.qfrom{margin:-6px 0 8px;font-size:14px;font-weight:700;color:var(--muted)}
.qback{font-weight:700;font-size:15px}
.streakline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 20px;font-weight:700}
.streakline b{font-size:22px;color:var(--navy)}
.streakline__best,.streakline__fz{color:var(--muted);font-weight:700}
.streakline__best b,.streakline__fz b{font-size:inherit}
[data-best][hidden],[data-freezes][hidden]{display:none}
.streakbig{margin:0;font-size:22px;font-weight:900;color:var(--navy)}

/* Blog: index cards, article body, breadcrumbs. Inner blocks take the full .wrap width. */
.bcrumbs ol{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:15px;font-weight:700}
.bcrumbs li{color:#C9D2E3}
.bcrumbs li+li::before{content:"›";margin:0 8px;color:#8D9AB5}
.bcrumbs a{color:#C9D2E3;text-decoration:none}
.bcrumbs a:hover{color:#fff;text-decoration:underline}
.bcrumbs [aria-current]{color:#fff;font-weight:600}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.post{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .08s,border-color .08s}
.post:hover{transform:translateY(-2px);border-color:var(--navy-2)}
.post__meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:14px;font-weight:700;color:var(--muted)}
.post__title{margin:0;font-size:21px;line-height:1.25}
.post__desc{margin:0;color:var(--muted);flex:1}
.post__go{font-weight:800;color:var(--navy-2)}
.post__go::after{content:" →"}
.sechead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin-bottom:18px}
.sechead h2{margin:0}
.sechead__more{font-weight:800;white-space:nowrap}
.art__meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:6px 0 0;color:#C9D2E3;font-weight:700;font-size:15px}
.art__lead{font-size:clamp(19px,2.2vw,22px);font-weight:700;color:var(--navy);line-height:1.45;margin:0 0 22px}
.toc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:0 0 26px}
.toc__tag,.srcs__tag{margin:0 0 6px;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-2)}
.toc ol{margin:0;padding-left:1.3em;columns:2;column-gap:36px}
.toc li{margin:0 0 6px;break-inside:avoid}
.art__body h2{margin:1.5em 0 .5em;font-size:clamp(23px,2.8vw,30px)}
.art__body h3{margin:1.3em 0 .4em}
.art__body h4{margin:1.2em 0 .3em;font-size:18px;color:var(--navy)}
.art__body ul,.art__body ol{padding-left:1.3em;margin:0 0 1em}
.art__body li{margin:4px 0}
.art__body blockquote{margin:0 0 1em;background:#fff;border-left:5px solid var(--yellow-2);border-radius:10px;padding:12px 16px}
.art__body blockquote p:last-child{margin:0}
.art__body code{background:#EEF1F7;border-radius:6px;padding:1px 6px;font-size:.92em}
.art__body hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.tbl{overflow-x:auto;margin:0 0 1.2em;border:1px solid var(--line);border-radius:12px;background:#fff}
.tbl table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl th{background:#EEF2F9;color:var(--navy);font-weight:800}
.tbl tr:last-child td{border-bottom:0}
.srcs{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:8px 0 24px;font-size:15px}
.srcs ul{margin:0;padding-left:1.2em}
.srcs li{margin:3px 0}
.art__cta{margin-bottom:40px}
/* No stub last lines: pretty wrapping on running text, balanced headings. */
.art__body p,.art__body li,.tbl td,.tbl th,.post__desc,.art__lead,.srcs li,.sample p,.split p{text-wrap:pretty}
.post__title,.lhead h1,.chero h1,.art__body h2,.art__body h3{text-wrap:balance}

@media (max-width:1060px){
  .mods,.posts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modgrid{grid-template-columns:minmax(0,1fr)}
  .split{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  body{font-size:16px}
  .cards{grid-template-columns:minmax(0,1fr)}
  .hero{padding:40px 0 48px}
  .hero__cta .btn,.band .btn,.sample .btn{width:100%}
  .sample{padding:20px 16px}
  .cc{left:8px;right:8px;bottom:8px}
  .cc__acts{width:100%;justify-content:flex-end}
  .wrap{padding:0 12px}
  .quiz{padding:16px 14px}
  .fail{padding:14px 0 0;border:0;border-top:1px solid var(--line);border-radius:0}
  .opt{font-size:17px;padding:12px;gap:10px}
  .opt__l{flex-basis:28px;height:28px}
  .price{padding:20px 16px}
  .res-cta .btn{width:100%}
  .mods,.posts{grid-template-columns:minmax(0,1fr)}
  .toc ol{columns:1}
  .tbl table{font-size:15px}
  .tbl th,.tbl td{padding:8px 9px}
  .hdr__link{font-size:15px}
  .brand{font-size:17px;gap:8px}
  .hdr__in{gap:10px}
  .hdr__nav{gap:8px}
  .hdr .btn--sm{padding:8px 11px;font-size:14px}
  .daily .btn,.modprog__row .btn{width:100%}
  .les{padding:12px;gap:10px}
  .les__s{display:none}
  .les.is-done .les__s{display:inline}
  .reading{font-size:17px}
  .schem{margin:8px -12px 22px}
  .schem img{max-width:none}
  .lnav .btn{flex:1 1 0;padding:10px 12px}
  .qfoot .cite{flex:1 1 100%;font-size:13px;padding:6px 10px}
  .qfoot .btn{width:100%}
}
@media (max-width:480px){
  /* Phones: the header keeps Temario + the CTA; the blog stays linked from the footer and the home page. */
  .hdr__link--blog{display:none}
}
@media (max-width:359px){
  .brand__name{display:none}
}