
:root{--cream:#f7f1e6;--paper:#fffdf8;--ink:#16232a;--muted:#5c6669;--orange:#f28c28;--teal:#12667a;--line:#d9d4c9;--font:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.7 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--teal);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(40px,4.5vw,68px);font-weight:740;margin:0;max-width:930px}h2{font-size:34px;font-weight:720}h3{font-size:24px;margin-top:36px;letter-spacing:-.02em}p{margin:0 0 1.2em}.review{display:flex;justify-content:space-between;align-items:center;gap:22px;background:#eae3d7;font-size:12px;padding:12px 30px;line-height:1.5}.review a{color:var(--ink);text-decoration:none}.review nav{display:flex;gap:8px}.review nav a{padding:6px 12px;border-radius:5px}.review [aria-current]{background:var(--ink);color:white}.choose{display:flex;gap:8px;align-items:center}.choose select{font-size:12px;background:var(--paper);border:1px solid #a7aaa5;border-radius:5px;max-width:230px;padding:6px}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:35px;max-width:1260px;margin:auto;padding:0 30px}.brand img{width:128px;display:block}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header a{text-decoration:none;color:var(--ink)}.site-header .system{padding:10px 15px;background:var(--orange);font-size:13px;border-radius:5px;font-weight:650}.progress{height:2px;background:var(--line);position:sticky;top:0;z-index:8}.progress i{display:block;height:100%;width:0;background:var(--teal)}.article-hero{max-width:850px;margin:0 auto;padding:67px 32px 45px}.eyebrow{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);margin:0 0 22px}.eyebrow a{text-decoration:none}.eyebrow span{padding:0 12px;color:#747a78}.read-time{font-size:13px;color:var(--muted);margin:17px 0 22px}.deck{font-size:22px;line-height:1.5;max-width:690px;color:#415158}.author{display:flex;gap:13px;align-items:center;margin-top:28px;font-size:13px}.author img{width:45px;height:45px;border-radius:50%;object-fit:cover}.author strong,.author span{display:block}.author span{color:var(--muted)}.print{margin-left:auto;border:0;background:none;color:var(--teal);font-size:12px;padding:12px}.reading-layout{max-width:1180px;margin:auto;padding:0 30px}.reading-main{max-width:720px;margin:auto}.sidebar{display:none}.takeaways{padding:27px 32px;background:#efe5d3;border-radius:10px;margin-bottom:30px}.takeaways .eyebrow{color:#934414;margin-bottom:12px}.takeaways ul{margin:0;padding-left:20px;font-size:16px;line-height:1.65}.takeaways li{padding:4px 0 4px 3px}.mobile-toc{border-block:1px solid var(--line);margin:32px 0 44px;padding:15px 0}.mobile-toc summary{font-size:15px;font-weight:650;cursor:pointer}.mobile-toc summary span{float:right;font-size:12px;color:var(--muted);font-weight:400}.mobile-toc nav{display:grid;gap:8px;margin:20px 0}.mobile-toc nav a{text-decoration:none;font-size:14px}.mobile-toc nav span{display:inline-block;width:30px;font-size:11px;color:var(--muted)}.article-body{font-size:19px;line-height:1.8;overflow-wrap:break-word}.article-body p{margin:0 0 24px}.article-body h2{margin:64px 0 24px;padding-top:25px;border-top:1px solid var(--line);scroll-margin-top:30px}.article-body li{margin:8px 0}.article-body img{display:block;margin:32px auto;max-width:100%}.article-body .teaching-point{font-weight:680;font-size:22px;line-height:1.5;padding-left:22px;border-left:3px solid var(--orange);margin:30px 0}.article-body b,.article-body strong{font-weight:680}.demo{margin:38px 0}.video-stage{position:relative;aspect-ratio:16/9;background:#1f2c33;border-radius:12px;overflow:hidden}.video-stage>img{width:100%;height:100%;object-fit:cover;margin:0;opacity:.8}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;background:white;border:0;border-radius:50%;box-shadow:0 3px 25px #0004;display:grid;place-items:center}.play span{display:block;border-left:24px solid var(--ink);border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:7px}.video-stage iframe{width:100%;height:100%;border:0}.demo figcaption{font-size:13px;color:var(--muted);padding-top:12px;line-height:1.6}.demo figcaption a{display:block}.continue{margin:70px 0 55px;padding:40px;background:#163e49;color:var(--paper);border-radius:14px}.continue .eyebrow{color:#a1d7df;margin-bottom:17px}.continue h2{font-size:36px;margin:0 0 22px}.continue p{font-size:17px}.button{background:var(--orange);color:var(--ink);display:inline-block;padding:12px 18px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:700}.related{padding:10px 0 50px}.related h2{margin-top:0}.related-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:21px 0;color:var(--ink);text-decoration:none}.related-row small{display:block;color:var(--teal);font-size:11px;letter-spacing:.04em;margin-bottom:5px}.related-row strong{font-size:19px}.related-row>b{font-size:26px;font-weight:400}.sunday{border-top:2px solid var(--orange);padding:35px 0 60px}.sunday h2{margin:0 0 20px;font-size:36px}.sunday p{font-size:16px}.sunday>a{font-weight:650;font-size:16px}footer{max-width:1180px;margin:30px auto 0;border-top:1px solid var(--line);padding:25px 30px 45px;font-size:13px}footer>a{float:right}footer p{font-size:11px;max-width:780px;color:var(--muted);margin-top:22px}.skip{position:absolute;left:10px;top:-100px;z-index:50;background:white;padding:10px}.skip:focus{top:10px}
/* Version 2: the same teaching, with a persistent guide. */
.version-2 .article-hero{max-width:1180px;padding:58px 30px 38px}.version-2 .article-hero h1{max-width:940px}.version-2 .article-hero .deck{max-width:750px}.version-2 .article-hero .author{max-width:750px}.version-2 .reading-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:70px;align-items:start}.version-2 .reading-main{width:100%;max-width:760px}.version-2 .sidebar{display:block;position:sticky;top:28px;max-height:calc(100vh - 60px);overflow-y:auto;padding:23px 12px 15px 0;scrollbar-width:thin}.sidebar .eyebrow{color:var(--muted);margin-bottom:13px}.sidebar nav{display:flex;flex-direction:column}.sidebar nav a{display:grid;grid-template-columns:23px 1fr;gap:8px;font-size:12px;line-height:1.45;text-decoration:none;color:#506068;border-left:2px solid var(--line);padding:8px 10px}.sidebar nav a[aria-current]{border-left-color:var(--orange);background:#efe5d3;color:var(--ink);font-weight:650}.sidebar nav span{font-size:10px;color:var(--teal);padding-top:2px}.side-next{display:block;font-size:13px;margin:25px 12px}.version-2 .mobile-toc{display:none}.version-2 .takeaways{border-radius:0;background:transparent;border-top:3px solid var(--orange);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:35px}.version-2 .takeaways ul{list-style:none;padding:0;counter-reset:points}.version-2 .takeaways li{counter-increment:points;padding:9px 0 9px 34px;position:relative}.version-2 .takeaways li:before{content:'0' counter(points);position:absolute;left:0;top:12px;color:var(--teal);font-size:11px;font-weight:650}.version-2 .article-body h2{border-top:0;padding-top:0}.version-2 .article-body h3{color:var(--teal)}
@media(min-width:1450px){.article-hero{padding-top:80px}.version-2 .article-hero{padding-top:68px}}
@media(max-width:1000px){.review{flex-wrap:wrap;gap:8px 20px}.review-label{display:none}.site-header nav{gap:15px}.version-2 .reading-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.site-header{gap:20px}}
@media(max-width:760px){body{font-size:17px}.review{padding:10px 18px}.review>div{display:none}.review nav{width:100%;justify-content:space-between;font-size:11px;gap:2px}.review nav a{padding:7px}.choose{width:100%;justify-content:space-between;font-size:11px}.choose select{max-width:75%;flex:1}.site-header{height:73px;padding:0 20px}.site-header nav{display:none}.brand img{width:105px}.site-header .system{font-size:11px;padding:9px}.article-hero,.version-2 .article-hero{padding:35px 22px 27px}.article-hero h1{font-size:42px;line-height:1.08;letter-spacing:-.035em}.deck{font-size:19px}.read-time{margin:16px 0}.author{font-size:11px;gap:10px}.author img{width:38px;height:38px}.print{font-size:11px;padding-right:0}.eyebrow{font-size:10px;margin-bottom:19px}.reading-layout,.version-2 .reading-layout{display:block;padding:0 22px}.version-2 .sidebar{display:none}.version-2 .mobile-toc{display:block}.takeaways{padding:23px;border-radius:8px}.takeaways ul{font-size:15px}.article-body{font-size:18px;line-height:1.75}.article-body h2{font-size:30px;margin-top:46px}.article-body h3{font-size:23px}.article-body .teaching-point{font-size:20px;padding-left:17px}.mobile-toc summary span{font-size:10px}.continue{padding:29px 25px;margin-top:50px}.continue h2,.sunday h2{font-size:30px}.button{font-size:13px;padding:12px}.related-row strong{font-size:17px}.play{width:76px;height:76px}footer{padding:25px 22px}footer>a{float:none;display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.review,.site-header,.progress,.sidebar,.mobile-toc,.print,.play,.continue,.related,.sunday,footer{display:none!important}body{background:white;color:black}.reading-layout,.version-2 .reading-layout{display:block;padding:0}.article-hero,.version-2 .article-hero{padding:0;margin:0}.reading-main{max-width:none}h1{font-size:30pt}.article-body{font-size:11pt}.takeaways{break-inside:avoid}.demo{break-inside:avoid}a{color:black}.article-body h2{break-after:avoid}}
.play:before{content:'';display:block;border-left:24px solid var(--ink);border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:7px}

/* Jay’s selected Guide: quiet attribution, rounded-square portrait. */
.version-2 .author img{border-radius:9px}
/* Reading refinements requested September 9. */
.version-2{--reading-size:18px}.version-2[data-text-size="comfortable"]{--reading-size:19px}.version-2[data-text-size="large"]{--reading-size:23px}
.version-2 .article-body{font-size:var(--reading-size);line-height:1.85}.version-2 .article-body .teaching-point{font-size:1.1em}.version-2 .article-body h3{font-size:1.28em}
.version-2 .progress{height:5px}.version-2 .progress i{background:linear-gradient(90deg,var(--orange) 0%,#b49b67 38%,var(--teal) 100%)}
.reader-tools{position:sticky;top:5px;z-index:7;background:var(--cream)}.reader-tools-inner{max-width:1180px;margin:auto;padding:5px 30px}.text-sizes{display:flex;align-items:center;gap:3px;width:max-content;color:var(--muted)}.text-sizes>span{font-size:11px;margin-right:9px}.text-sizes button{border:0;border-bottom:2px solid transparent;border-radius:3px;background:transparent;color:var(--muted);padding:2px 8px;min-width:36px;min-height:32px;font-size:13px;line-height:1}.text-sizes button[data-text-size="comfortable"]{font-size:16px}.text-sizes button[data-text-size="large"]{font-size:19px}.text-sizes button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--teal);background:#efe5d3}
.version-2 .sidebar{top:62px;max-height:calc(100vh - 82px)}.version-2 .article-body h2{scroll-margin-top:65px}.library-reminder{font-size:16px;margin:25px 0 0}
.guide-footer .footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.guide-footer nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin:23px 0;font-size:13px}.guide-footer nav a{text-decoration:none}.guide-footer .copyright{font-size:12px;margin:24px 0 0}.guide-footer{padding-top:30px;padding-bottom:36px}
@media(max-width:760px){.reader-tools-inner{padding:3px 22px}.text-sizes button{min-height:36px;min-width:40px}.guide-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-footer .footer-top{align-items:flex-start}.version-2 .article-body{font-size:var(--reading-size)}.version-2 .article-body h2{font-size:1.67em}}
@media print{.reader-tools{display:none}.version-2 .article-body{font-size:11pt}}
/* Persistent orientation and a distinct route to the opening. */
.version-2 .site-header{position:sticky;top:0;z-index:10;background:var(--cream);max-width:none;padding-inline:max(30px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}
.version-2 .progress{top:86px;z-index:11}.version-2 .reader-tools{top:91px;z-index:9}
.version-2 .sidebar{top:152px;max-height:calc(100vh - 172px)}
.version-2 #main,.version-2 .article-body h2,.version-2 #continue{scroll-margin-top:150px}
.text-sizes>span{font-style:italic;font-weight:400}
@media(max-width:760px){.version-2 .site-header{padding-inline:20px}.version-2 .progress{top:73px}.version-2 .reader-tools{top:78px}.version-2 #main,.version-2 .article-body h2,.version-2 #continue{scroll-margin-top:140px}}
@media print{.version-2 .site-header{display:none}}
html:has(body.version-2){scroll-padding-top:0}
/* Quiet italic reading controls: no selected underline or background. */
.text-sizes>span{font-size:13px;font-style:italic;font-weight:400}
.text-sizes button{font-style:italic;font-weight:400;border:0;background:transparent;color:var(--muted)}
.text-sizes button[aria-pressed="true"]{border:0;background:transparent;color:var(--muted)}
/* Approved Lato typography, September 9. H1 retains the original display font. */
.version-2{--cream:#fdf9f2;--font:Lato,Arial,sans-serif;--reading-font:Lato,Arial,sans-serif}
.version-2 h1{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}
.version-2 .article-body{font-family:var(--reading-font)}
.version-2 .text-sizes{font-family:var(--reading-font)}
.version-2 .text-sizes button{font-family:var(--reading-font)}

@font-face{font-family:Lato;src:url(assets/fonts/Lato-Regular.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(assets/fonts/Lato-Bold.ttf);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(assets/fonts/Lato-Italic.ttf);font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(assets/fonts/Lato-BoldItalic.ttf);font-weight:700;font-style:italic;font-display:swap}