/* ============================================================
   Pelion term & block profiles — additive stylesheet.
   Nothing here overrides a v50 rule; every selector is new
   the sticky term bar included (v55).
   ============================================================ */

.rdr-sec{padding-top:clamp(34px,5vw,58px)}
.rdr-h2{font-family:"Fraunces",serif;font-weight:300;letter-spacing:-.005em;
  font-size:clamp(25px,3.6vw,38px);line-height:1.15;margin:0 0 10px;color:var(--paper)}
.rdr-lede{color:var(--muted);max-width:74ch;margin:0 0 30px;font-size:.95rem;line-height:1.65}

/* ---- cards ---- */
.rdr-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}
@media(max-width:900px){.rdr-pair{grid-template-columns:1fr}}
.pcard{background:rgba(255,255,255,.022);border:1px solid var(--line);border-radius:10px;
  padding:26px 24px 10px;--acc:211,162,78;--sfg:#F0E6D2}
.pcard.s{--acc:143,174,155;--sfg:#E2EFE7}
.pcard h3{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(20px,2.2vw,25px);
  margin:0 0 18px;line-height:1.15;color:#fff}
.pcard svg.rd{display:block;width:100%;height:auto;max-width:460px;margin:0 auto 14px}
/* the two radar cards carry the section's twin headings (ruled 17 Sep) */
.rdr-rcard h3{font-size:clamp(22px,2.6vw,30px);margin-bottom:14px}
.rdr-rcard{padding-bottom:18px}

.rdr-rows{border-top:1px solid var(--line)}
.rdr-row{padding:13px 0;border-bottom:1px solid var(--line)}
.rdr-row:last-child{border-bottom:0}
.rdr-hd{display:flex;align-items:baseline;gap:14px}
.rdr-nm{font-size:.845rem;font-weight:600;color:var(--paper);flex:1;letter-spacing:.005em}
.rdr-sc{display:inline-flex;align-items:center;justify-content:center;min-width:32px;
  padding:3px 8px;border-radius:5px;font-size:.72rem;font-weight:600;line-height:1.35;
  font-variant-numeric:tabular-nums;white-space:nowrap;
  color:var(--sfg);background:rgba(var(--acc),var(--a,.12))}
.rdr-row p{margin:5px 0 0;font-size:.845rem;color:var(--muted);line-height:1.6}

/* ---- the four groups ---- */
.rdr-grid4{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:900px){.rdr-grid4{grid-template-columns:1fr}}
.rdr-gh{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);
  font-weight:600;margin:0 0 4px}
.rdr-gdef{font-size:.78rem;color:var(--faint,#6C7480);line-height:1.55;margin:0 0 12px;max-width:62ch}

/* ---- block matrix ---- */
.rdr-bmx{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.rdr-bgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px}
@media(max-width:820px){.rdr-bgrid{grid-template-columns:1fr;gap:24px}}
.rdr-bgrid .rdr-rows{border-top:1px solid rgba(211,162,78,.28)}
.rdr-block{margin:22px 0 4px}
.rdr-block .pcard{padding:22px 20px 8px}
.rdr-block .pcard h3{font-size:1.05rem;margin-bottom:14px}

/* ---- the sticky term bar is v50 s own: untouched, below the hero, position:sticky. No rule here may name it (verify2 asserts). ---- */


/* ---- carbon reference ---- */
.rdr-carbon{margin-top:34px;padding-top:16px;border-top:1px solid var(--line);
  font-size:.78rem;color:var(--faint,#6C7480);line-height:1.6;max-width:74ch}
.rdr-carbon b{color:var(--muted);font-weight:500}

@media print{
  .rdr-pair,.rdr-grid4,.rdr-bgrid{grid-template-columns:1fr 1fr}
  .pcard{break-inside:avoid}
  .rdr-view{display:none}
}


/* ============================================================
   v7 — block cards, pop-out, facts strip. Additive, as above.
   Reader-facing state is carried on <html data-*> attributes
   set by radars.js; the mockup toolbar overrides them.
   ============================================================ */

/* ---- block cards ---- */
.rdr-bh{margin-bottom:22px}
html[data-bh="off"] .rdr-bh{display:none}
.rdr-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:820px){.rdr-cards{grid-template-columns:1fr}}
.rdr-card{display:block;text-decoration:none;color:inherit;background:rgba(255,255,255,.022);
  border:1px solid var(--line);border-radius:10px;padding:24px 22px 20px;
  transition:border-color .25s,background .25s;position:relative}
.rdr-card:hover,.rdr-card:focus-visible{border-color:var(--gold-soft);background:rgba(211,162,78,.05);outline:0}
.rdr-card.open{border-color:var(--gold-soft)}
.rdr-card .cur-n{font-size:clamp(1.1rem,1.6vw,1.3rem);letter-spacing:.12em;text-transform:uppercase}
.rdr-card h3{font-size:clamp(1.25rem,2vw,1.55rem);margin:10px 0 8px;color:var(--paper);font-weight:400}
.rdr-card .cur-theme{font-size:.9rem;margin-top:10px;line-height:1.5}
.rdr-more{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:.66rem;
  letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
.rdr-more .arw{transition:transform .35s}
.rdr-card:hover .rdr-more .arw{transform:translateX(5px)}
.rdr-cn{font-size:.78rem;color:var(--faint,#6C7480);margin-top:12px}
html[data-bn="off"] .rdr-cn{display:none}
/* face b: two small radars, no rows */
.rdr-cmini{display:none;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;max-width:300px}
.rdr-cmini svg.rdm{display:block;width:100%;height:auto}
.rdr-cmini span{display:block;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--faint,#6C7480);text-align:center;margin-top:4px}
html[data-face="b"] .rdr-cmini{display:grid}
/* face c: one computed line */
.rdr-cmp{display:none;font-size:.82rem;color:var(--faint,#6C7480);margin:12px 0 0;line-height:1.5}
html[data-face="c"] .rdr-cmp{display:block}

/* ---- the pop-out ---- */
.rdr-dlg{width:min(1040px,calc(100vw - 32px));max-width:none;max-height:92vh;padding:0;margin:auto;
  border:1px solid var(--line);border-radius:12px;background:#0D1117;color:var(--muted);
  box-shadow:var(--shadow)}
.rdr-dlg::backdrop{background:rgba(6,8,12,.74);backdrop-filter:blur(6px)}
.rdr-dwrap{max-height:92vh;overflow:auto;padding:0 clamp(18px,3vw,40px) 34px;overscroll-behavior:contain}
.rdr-dbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;
  gap:16px;padding:14px 0;margin:0 0 4px;background:rgba(13,17,23,.94);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)}
.rdr-dtag{font-family:"Inter",sans-serif;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--faint,#6C7480)}
.rdr-close{font-family:"Inter",sans-serif;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--paper);background:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;
  cursor:pointer;transition:border-color .25s,color .25s}
.rdr-close:hover{border-color:var(--gold-soft);color:var(--gold)}
.rdr-dlg .cur-block{border-top:0;padding-top:22px}
.rdr-dlg .cur-block:last-of-type{border-bottom:0}
.rdr-pn{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid var(--line)}
.rdr-pn a{font-size:.9rem;color:var(--muted);text-decoration:none}
.rdr-pn a:hover{color:var(--gold)}
.rdr-pn a:last-child{margin-left:auto;text-align:right}
html[data-pn="off"] .rdr-pn{display:none}
body.rdr-lock{overflow:hidden}
@media(max-width:820px){
  .rdr-dlg{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:0;margin:0}
  .rdr-dwrap{max-height:100dvh}
}

/* ---- expand in place (mechanism C) ---- */
html[data-mech="acc"] .rdr-dlg[open]:not(.rdr-tdlg){position:static;width:auto;min-width:0;height:auto;max-height:none;margin:0;
  grid-column:1/-1;border-radius:10px;box-shadow:none;border-color:var(--gold-soft)}
html[data-mech="acc"] .rdr-dlg[open]:not(.rdr-tdlg) .rdr-dwrap{max-height:none;overflow:visible}
html[data-mech="acc"] .rdr-dlg[open]:not(.rdr-tdlg) .rdr-dbar{top:64px}

/* ---- facts strip and carbon ---- */
.rdr-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;padding-top:26px;
  border-top:1px solid var(--line)}
.rdr-facts.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.rdr-facts,.rdr-facts.three{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.rdr-facts,.rdr-facts.three{grid-template-columns:1fr}}
.rdr-fact{background:rgba(255,255,255,.022);border:1px solid var(--line);border-radius:10px;padding:18px 18px 16px}
.rdr-fk{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:10px}
.rdr-fv{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1;color:var(--paper);
  font-variant-numeric:tabular-nums}
.rdr-fv small{font-family:"Inter",sans-serif;font-size:.72rem;color:var(--muted);letter-spacing:.01em;margin-left:4px}
.rdr-fb{font-size:.78rem;color:var(--faint,#6C7480);line-height:1.55;margin-top:10px}
.rdr-bricks{display:flex;gap:5px;margin-top:6px}
.rdr-brick{display:block;width:34px;height:14px;border-radius:2px;border:1px solid rgba(211,162,78,.55);background:none}
.rdr-brick.on{background:var(--gold);border-color:var(--gold)}
.rdr-tilebtn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:.62rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--paper);text-decoration:none;border:1px solid var(--line);border-radius:999px;
  padding:6px 12px;transition:border-color .25s,color .25s}
.rdr-tilebtn:hover{border-color:var(--gold-soft);color:var(--gold)}
.rdr-tilebtn .arw{transition:transform .35s}
.rdr-tilebtn:hover .arw{transform:translateX(5px)}
.rdr-methodlink{margin-top:16px;font-size:.8rem}
.rdr-methodlink a{color:var(--muted);text-decoration:none;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;
  display:inline-flex;gap:8px;align-items:center}
.rdr-methodlink a:hover{color:var(--gold)}
.rdr-methodlink a:hover .arw{transform:translateX(5px)}
/* the carbon page */
.rdr-cpage h1{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:1.29rem 0 14px;color:var(--paper);max-width:none}
/* v73 (Arvin, 21 Sep 2026): the eyebrow is gone; the heading keeps its v72 position — 1.29rem is the eyebrow's line (.86rem x 1.5) */
.rdr-cpage h2{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(1.4rem,2.4vw,1.9rem);margin:44px 0 12px;color:var(--paper)}
/* v72: the page is "Responsible Travel" — the eyebrow is the h1; two numbered sections; the tables' headings one step down */
.rdr-cpage .rdr-cintro{max-width:74ch;font-size:1.02rem;line-height:1.65}
.rdr-cpage .rdr-cpara b{color:var(--paper);font-weight:500}
/* v72: the on-page section nav, in the Core/Assessment page's form (.ca-section-nav): full-bleed bar ruled above and
   below, sticky under the header, the links left-aligned to the page's text edge, no numbers */
.rdr-cnav{position:sticky;top:64px;z-index:40;margin:22px calc(50% - 50vw) 0;padding:8px calc(50vw - 50%);
  border-top:1px solid rgba(243,238,229,.17);border-bottom:1px solid rgba(243,238,229,.17);background:#0d1219}
.rdr-cnav-in{display:flex;align-items:center;flex-wrap:wrap;gap:8px clamp(14px,2.2vw,28px);min-width:0}
.rdr-cnav a{display:inline-flex;align-items:center;min-height:32px;font-size:.78rem;color:#bcbab6;white-space:nowrap;line-height:1.5;transition:color .2s}
.rdr-cnav a:hover,.rdr-cnav a[aria-current]{color:var(--gold)}
.rdr-cpage h2.rdr-csec{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:56px 0 16px;display:flex;align-items:baseline;gap:.5em}
.rdr-cpage .rdr-cnum{color:var(--gold);font-weight:300}
.rdr-cpage .rdr-clist{max-width:80ch;margin:0 0 14px;padding-left:1.2em;color:var(--muted);font-size:.92rem;line-height:1.65}
.rdr-cpage .rdr-clist li{margin:0 0 6px}
.rdr-cpage h3{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(1.25rem,2vw,1.6rem);margin:36px 0 10px;color:var(--paper)}
.rdr-cpage .rdr-lede{font-size:1.02rem}
.rdr-cpage .rdr-cnav+.rdr-lede{margin-top:30px}   /* v77: on /ai/ the lede follows the strip directly */
.rdr-cpage p{max-width:80ch;font-size:.92rem;line-height:1.65;color:var(--muted);margin:0 0 14px}
.rdr-cpage .rdr-sum td:not(:first-child),.rdr-cpage .rdr-sum th:not(:first-child){text-align:right;white-space:nowrap;padding-left:18px}
.rdr-cpage .rdr-sum td:last-child,.rdr-cpage .rdr-sum th:last-child{padding-left:30px}
.rdr-cpage .rdr-legs{font-size:.88rem}
.rdr-cpage .rdr-legs td{color:var(--muted)}
.rdr-cpage .rdr-legs tr:last-child td{color:var(--paper)}
.rdr-cpage .rdr-sum td:first-child{color:var(--paper)}
.rdr-method{margin-top:14px;font-size:.8rem;color:var(--faint,#6C7480);line-height:1.6}
.rdr-method summary{cursor:pointer;color:var(--muted);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;
  padding:8px 0;list-style:none;display:inline-flex;gap:8px;align-items:center}
.rdr-method summary::-webkit-details-marker{display:none}
.rdr-method summary::before{content:"+";color:var(--gold);font-size:1rem;line-height:1}
.rdr-method[open] summary::before{content:"–"}
.rdr-method p{margin:8px 0 0;max-width:80ch}
.rdr-legs{width:100%;border-collapse:collapse;margin:12px 0 4px;font-variant-numeric:tabular-nums}
.rdr-legs th,.rdr-legs td{text-align:left;padding:6px 10px 6px 0;border-bottom:1px solid rgba(243,238,229,.07);
  vertical-align:top;font-weight:400}
.rdr-legs th{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.rdr-legs td:nth-child(3),.rdr-legs td:nth-child(4),.rdr-legs th:nth-child(3),.rdr-legs th:nth-child(4){text-align:right;white-space:nowrap}
.rdr-legs tr:last-child td{border-bottom:0;color:var(--paper)}


/* ============================================================
   v9 — one term page. Lead: summary card + stacked radars.
   Then six parameter cards, the block cards, the facts strip.
   Three layouts on <html data-layout>, for the mockup; the
   ruled one becomes the default.
   ============================================================ */
.rdr-lead{display:grid;grid-template-columns:7fr 5fr;gap:20px;margin-bottom:22px;align-items:start}
.rdr-radars{display:grid;gap:20px}
.rdr-sum{padding:28px 26px 8px}
.rdr-stand{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.45;
  color:var(--paper);margin:0 0 18px}
.rdr-sum .field-block{grid-template-columns:1fr;gap:6px;padding:18px 0}
.rdr-sum .field-block:last-child{border-bottom:0}
.rdr-sum .field-block .fbody{font-size:.92rem;max-width:none}
.rdr-grid6{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rdr-grid6 .pcard.g .rdr-gh,.rdr-grid6 .pcard.s .rdr-gh{color:rgb(var(--acc))}
.rdr-cards{margin-top:0}
.rdr-sec{padding-bottom:0}
.rdr-sec+.section{padding-top:28px}
.rdr-facts-wrap{margin-top:64px}
.rdr-facts{margin-top:0;padding-top:0;border-top:0}
.cta-row a[data-nav^="journey/"]{display:none}    /* the journey URL now redirects to this page */
@media(max-width:900px){
  .rdr-lead{grid-template-columns:1fr}
  .rdr-radars{grid-template-columns:1fr 1fr;position:static}
  .rdr-grid6{grid-template-columns:1fr}
}
@media(max-width:600px){.rdr-radars{grid-template-columns:1fr}}

/* layout 2 — one tall radar card; denser grids */
html[data-layout="2"] .rdr-lead{grid-template-columns:1.15fr 1fr}
html[data-layout="2"] .rdr-radars{gap:0;background:rgba(255,255,255,.022);border:1px solid var(--line);border-radius:10px;padding:8px 0}
html[data-layout="2"] .rdr-radars .pcard{background:none;border:0;border-radius:0}
html[data-layout="2"] .rdr-radars .pcard+.pcard{border-top:1px solid var(--line)}
html[data-layout="2"] .rdr-grid6{grid-template-columns:1fr 1fr 1fr}
html[data-layout="2"] .rdr-cards{grid-template-columns:1fr 1fr 1fr}
html[data-layout="2"] .rdr-card{padding:20px 18px 18px}
html[data-layout="2"] .rdr-card h3{font-size:1.2rem}
html[data-layout="2"] .rdr-card .cur-n{font-size:.95rem}
@media(max-width:1000px){
  html[data-layout="2"] .rdr-grid6,html[data-layout="2"] .rdr-cards{grid-template-columns:1fr 1fr}}
@media(max-width:900px){html[data-layout="2"] .rdr-lead{grid-template-columns:1fr}}
@media(max-width:640px){
  html[data-layout="2"] .rdr-grid6,html[data-layout="2"] .rdr-cards{grid-template-columns:1fr}}

/* layout 3 — summary and radars share one card; facts as a 2×2 inside one card */
html[data-layout="3"] .rdr-lead{gap:0;background:rgba(255,255,255,.022);border:1px solid var(--line);border-radius:10px;
  grid-template-columns:1fr 400px}
html[data-layout="3"] .rdr-lead .pcard{background:none;border:0;border-radius:0}
html[data-layout="3"] .rdr-sum{border-right:1px solid var(--line)}
html[data-layout="3"] .rdr-radars{gap:0;align-self:start;grid-template-columns:1fr}
html[data-layout="3"] .rdr-radars .pcard+.pcard{border-top:1px solid var(--line)}
html[data-layout="3"] .rdr-sum{padding:28px 30px 10px}
html[data-layout="3"] .rdr-facts{gap:0;background:rgba(255,255,255,.022);border:1px solid var(--line);border-radius:10px;
  grid-template-columns:1fr 1fr}
html[data-layout="3"] .rdr-fact{background:none;border:0;border-radius:0;padding:22px 24px}
html[data-layout="3"] .rdr-fact:nth-child(2n){border-left:1px solid var(--line)}
html[data-layout="3"] .rdr-fact:nth-child(n+3){border-top:1px solid var(--line)}
@media(max-width:900px){
  html[data-layout="3"] .rdr-lead{grid-template-columns:1fr}
  html[data-layout="3"] .rdr-sum{border-right:0}
  html[data-layout="3"] .rdr-radars{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;position:static}
  html[data-layout="3"] .rdr-radars .pcard+.pcard{border-top:0;border-left:1px solid var(--line)}}
@media(max-width:600px){
  html[data-layout="3"] .rdr-facts{grid-template-columns:1fr}
  html[data-layout="3"] .rdr-fact:nth-child(2n){border-left:0}
  html[data-layout="3"] .rdr-fact:nth-child(n+2){border-top:1px solid var(--line)}
  html[data-layout="3"] .rdr-radars{grid-template-columns:1fr}
  html[data-layout="3"] .rdr-radars .pcard+.pcard{border-left:0;border-top:1px solid var(--line)}}


/* ---- the four radars (17 Sep ruling): 2x2 in the lead card and inside every block ---- */
html[data-layout="3"] .rdr-lead{grid-template-columns:1fr 440px}
.rdr-quad{display:grid;grid-template-columns:1fr 1fr;gap:4px 4px;padding:22px 10px 14px}
/* the term lead: four radars stacked; "Read more" swaps the left column from the summary to
   the full table of all four categories (Arvin, 17 Sep, late) */
.rdr-quad.rdr-stack{grid-template-columns:1fr;gap:6px;padding:18px 14px 14px}
.rdr-stack .rdr-q{padding:10px 8px 6px}
.rdr-stack .rdr-q h3{font-size:1.25rem;margin-bottom:4px}
.rdr-readmore{display:inline-flex;align-items:center;gap:8px;margin:14px auto 0;justify-self:center;
  font-family:"Inter",sans-serif;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--paper);
  background:none;border:1px solid var(--line);border-radius:999px;padding:8px 16px;cursor:pointer;
  transition:border-color .25s,color .25s}
.rdr-readmore:hover{border-color:var(--gold-soft);color:var(--gold)}
.rdr-readmore .arw{transition:transform .35s}
.rdr-readmore:hover .arw{transform:translateX(5px)}
.rdr-left{display:block;min-width:0}
.rdr-tablewrap{display:none}
.rdr-lead.table-open .rdr-sum:not(.rdr-tablewrap){display:none}
.rdr-lead.table-open .rdr-tablewrap{display:block}
.rdr-tclose{margin:0 0 18px;padding:6px 12px;font-size:.6rem}
.rdr-grid4c.rdr-table{display:grid;grid-template-columns:1fr;gap:16px}
.rdr-table .pcard{background:none;border:0;border-radius:0;padding:0 0 8px;border-bottom:1px solid var(--line)}
.rdr-table .pcard:last-child{border-bottom:0}
.rdr-ghrow{display:flex;justify-content:space-between;align-items:center;gap:16px}
html[data-layout="3"] .rdr-tablewrap{padding:24px 30px 10px}

.rdr-q h3{font-family:"Fraunces",serif;font-weight:300;font-size:1.05rem;margin:0 0 2px;color:#fff;text-align:center}
.rdr-q svg.rdc{display:block;width:100%;height:auto;overflow:visible}
.rdr-grid4c{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rdr-rows4 .rdr-sc{--sfg:#F3EEE5}
.rdr-block .rdr-quad{padding:6px 0 10px;max-width:760px;margin:0 auto}
.rdr-bmx{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.rdr-facts.five{grid-template-columns:repeat(5,1fr)}
/* in the one-card panel (layout 3) the tiles flow: three across, the remainder stretched, no gaps */
html[data-layout="3"] .rdr-facts.five{display:flex;flex-wrap:wrap;overflow:hidden}
html[data-layout="3"] .rdr-facts.five .rdr-fact{flex:1 1 30%;border:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:-1px 0 0 -1px}
@media(max-width:1100px){html[data-layout="3"] .rdr-lead{grid-template-columns:1fr 420px}}
@media(max-width:900px){html[data-layout="3"] .rdr-lead{grid-template-columns:1fr}
  html[data-layout="3"] .rdr-radars{grid-template-columns:1fr}
  .rdr-grid4c{grid-template-columns:1fr}
  .rdr-facts.five{grid-template-columns:1fr 1fr}
  html[data-layout="3"] .rdr-facts.five .rdr-fact{flex-basis:45%}}
@media(max-width:520px){.rdr-quad{grid-template-columns:1fr}
  .rdr-facts.five{grid-template-columns:1fr}
  html[data-layout="3"] .rdr-facts.five .rdr-fact{flex-basis:100%}}

/* ---- facts strip, three tiles; the wilderness pop-out ---- */
.rdr-fvt{font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.15}
.rdr-fdlg{width:min(720px,calc(100vw - 32px));max-width:none;padding:0;margin:auto;border:1px solid var(--line);
  border-radius:12px;background:#0D1117;color:var(--muted);box-shadow:var(--shadow)}
.rdr-fdlg::backdrop{background:rgba(6,8,12,.74);backdrop-filter:blur(6px)}
.rdr-fdwrap{padding:0 clamp(18px,3vw,32px) 26px}
.rdr-facts.wsub{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;padding-top:0;border-top:0;
  background:none;border:0}
html[data-layout="3"] .rdr-facts.wsub{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:none;border:0;border-radius:0}
html[data-layout="3"] .rdr-facts.wsub .rdr-fact{border:1px solid var(--line);border-radius:10px;margin:0;flex:none;
  background:rgba(255,255,255,.022)}
@media(max-width:640px){.rdr-facts.wsub{grid-template-columns:1fr}}
.rdr-fclose{margin:0}
/* three tiles in one row (layout 3 panel), and tile buttons that are <button>s */
html[data-layout="3"] .rdr-facts.three{grid-template-columns:repeat(3,1fr)}
html[data-layout="3"] .rdr-facts.three .rdr-fact{border:0;border-left:1px solid var(--line)}
html[data-layout="3"] .rdr-facts.three .rdr-fact:first-child{border-left:0}
@media(max-width:900px){html[data-layout="3"] .rdr-facts.three{grid-template-columns:1fr}
  html[data-layout="3"] .rdr-facts.three .rdr-fact{border-left:0;border-top:1px solid var(--line)}
  html[data-layout="3"] .rdr-facts.three .rdr-fact:first-child{border-top:0}}
button.rdr-tilebtn{background:none;font-family:"Inter",sans-serif;font-size:.62rem;cursor:pointer;color:var(--paper)}


/* ============================================================
   17 Sep, night — lead card: standfirst across, fields left, radars right aligned with the
   first gold sub-heading; Read more styled as Learn more; term pop-out of four cards with
   their radars; block radars inside their category cards; two-tile strip with a pop-down.
   ============================================================ */
.rdr-lead.pcard{display:grid;grid-template-columns:1fr 440px;gap:0 28px;align-items:start;padding:28px 30px 10px}
html[data-layout="3"] .rdr-lead.pcard{grid-template-columns:1fr 440px;gap:0 28px;background:rgba(255,255,255,.022);border:1px solid var(--line);border-radius:10px}
.rdr-lead.pcard .rdr-stand{grid-column:1/-1;margin:0 0 18px}
.rdr-lead.pcard .rdr-left{border-top:1px solid var(--line)}
.rdr-lead.pcard .rdr-left .field-block{grid-template-columns:1fr;gap:6px;padding:18px 0}
.rdr-lead.pcard .rdr-left .field-block:last-child{border-bottom:0}
.rdr-lead.pcard .rdr-left .field-block .fbody{font-size:.92rem;max-width:none}
.rdr-lead.pcard .rdr-radars{padding-top:18px}
html[data-layout="3"] .rdr-sum{border-right:0}
.rdr-quad.rdr-stack{padding:0 8px 8px;gap:14px}
.rdr-stack .rdr-q{padding:0;border:0;cursor:default;background:none}
.rdr-stack .rdr-q h3.rdr-gh{font-family:inherit;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;text-align:right;margin:0;padding:0 40px 0 8px}   /* same heading as the block category cards */
.rdr-stack .rdr-q svg.rdc{margin:-26px auto 0}
.rdr-stack .rdr-q:hover{border-color:transparent;background:none}
.rdr-more.rdr-readmore{margin:6px auto 0;justify-self:center;background:none;border:0;padding:0;cursor:pointer;
  font-family:"Inter",sans-serif;color:var(--gold)}
.rdr-more.rdr-readmore:hover .arw{transform:translateX(5px)}
@media(max-width:900px){.rdr-lead.pcard,html[data-layout="3"] .rdr-lead.pcard{grid-template-columns:1fr}
  .rdr-lead.pcard .rdr-radars{padding-top:10px}}
/* the term pop-out and the block foot: each category card carries its radar */
.rdr-tdlg{width:min(1120px,calc(100vw - 32px))}
.rdr-tdlg .rdr-grid4c{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-bottom:10px}
@media(max-width:820px){.rdr-tdlg .rdr-grid4c{grid-template-columns:1fr}}
.rdr-rcard4 svg.rdc{display:block;width:100%;max-width:400px;height:auto;margin:-6px auto 6px;overflow:visible}
.rdr-rcard4 .rdr-gh{margin-bottom:0}
.rdr-bmx .rdr-grid4c{grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:820px){.rdr-bmx .rdr-grid4c{grid-template-columns:1fr}}
/* facts strip: two tiles, pop-down beneath */
html[data-layout="3"] .rdr-facts.two{grid-template-columns:1fr 1fr}
html[data-layout="3"] .rdr-facts.two .rdr-fact{border:0}
html[data-layout="3"] .rdr-facts.two .rdr-fact+.rdr-fact{border-left:1px solid var(--line)}
.rdr-fact .rdr-more{display:inline-flex;margin-top:14px}
button.rdr-more,.rdr-wildbtn{background:none;border:0;padding:0;cursor:pointer;font-family:"Inter",sans-serif;font-size:.66rem}
.rdr-wildpanel{margin-top:16px}
.rdr-wildpanel[hidden]{display:none}
html[data-layout="3"] .rdr-wildpanel .rdr-facts.wsub{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;
  background:none;border:0;border-radius:0;margin-top:0}
html[data-layout="3"] .rdr-wildpanel .rdr-fact{border:1px solid var(--line);border-radius:10px;margin:0;background:rgba(255,255,255,.022)}
@media(max-width:640px){html[data-layout="3"] .rdr-wildpanel .rdr-facts.wsub{grid-template-columns:1fr}}
@media(max-width:700px){html[data-layout="3"] .rdr-facts.two{grid-template-columns:1fr}
  html[data-layout="3"] .rdr-facts.two .rdr-fact+.rdr-fact{border-left:0;border-top:1px solid var(--line)}}
.rdr-tilelink{font-family:"Inter",sans-serif}
.rdr-fw{font-family:"Inter",sans-serif;font-size:.8rem;color:var(--faint,#6C7480);margin-top:4px}
/* narrow widths: tables scroll inside their box rather than widening the page */
.rdr-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.rdr-tw .rdr-legs{min-width:520px}
.rdr-dlg .tblx{overflow-x:auto}
.rdr-dlg .cur-v,.rdr-dlg .cur-k,.rdr-dlg .cur-block,.rdr-dlg .rdr-dwrap{min-width:0}
/* ============================================================
   17 Sep, later — v52 formatting (Arvin): a vertical rule between the summary copy and the
   radar column; no rules between the summary's paragraphs; Read more right-aligned on the
   headings' line; "Field figures" / "Full calculation".
   ============================================================ */
.rdr-lead.pcard .rdr-radars{align-self:stretch;border-left:1px solid var(--line);padding-left:28px;margin-left:-14px}
.rdr-lead.pcard .rdr-left .field-block,.rdr-lead.pcard .rdr-left .field-block:last-child{border-top:0;border-bottom:0;padding:16px 0}
.rdr-lead.pcard .rdr-left .field-block:first-child{padding-top:20px}
.rdr-more.rdr-readmore{margin:6px 40px 0 auto;justify-self:end;align-self:flex-end}
@media(max-width:900px){.rdr-lead.pcard .rdr-radars{border-left:0;padding-left:0;margin-left:0;border-top:1px solid var(--line)}}
/* ============================================================
   18 Sep — v53 (Arvin): the lead card folds. The radar column is a right-hand float inside
   the copy; the copy runs beside it, then full width beneath it. Closed, the copy is clipped
   just below the float's foot with a fade and "Expand +"; open, "Show less". The term line
   sits above the radars; the standfirst is one step smaller and runs the full card width.
   The route map sits under the block cards, no heading.
   ============================================================ */
.rdr-lead.pcard{display:block;padding:26px 30px 22px}
html[data-layout="3"] .rdr-lead.pcard{display:block}
.rdr-lead.pcard .rdr-stand{font-size:1.12rem;line-height:1.55;margin:0 0 18px;max-width:none;font-weight:300}
.rdr-lead.pcard .rdr-copy{position:relative;border-top:1px solid var(--line);padding-top:0}
.rdr-lead.pcard .rdr-copy::after{content:"";display:block;clear:both}
.rdr-lead.pcard .rdr-radars{float:right;width:440px;margin:0 0 28px 28px;padding:18px 0 0 28px;
  border-left:1px solid var(--line);align-self:auto}
.rdr-lead.pcard .rdr-left{border-top:0;display:block}
.rdr-lead.pcard .rdr-left .field-block{display:block}
.rdr-termline{font-family:"Inter",sans-serif;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted);text-align:right;padding:0 40px 14px 8px;display:flex;justify-content:flex-end;align-items:center;gap:8px}
.rdr-termline .dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
/* the fold */
.rdr-lead.pcard[data-fold="closed"] .rdr-copy{max-height:var(--fold,1400px);overflow:hidden}
.rdr-fade{display:none}
.rdr-lead.pcard[data-fold="closed"] .rdr-fade{display:block;position:absolute;left:0;right:0;bottom:0;height:150px;
  background:linear-gradient(to bottom,rgba(16,19,24,0) 0%,#101318 78%);pointer-events:none}
.rdr-lead.pcard[data-fold="closed"] .rdr-fade .rdr-expand{pointer-events:auto;position:absolute;left:0;bottom:0;margin:0}
.rdr-more.rdr-expand,.rdr-more.rdr-collapse{background:none;border:0;padding:0;cursor:pointer;font-family:"Inter",sans-serif;color:var(--gold);margin:0}
.rdr-more.rdr-expand .arw,.rdr-more.rdr-collapse .arw{font-size:1rem;line-height:1;transition:none}
.rdr-lead.pcard .rdr-collapse{display:inline-flex;margin-top:18px}
.rdr-lead.pcard .rdr-collapse[hidden]{display:none}
/* the route map */
.rdr-map{margin-top:40px}
.rdr-map img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line);background:#0D1117}
.rdr-facts-wrap{margin-top:34px}
@media(max-width:900px){
  .rdr-lead.pcard .rdr-radars{float:none;width:auto;margin:0 0 8px;padding:14px 0 0;border-left:0}
  .rdr-termline{text-align:left;justify-content:flex-start;padding:0 0 12px}
  .rdr-lead.pcard .rdr-left{border-top:1px solid var(--line)}
}
/* ============================================================
   18 Sep — v54 (Arvin): the blurb is a story in the hero (Fraunces italic, gold drop
   capital, wide measure); the term line is the card's eyebrow, no rule beneath; the copy
   row has no top rule.
   ============================================================ */
.hero.hero--page .rdr-story{max-width:900px;font-family:"Fraunces",serif;font-style:italic;font-weight:300;
  font-size:1.28rem;line-height:1.6;color:rgba(243,238,229,.92);text-shadow:0 1px 14px rgba(0,0,0,.55);margin-top:18px}
.hero.hero--page .rdr-story::first-letter{font-size:2.6em;line-height:.8;float:left;padding:6px 8px 0 0;
  color:var(--gold);font-style:normal;font-weight:400}
.hero.hero--page .rdr-story em{font-style:normal}
/* v56 (Arvin, "go with 2"): one left-aligned row — TERM 3 | 12 weeks · February – April 2029 */
.rdr-eyebrow{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:0 0 18px}
.rdr-eyebrow .cur-n{font-family:"Fraunces",serif;font-size:1.35rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);line-height:1}
.rdr-eyebrow .rdr-ebar{flex:0 0 1px;width:1px;height:1.15em;background:rgba(243,238,229,.28)}
.rdr-eyebrow .rdr-tmeta{flex:0 1 auto;min-width:0;font-family:"Inter",sans-serif;font-size:.66rem;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);text-align:left;padding-top:.15em}
.rdr-lead.pcard .rdr-copy{border-top:0}
.rdr-lead.pcard .rdr-radars{padding-top:6px}
.rdr-termline{display:none}
@media(max-width:640px){.rdr-eyebrow{gap:12px}   /* the meta wraps inside its own box; the bar never dangles */
  .hero.hero--page .rdr-story{font-size:1.1rem}}
/* ============================================================
   18 Sep — v56 (Arvin): the block dossiers are <details>, not <dialog>. Hidden until opened
   when JavaScript runs (the card is the trigger); a native accordion without it. The term
   pop-out (#rdr-table) stays a true <dialog>.
   ============================================================ */
html.rdr-js details.rdr-dlg:not([open]){display:none}
details.rdr-dlg{display:block;position:static;width:auto;max-width:none;max-height:none;margin:0;
  border:1px solid var(--line);border-radius:10px;background:#0D1117;box-shadow:none;grid-column:1/-1}
details.rdr-dlg[open]{border-color:var(--gold-soft)}
details.rdr-dlg .rdr-dwrap{max-height:none;overflow:visible}
summary.rdr-dbar{list-style:none;cursor:pointer;padding:14px clamp(18px,3vw,40px);margin:0;
  position:sticky;top:64px;z-index:2;border-radius:10px 10px 0 0;justify-content:flex-end;border-bottom:0}
/* v71 (Arvin): the open block's bar is the Close control alone — no text, no rule beneath it */
summary.rdr-dbar::-webkit-details-marker{display:none}
summary.rdr-dbar::marker{content:""}
details.rdr-dlg:not([open]) summary.rdr-dbar{position:static;border-bottom:0;border-radius:10px}
/* the label is CSS on the details' summary only — the term pop-out's button carries its own text */
summary.rdr-dbar .rdr-close::after{content:"Close \00d7"}
details.rdr-dlg:not([open]) summary.rdr-dbar .rdr-close::after{content:"Open +"}
/* ============================================================
   18 Sep — v56 (Arvin): the block cards and dossier headers take the term card's heading
   format — BLOCK 15 | Weeks 57–60 · August–October, the title, the locations alone beneath
   it. The v50 meta line inside the dossier (weeks · locations · months) stays in the page,
   hidden. The Methods & skills definition paragraph is gone. The fine print closes the page.
   ============================================================ */
.rdr-eyebrow.rdr-beb{padding-bottom:0;gap:14px}
.rdr-tn{white-space:nowrap}
.rdr-deb{margin-bottom:6px}
.rdr-card .rdr-eyebrow .cur-n{margin:0}
.rdr-card .rdr-loc,.rdr-dlg .rdr-loc{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint,#6C7480);margin-top:2px}
.rdr-dlg .cur-head>.cur-meta:not(.rdr-loc){display:none}
.rdr-dlg .cur-head>.rdr-eyebrow{padding-bottom:0}
.rdr-dlg .cur-head>.rdr-eyebrow .cur-n,.rdr-card .rdr-eyebrow .cur-n{font-size:clamp(1.1rem,1.6vw,1.3rem);margin:0}
.rdr-gdef{display:none}
.rdr-fine{font-family:"Inter",sans-serif;font-size:.74rem;line-height:1.55;color:var(--faint,#6C7480);
  margin:40px 0 0;padding-top:18px;border-top:1px solid var(--line);max-width:72ch}
/* ============================================================
   18 Sep — v57 (Arvin): the facts strip is three tiles — Readings · Wilderness quotient ·
   Carbon footprint. The Readings tile lists the canon books read this term (title; author ·
   where read), from the workbook's reading canon (v27). Block cards print short months.
   ============================================================ */
html[data-layout="3"] .rdr-facts.strip3{grid-template-columns:1.35fr 1fr 1fr}
html[data-layout="3"] .rdr-facts.strip3 .rdr-fact{border:0}
html[data-layout="3"] .rdr-facts.strip3 .rdr-fact+.rdr-fact{border-left:1px solid var(--line)}
.rdr-books{list-style:none;margin:0;padding:0}
.rdr-books li{padding:9px 0;border-top:1px solid var(--line)}
.rdr-books li:first-child{padding-top:2px;border-top:0}
.rdr-books .rdr-bt{display:block;font-family:"Fraunces",serif;font-weight:300;font-size:1.12rem;line-height:1.25;color:var(--paper)}
.rdr-books .rdr-bm{display:block;font-family:"Inter",sans-serif;font-size:.78rem;line-height:1.45;color:var(--faint,#6C7480);margin-top:2px}
@media(max-width:900px){html[data-layout="3"] .rdr-facts.strip3{grid-template-columns:1fr 1fr}
  html[data-layout="3"] .rdr-facts.strip3 .rdr-fact:first-child{grid-column:1/-1}
  html[data-layout="3"] .rdr-facts.strip3 .rdr-fact:nth-child(2){border-left:0;border-top:1px solid var(--line)}
  html[data-layout="3"] .rdr-facts.strip3 .rdr-fact:nth-child(3){border-top:1px solid var(--line)}}
@media(max-width:560px){html[data-layout="3"] .rdr-facts.strip3{grid-template-columns:1fr}
  html[data-layout="3"] .rdr-facts.strip3 .rdr-fact+.rdr-fact{border-left:0;border-top:1px solid var(--line)}}

/* v58 (18 Sep 2026, R3 option c): the Readings tile's "At home" group */
.rdr-bsub{font-family:"Inter",sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint,#6C7480);margin:14px 0 2px}
.rdr-books.rdr-home li:first-child{border-top:0;padding-top:2px}
/* ============================================================
   20 Sep 2026 — v69 (Arvin; Decision #50): the Readings tile expands ("Full reading list +") to
   three columns — Core and home readings · Papers, essays and selections (by block) · Optional
   reading (only where the term has a book) — taking the strip's full width; the Wilderness quotient
   and Carbon footprint tiles drop beneath. And 16px between the quotient's definition line and its
   figure cards.
   ============================================================ */
.rdr-wildpanel .rdr-fw{margin-bottom:16px}
.rdr-readcols{display:grid;grid-template-columns:1fr;gap:0}
.rdr-readcol[hidden]{display:none}
.rdr-readcore{min-width:0}
.rdr-readh{margin-top:0}
.rdr-books .rdr-bblk{font-family:"Inter",sans-serif;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint,#6C7480);
  padding:14px 0 2px;border-top:0}
.rdr-books .rdr-bblk:first-child{padding-top:2px}
.rdr-books .rdr-bblk+li{border-top:0}
.rdr-books.rdr-papers li{padding:7px 0}
.rdr-books.rdr-papers .rdr-bt{font-size:1rem}
.rdr-fact .rdr-readbtn{display:inline-flex;margin-top:16px}
html[data-layout="3"] .rdr-facts.strip3.rdr-open{grid-template-columns:1fr 1fr}
html[data-layout="3"] .rdr-facts.strip3.rdr-open .rdr-readtile{grid-column:1/-1;border-bottom:1px solid var(--line)}
html[data-layout="3"] .rdr-facts.strip3.rdr-open .rdr-fact:nth-child(2){border-left:0}
.rdr-facts.strip3.rdr-open .rdr-readtile>.rdr-fk{display:none}
.rdr-facts.strip3.rdr-open .rdr-readcols{grid-template-columns:1fr 1.25fr 1fr;gap:0 34px}
.rdr-facts.strip3.rdr-open .rdr-readcols.two{grid-template-columns:1fr 1.25fr}
.rdr-facts.strip3.rdr-open .rdr-readcol+.rdr-readcol{border-left:1px solid var(--line);padding-left:30px}
@media(max-width:900px){.rdr-facts.strip3.rdr-open .rdr-readcols,.rdr-facts.strip3.rdr-open .rdr-readcols.two{grid-template-columns:1fr}
  .rdr-facts.strip3.rdr-open .rdr-readcol+.rdr-readcol{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
  html[data-layout="3"] .rdr-facts.strip3.rdr-open{grid-template-columns:1fr 1fr}}
@media(max-width:520px){html[data-layout="3"] .rdr-facts.strip3.rdr-open{grid-template-columns:1fr}}
/* v74 (Arvin, 21 Sep 2026) — phones only (the site's 760px break); radars.css loads on the term pages and Responsible Travel only.
   1 the term hero's content starts 48px below the fixed header (57px), so the term name is never under it;
   2 the opening paragraph is upright and one step heavier (his option 3 of four renders), em italic for contrast;
   3 each radar heading sits on its own line, left-aligned, the radar beneath it (the 26px pull-up clashed with the top label) */
@media(max-width:760px){
  .hero.hero--page .hero__content{padding-top:105px}
  .hero.hero--page .rdr-story{font-style:normal;font-weight:400}
  .hero.hero--page .rdr-story em{font-style:italic}
  .rdr-stack .rdr-q h3.rdr-gh{text-align:left;padding:0}
  .rdr-stack .rdr-q svg.rdc{margin-top:0}
}
/* v76 (Arvin, 21 Sep 2026)
   1 phones: the first radar heading in the term card sits 26px below the "TERM N" eyebrow (was 7px) — the spacing the site
     uses for this kind of heading on phones (radar headings in the pop-up and in opened blocks 27px, Core cards 24px);
   2 desktop: the term hero's content starts below the fixed 66px header with the same 48px gap as on phones, so the term name
     is never under the header in a short window (it was, on all six terms, in any window under ~900px tall — since before v73).
     Where the text already fits the hero, nothing moves. */
@media(max-width:760px){.rdr-lead.pcard .rdr-radars{padding-top:25px}}
@media(min-width:761px){.hero.hero--page .hero__content{padding-top:114px}}