/* Real journeys (7 Nov 2026): six stories from Sophie's master document, in My Move's shell. */
.rj-page{background:#FCFBF8;color:#1F2B28}
.rj{--teal:#02615D;--deep:#01443F;--fern:#436F46;--muted:#5A6965;--line:#E6E2D8;--mint:#EEF5F0;font-family:'Manrope',system-ui,sans-serif}
.rj-w{max-width:1120px;margin:0 auto;padding:0 20px}
.rj h1,.rj h2,.rj h3{font-family:'Work Sans',system-ui,sans-serif;color:var(--deep);letter-spacing:-.02em}
.rj-hero{padding:clamp(40px,6vw,72px) 0 26px}
.rj-eyebrow{font:italic 500 19px 'Playfair Display',Georgia,serif;color:var(--fern);margin:0 0 8px}
.rj-hero h1{font-size:clamp(32px,4.6vw,54px);font-weight:600;line-height:1.08;margin:0 0 18px;max-width:18ch}
.rj-intro{font-size:clamp(17px,1.6vw,19.5px);line-height:1.6;max-width:62ch;margin:0 0 18px;color:#2F3D39}
.rj-note{font-size:14.5px;line-height:1.6;color:var(--muted);max-width:70ch;margin:0;padding:12px 16px;border-left:3px solid #A9C9AE;background:var(--mint);border-radius:0 12px 12px 0}

/* the six, to choose from */
.rj-picker{border-bottom:1px solid var(--line);padding:12px 0 18px}
.rj-picker ol{list-style:none;margin:0;padding:2px 0 4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rj-pick{display:flex;flex-direction:column;gap:2px;height:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,background .15s}
.rj-pick:hover{border-color:#9FBFB6}
.rj-pick[aria-current="true"]{border:2px solid var(--teal);padding:11px 13px;background:#F1F8F5}
.rj-pick:focus-visible{outline:3px solid #0E7C76;outline-offset:2px}
.rj-pn2{font:700 11.5px 'Work Sans',sans-serif;letter-spacing:.12em;color:var(--fern)}
.rj-pick b{font:600 15.5px/1.25 'Work Sans',sans-serif;color:var(--deep)}
.rj-pick span:not(.rj-pn2){font-size:13px;line-height:1.35;color:#3E4B48}
.rj-pick small{font-size:12px;color:var(--muted);margin-top:auto;padding-top:4px}
@media (max-width:980px){.rj-picker ol{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.rj-picker li{flex:0 0 200px;scroll-snap-align:start}}
@media (max-width:640px){.rj-picker li{flex-basis:170px}.rj-pick span:not(.rj-pn2){display:none}}

/* one story */
.rj-stories{padding:28px 20px 10px}
.rj-story{margin:0 0 56px;scroll-margin-top:84px}
.rj-js .rj-story{display:none}
.rj-js .rj-story.on{display:block}
.rj-sh{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;border-radius:22px;overflow:hidden;background:var(--mint);border:1px solid #D6E1DA}
.rj-fig{margin:0;position:relative;min-height:300px}
.rj-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rj-st{padding:clamp(22px,3.4vw,40px)}
.rj-num{font:700 12px 'Work Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--fern);margin:0 0 10px}
.rj-st h2{font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.1;margin:0 0 8px}
.rj-tag{font:italic 500 clamp(18px,1.8vw,22px)/1.35 'Playfair Display',Georgia,serif;color:#2F5E49;margin:0 0 18px}
.rj-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rj-facts li{font-size:13.5px;font-weight:600;color:#2F4A44;background:#fff;border:1px solid #D6E1DA;border-radius:999px;padding:6px 12px}
@media (max-width:820px){.rj-sh{grid-template-columns:1fr}.rj-fig{min-height:0;aspect-ratio:16/9}}

.rj-body{max-width:72ch;margin:34px auto 0}
.rj-body p{font-size:17px;line-height:1.72;margin:0 0 16px}
.rj-lead p{font-size:clamp(18px,1.7vw,19.5px);line-height:1.66;color:#24322F}
.rj-lead p:first-child::first-letter{font:600 3.1em/.9 'Playfair Display',Georgia,serif;float:left;margin:6px 10px 0 0;color:var(--teal)}
.rj-toc{margin:26px 0 8px;border:1px solid var(--line);border-radius:14px;background:#fff}
.rj-toc summary{cursor:pointer;padding:14px 18px;font:600 15px 'Work Sans',sans-serif;color:var(--deep)}
.rj-toc ol{margin:0;padding:0 22px 16px 40px;columns:2;column-gap:28px}
.rj-toc li{font-size:14.5px;line-height:1.45;margin:0 0 6px;break-inside:avoid}
.rj-toc a{color:var(--teal)}
@media (max-width:640px){.rj-toc ol{columns:1}}
.rj-sec{padding-top:12px;scroll-margin-top:84px}
.rj-sec h3{font-size:clamp(21px,2vw,25px);font-weight:600;line-height:1.25;margin:30px 0 12px}
.rj-fin{margin-top:28px;padding:6px 24px 14px;background:#fff;border:1px solid var(--line);border-radius:18px}
.rj-fin h3{margin-top:20px}
.rj-fin>p:first-of-type{font-size:14.5px;color:var(--muted);line-height:1.6}
.rj-tw{overflow-x:auto;margin:6px 0 18px}
.rj-t{width:100%;border-collapse:collapse;font-size:15px}
.rj-t th,.rj-t td{text-align:left;padding:11px 12px;border-bottom:1px solid #ECE8DF;vertical-align:top}
.rj-t thead th{font:700 12.5px 'Work Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--teal)}
.rj-t thead th:first-child{border-radius:10px 0 0 0}.rj-t thead th:last-child{border-radius:0 10px 0 0}
.rj-t tbody th{font-weight:600;color:#2F3D39;width:52%}
.rj-t td{font-weight:700;color:var(--deep);font-variant-numeric:tabular-nums}
.rj-t tbody tr:nth-child(even){background:#FAF8F3}
.rj-check{margin:10px 0 22px;padding:18px 22px;background:var(--mint);border-radius:16px;border:1px solid #D6E1DA}
.rj-k{font:700 12px 'Work Sans',sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:var(--fern);margin:0 0 8px!important}
.rj-check ul{margin:0;padding-left:20px}
.rj-check li{font-size:16px;line-height:1.55;margin:0 0 6px}
.rj-pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:38px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.rj-pn a{display:block;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;font:600 17px 'Work Sans',sans-serif;color:var(--deep)}
.rj-pn a small{display:block;font:600 12px 'Work Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.rj-pn a.nx{text-align:right}
.rj-pn a:hover{border-color:#9FBFB6}

.rj-end{padding:20px 0 70px}
.rj-end>.rj-w>h2{font-size:22px;margin:0 0 10px}
.rj-end>.rj-w>p{font-size:15px;line-height:1.6;color:var(--muted);max-width:72ch}
.rj-src{margin:10px 0 34px;padding-left:20px;columns:2;column-gap:32px}
.rj-src li{font-size:14.5px;line-height:1.5;margin:0 0 8px;break-inside:avoid}
.rj-src a{color:var(--teal)}
@media (max-width:700px){.rj-src{columns:1}}
.rj-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:26px 28px;border-radius:20px;background:var(--deep);color:#EAF3EF}
.rj-cta h2{color:#fff;font-size:24px;margin:0 0 6px}
.rj-cta p{margin:0;max-width:60ch;font-size:15.5px;line-height:1.55;color:#D5E6DF}
.rj-cta .btn{background:#fff;color:var(--deep);border-color:#fff}
@media (max-width:640px){.rj-w{padding:0 16px}.rj-stories{padding:20px 16px 0}.rj-fin{padding:4px 16px 10px}.rj-body p{font-size:16.5px}}
@media print{.mmh,.mmf,.rj-picker,.rj-pn,.rj-toc,.rj-cta{display:none!important}.rj-js .rj-story{display:block}}
@media (max-width:640px){.rj-lead p:first-child::first-letter{font:inherit;float:none;margin:0;color:inherit}}

/* ---- Infographics inside a story (Zanele, 7 Nov 2026: less text, more infographics) ---- */
.ig{margin:18px 0 22px;padding:22px 24px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.ig-h{font:600 18px/1.3 'Work Sans',sans-serif;color:var(--deep);margin:0 0 12px}
.ig-note{font-size:13.5px!important;line-height:1.55!important;color:var(--muted);margin:12px 0 0!important}
.ig-money{background:var(--deep);border-color:var(--deep);color:#EAF3EF}
.ig-money .ig-h{color:#fff}
.ig-big{margin:0 0 12px!important;font-size:15px!important;color:#CFE2DA}
.ig-big b{font:600 30px 'Work Sans',sans-serif;color:#fff;margin-right:6px;font-variant-numeric:tabular-nums}
.ig-bar{display:flex;height:54px;border-radius:12px;overflow:hidden;background:#F2C46D}
.ig-c{display:flex;align-items:center;padding:0 14px;background:#A9D3C4;color:#01443F;font-size:14.5px;white-space:nowrap;overflow:hidden}
.ig-c b{font-variant-numeric:tabular-nums}
.ig-l{flex:1}
.ig-left{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:10px 0 0!important;font-size:15px!important;color:#fff}
.ig-left b{font:600 20px 'Work Sans',sans-serif;font-variant-numeric:tabular-nums}
.ig-key{width:12px;height:12px;border-radius:3px;background:#F2C46D}
.ig-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.ig-stats div{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.ig-stats b{display:block;font:600 19px 'Work Sans',sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.ig-stats span{font-size:13.5px;color:#CFE2DA}
.ig-money .ig-note{color:#B9D2C9}
.ig-qrow{display:grid;grid-template-columns:88px minmax(0,1fr);gap:4px 12px;align-items:center;margin:0 0 12px}
.ig-ql{font:700 12px 'Work Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--fern)}
.ig-qbar{height:38px;border-radius:10px;background:#F2EFE8;overflow:hidden}
.ig-qf,.ig-qb{display:flex;align-items:center;height:100%;padding:0 12px;font-size:15px;white-space:nowrap}
.ig-qf{background:#E3B7A0;color:#5A2A12}
.ig-qb{background:#8CC2A6;color:#01443F;min-width:max-content}
.ig-qf b,.ig-qb b{font-variant-numeric:tabular-nums}
.ig-qrow small{grid-column:2;font-size:13.5px;color:var(--muted)}
.ig-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}
.ig-steps ol:before{content:"";position:absolute;left:16px;right:16px;top:16px;height:2px;background:#C7DCD3}
.ig-steps li{position:relative;display:flex;flex-direction:column;gap:3px}
.ig-n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font:700 14px 'Work Sans',sans-serif;margin-bottom:6px;position:relative}
.ig-steps li:last-child .ig-n{background:#2F8F5B}
.ig-steps b{font:600 15px/1.3 'Work Sans',sans-serif;color:var(--deep)}
.ig-steps li span:not(.ig-n){font-size:13.5px;line-height:1.45;color:#3E4B48}
@media (max-width:820px){.ig{padding:18px 16px}.ig-stats{grid-template-columns:1fr;gap:6px}.ig-stats div{display:flex;align-items:baseline;gap:10px;padding:8px 12px}.ig-stats b{font-size:17px}.ig-steps ol{grid-template-columns:1fr;gap:14px}.ig-steps ol:before{left:15px;right:auto;top:16px;bottom:16px;width:2px;height:auto}.ig-steps li{padding-left:46px;min-height:32px}.ig-n{position:absolute;left:0;top:0;margin:0}.ig-qrow{grid-template-columns:1fr}.ig-qrow small{grid-column:1}}
.ig-stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;background:var(--mint);border-color:#D6E1DA}
.ig-sb{font:600 clamp(26px,3vw,34px) 'Work Sans',sans-serif!important;color:var(--deep);margin:0!important;font-variant-numeric:tabular-nums}
.ig-stat figcaption{font-size:15.5px;color:#2F3D39;flex:1 1 260px}
.ig-cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ig-ct{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:#F6F3EC}
.ig-ct span{font:700 12px 'Work Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--fern)}
.ig-ct b{font:600 22px 'Work Sans',sans-serif;color:var(--deep);font-variant-numeric:tabular-nums}
.ig-ct small{font-size:13.5px;line-height:1.45;color:#3E4B48}
.ig-ct-y{background:var(--deep)}.ig-ct-y span{color:#A9D3C4}.ig-ct-y b{color:#fff}.ig-ct-y small{color:#CFE2DA}
.ig-steps ol:has(> li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.ig-chips{list-style:none;margin:6px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ig-chips li{font-size:14.5px;font-weight:600;color:#24443D;background:#fff;border:1px solid #CFE0D8;border-radius:999px;padding:7px 14px}
.ig-clubs{list-style:none;margin:8px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ig-clubs li{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.ig-sport{align-self:flex-start;font:700 11.5px 'Work Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7A4E10;background:#FBEFD9;border-radius:999px;padding:3px 9px;margin-bottom:4px}
.ig-clubs b{font:600 16.5px 'Work Sans',sans-serif;color:var(--deep)}
.ig-clubs li>span:not(.ig-sport){font-size:14.5px;color:#2F3D39}
.ig-clubs small{font-size:13.5px;color:var(--muted)}
@media (max-width:820px){.ig-cg{grid-template-columns:1fr}.ig-clubs{grid-template-columns:1fr}.ig-steps ol:has(> li:nth-child(4):last-child){grid-template-columns:1fr}}
.rj-also{margin:14px 0 0;font-size:15px;color:#4F5F57}.rj-also a{color:#02615D;font-weight:600}