/* CLA REIO / ACADEMY V35 — article reader */
.article-page{background:#f6f3ec;color:#232822}
.reading-progress{position:fixed;z-index:70;top:0;left:0;width:0;height:3px;background:#91a88f;transition:width .08s linear;pointer-events:none}
.reader-hero{padding:clamp(160px,15vw,235px) 0 clamp(80px,8vw,130px);background:#f1eee7;min-height:680px;position:relative;overflow:hidden}
.reader-hero::after{content:'';position:absolute;right:2vw;bottom:-13vw;border:1px solid rgba(64,83,66,.12);width:min(44vw,650px);height:min(44vw,650px);border-radius:50%;pointer-events:none}
.reader-hero .shell{position:relative;z-index:1}
.reader-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #c7ccc1;padding-bottom:19px;color:#667365;font:10px/1.5 var(--mono);letter-spacing:.11em;text-transform:uppercase}
.reader-topline a{color:#38483b;display:inline-flex;align-items:center;gap:12px}
.reader-topline a:hover{opacity:.6}
.reader-hero h1{max-width:1200px;font:300 clamp(64px,7.9vw,128px)/.99 var(--display);letter-spacing:-.062em;margin:58px 0 38px;text-wrap:balance}
.reader-hero h1 em{font-weight:300;color:#7c957f}
.reader-subtitle{max-width:700px;font:300 clamp(22px,2.5vw,37px)/1.38 var(--display);letter-spacing:-.026em;color:#576057}
.reader-bottomline{display:flex;justify-content:space-between;gap:15px;margin-top:65px;padding-top:22px;border-top:1px solid #c7ccc1;color:#879083;font:10px var(--mono);letter-spacing:.11em;text-transform:uppercase}
.reader-issue{white-space:nowrap}
.reader-body-section{padding:clamp(75px,8vw,130px) 0 145px}
.reader-layout{display:grid;grid-template-columns:minmax(160px,.36fr) minmax(0,.98fr) minmax(150px,.32fr);gap:clamp(25px,4vw,75px);align-items:start}
.reader-rail{position:sticky;top:38px;padding:15px 0;border-top:1px solid #c5cbc0;align-self:start}
.reader-rail .rail-label{font:10px var(--mono);letter-spacing:.12em;color:#829080;margin-bottom:26px;text-transform:uppercase}
.reader-rail a{display:block;font:12px/1.5 var(--sans);color:#758274;margin:15px 0;padding-left:12px;border-left:2px solid transparent;transition:.2s}
.reader-rail a:hover,.reader-rail a.active{color:#29372c;border-color:#7f9c80}
.reader-copy{min-width:0}.reader-copy .lead{font:300 clamp(27px,3.2vw,47px)/1.34 var(--display);letter-spacing:-.028em;color:#36443b;margin-bottom:72px}
.reader-segment{scroll-margin-top:65px;padding:43px 0 70px;border-top:1px solid #c9cfc4}
.reader-segment-index{display:flex;gap:18px;align-items:center;color:#81907d;font:10px var(--mono);letter-spacing:.15em;text-transform:uppercase}
.reader-segment h2{font:300 clamp(37px,4vw,59px)/1.05 var(--display);letter-spacing:-.045em;margin:26px 0 22px;text-wrap:balance}
.reader-segment p{font:400 clamp(16px,1.25vw,18px)/1.9 var(--sans);color:#586157;max-width:680px;margin-bottom:22px}
.reader-segment blockquote{border-left:2px solid #9caf99;margin:36px 0 0;padding:5px 0 7px 25px;font:italic 300 clamp(21px,2.5vw,31px)/1.4 var(--display);color:#768f77}
.reader-side-note{position:sticky;top:38px;border-top:1px solid #c5cbc0;padding-top:20px;color:#6d7a70}
.reader-side-note b{display:block;font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:21px;color:#64796a}
.reader-side-note p{font:300 21px/1.55 var(--display)}
.reader-tool{margin-top:44px;background:#e3e8e0;padding:clamp(25px,3vw,46px);border-radius:3px}
.reader-tool .tool-head{display:flex;justify-content:space-between;color:#6e836f;font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em}
.reader-tool h3{font:300 clamp(30px,3.3vw,49px)/1.09 var(--display);letter-spacing:-.04em;margin:24px 0 15px}
.reader-tool p{font:14px/1.7 var(--sans);color:#637165}
.reader-tool .checks{margin-top:27px;display:grid;gap:0}
.reader-tool .checks label{display:flex;align-items:flex-start;gap:14px;border-top:1px solid #bcc8bb;padding:16px 0;font:13px/1.5 var(--sans);color:#354a3b;cursor:pointer}
.reader-tool input{appearance:none;border:1px solid #8da38e;border-radius:5px;background:transparent;min-width:20px;height:20px;margin:0;flex:0 0 20px;cursor:pointer}
.reader-tool input:checked{background:#6f916f;box-shadow:inset 0 0 0 5px #e3e8e0}
.reader-tool label:has(input:checked) span{text-decoration:line-through;opacity:.7}
.reader-tool .tool-count{font:11px var(--mono);color:#68836e;margin-top:15px}
.reader-backlink{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid #728871;padding-bottom:5px;font:12px var(--sans);color:#516a58;margin-top:25px}
.reader-next{background:#172019;color:#f4f1e9;padding:clamp(80px,9vw,135px) 0}
.reader-next .shell{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px}
.reader-next .eyebrow-small{font:10px var(--mono);letter-spacing:.13em;color:#9db6a1;text-transform:uppercase;margin-bottom:22px}
.reader-next h2{font:300 clamp(45px,5.6vw,91px)/.98 var(--display);letter-spacing:-.052em;max-width:850px}
.reader-next h2 em{color:#b5c8b4}
.reader-next a{justify-self:end;font-size:13px;color:#e6eee6;border:1px solid #778a7a;border-radius:90px;padding:17px 22px;white-space:nowrap}
.reader-next a:hover{background:#edf2eb;color:#172019}
.reader-related{padding:90px 0 130px;background:#ecefe7}
.reader-related .related-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;border-bottom:1px solid #c0c9bb;padding-bottom:20px}
.reader-related h2{font:300 clamp(42px,5vw,72px)/1 var(--display);letter-spacing:-.045em}
.reader-related .related-top a{font:12px var(--sans);border-bottom:1px solid #667b65;padding-bottom:5px}
.reader-related .related-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.reader-related .rel-card{background:#e1e6de;display:flex;flex-direction:column;min-height:270px;padding:30px;transition:background .2s}
.reader-related .rel-card:nth-child(2){background:#dedfd6}
.reader-related .rel-card:hover{background:#d3dfd0}
.reader-related .rel-card small{font:10px var(--mono);text-transform:uppercase;letter-spacing:.13em;color:#6b806d}
.reader-related .rel-card strong{font:300 clamp(32px,3.3vw,50px)/1.1 var(--display);letter-spacing:-.04em;margin-top:auto}
.reader-related .rel-card .last{font:11px var(--mono);color:#768777;display:flex;justify-content:space-between;align-items:center;margin-top:28px;border-top:1px solid #bbc8b8;padding-top:14px}
@media(max-width:980px){.reader-layout{grid-template-columns:1fr minmax(0,2.1fr);gap:40px}.reader-side-note{display:none}}
@media(max-width:700px){.reader-hero{padding-top:154px;padding-bottom:75px;min-height:auto}.reader-hero h1{font-size:clamp(57px,11.5vw,85px);margin:37px 0 25px;line-height:1.025}.reader-subtitle{font-size:23px}.reader-bottomline{margin-top:55px}.reader-hero .reader-topline{font-size:8px}.reader-layout{display:block}.reader-rail{position:relative;top:auto;margin-bottom:50px}.reader-rail .rail-label{margin-bottom:16px}.reader-rail a{display:inline-block;margin:6px 9px 6px 0;font-size:12px;padding:8px 10px;border:1px solid #d0d6cd;border-radius:90px}.reader-rail a.active{border-color:#739878}.reader-body-section{padding:70px 0 85px}.reader-copy .lead{font-size:32px;margin-bottom:52px}.reader-segment{padding:35px 0 55px}.reader-segment h2{font-size:42px}.reader-segment p{font-size:16px;line-height:1.8}.reader-tool{margin-top:24px}.reader-next{padding:80px 0}.reader-next .shell{grid-template-columns:1fr}.reader-next h2{font-size:52px}.reader-next a{justify-self:start}.reader-related{padding:75px 0}.reader-related .related-top{align-items:start;gap:25px;flex-direction:column}.reader-related .related-grid{grid-template-columns:1fr}.reader-related .rel-card{min-height:235px}}
@media(prefers-reduced-motion:reduce){.reading-progress{transition:none}}