@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap');
:root{--ink:#1D1716;--clay:#8A675C;--canvas:#F8F7F7;--sand:#EFE7E1;--blush:#E3D3CB;--acid:#D6FF3B;--rule:rgba(29,23,22,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%;height:auto}button{font:inherit}.skip{position:fixed;top:-70px;left:20px;background:var(--acid);padding:10px;z-index:100}.skip:focus{top:12px}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--clay);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}h1{font-size:clamp(40px,5vw,72px)}h2{font-size:clamp(29px,3.5vw,46px)}h3{font-size:24px}p{color:#625953}.wrap{max-width:1220px;margin:0 auto;padding:0 32px}.site-head{position:sticky;top:0;z-index:40;background:rgba(248,247,247,.93);backdrop-filter:blur(20px);border-bottom:1px solid var(--rule)}.head-inner{height:84px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:500;letter-spacing:-.02em;white-space:nowrap}.head-nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:500}.head-nav a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;border-radius:999px;padding:13px 23px;background:var(--ink);color:var(--canvas);font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;border:1px solid transparent;transition:transform .25s,background .25s}.button:hover{transform:translateY(-2px)}.button.acid{background:var(--acid);color:var(--ink)}.button.outline{background:transparent;border-color:#bcb3ad;color:var(--ink)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:var(--clay);display:flex;align-items:center;gap:12px;line-height:1.5}.eyebrow:before{content:'';width:23px;height:1px;background:var(--clay);opacity:.5;flex-shrink:0}.hero{background:var(--sand);padding:78px 0 84px}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:66px;align-items:center}.hero h1{margin:22px 0}.lede{font-size:18px;line-height:1.7;max-width:630px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.small-note{font-size:12px;line-height:1.6;margin-top:21px;max-width:610px}.photo{position:relative}.photo>img{width:100%;height:520px;object-fit:cover;border-radius:30px;object-position:center 44%}.glass{position:absolute;bottom:22px;right:22px;left:22px;margin-left:auto;max-width:316px;padding:25px;border:1px solid rgba(255,255,255,.5);border-radius:23px;background:linear-gradient(120deg,rgba(227,211,203,.7),rgba(248,247,247,.34));backdrop-filter:blur(26px) saturate(115%);-webkit-backdrop-filter:blur(26px) saturate(115%);box-shadow:0 14px 38px rgba(29,23,22,.05)}.glass .eyebrow{font-size:10px}.glass .eyebrow:before{display:none}.glass strong{font-size:42px;font-weight:300;letter-spacing:-.055em}.glass-row{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-top:17px}.glass p{font-size:11px;color:#5c514c;line-height:1.5}.badge{background:var(--acid);color:var(--ink);border-radius:999px;padding:9px 13px;font-size:10px;letter-spacing:.07em;font-weight:700;white-space:nowrap}.band{padding:84px 0}.sand{background:var(--sand)}.section-intro{max-width:730px;margin-bottom:42px}.section-intro h2{margin:18px 0}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.topic{display:block;text-decoration:none;border-top:1px solid var(--rule);padding:28px 0 14px}.topic .eyebrow{margin-bottom:16px}.topic h3{font-size:32px;margin-bottom:16px}.topic p{max-width:520px;font-size:15px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:600;margin-top:23px;text-underline-offset:4px}.articles{border-top:1px solid var(--rule)}.article-card{display:grid;grid-template-columns:130px 1fr 28px;gap:30px;text-decoration:none;padding:30px 0;border-bottom:1px solid var(--rule);align-items:start}.article-card .category{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--clay)}.article-card h3{margin-bottom:12px;font-size:26px}.article-card p{font-size:14px;max-width:740px}.article-card .arrow{font-size:24px;line-height:1}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.principles div{border-top:1px solid var(--rule);padding-top:20px}.principles h3{font-size:20px;margin-bottom:13px}.principles p{font-size:14px}.reading-head{background:var(--sand);padding:55px 0 65px}.reading-head .wrap{max-width:1050px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--clay);margin-bottom:36px}.breadcrumbs a{text-underline-offset:3px}.reading-head h1{font-size:clamp(37px,4.6vw,62px);max-width:910px;margin:20px 0}.byline{font-size:12px;margin-top:24px;line-height:1.7}.article-layout{display:grid;grid-template-columns:210px minmax(0,720px);gap:75px;justify-content:center;padding-top:60px;padding-bottom:80px}.contents{font-size:12px;line-height:1.6}.contents nav{position:sticky;top:116px}.contents a{display:block;text-decoration:none;padding:10px 0;color:#6d625b;border-bottom:1px solid var(--rule)}.contents strong{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px}.prose section{margin-bottom:42px;scroll-margin-top:105px}.prose h2{font-size:30px;margin-bottom:22px}.prose h3{font-size:22px;margin:28px 0 14px}.prose p{margin:17px 0;color:#514943}.prose a:not(.button){text-underline-offset:4px}.prose ul{padding-left:21px;color:#514943}.prose li{margin:12px 0}.prose .takeaway{padding:25px 29px;border-left:3px solid var(--acid);background:var(--sand);margin:0 0 42px;border-radius:0 18px 18px 0}.takeaway p{margin:0}.source-note{font-size:11px;display:block;color:var(--clay);line-height:1.7}.question-list{border-top:1px solid var(--rule);margin:22px 0}.question-list p{padding:16px 0;border-bottom:1px solid var(--rule);margin:0;display:flex;gap:20px;font-size:15px}.question-number{color:var(--clay);font-size:11px;font-weight:600;padding-top:4px}.care-note{border:1px solid #ccbcb1;border-radius:17px;background:var(--sand);padding:23px;font-size:14px;line-height:1.7}.sources{font-size:12px}.sources li{margin:13px 0}.site-foot{background:var(--ink);color:var(--canvas);padding:48px 0 max(38px,env(safe-area-inset-bottom))}.foot-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.foot-top a{color:var(--canvas)}.foot-links{display:flex;flex-wrap:wrap;gap:22px;font-size:12px}.site-foot p{font-size:11px;color:#cfc2b9;max-width:780px;margin-top:24px}.site-foot .brand svg{filter:brightness(2)}.mobile-menu{display:none}.mobile-menu summary{list-style:none;font-size:13px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;left:0;right:0;top:83px;background:var(--canvas);padding:18px 24px;border-bottom:1px solid var(--rule);box-shadow:0 14px 25px #1d17160c}.mobile-menu nav a{display:block;padding:12px 0;text-decoration:none}.micro{font-size:11px;letter-spacing:.04em;color:var(--clay)}.three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.step{border-top:1px solid var(--rule);padding:28px 0}.step span{font-size:11px;color:var(--clay);letter-spacing:.12em}.step h3{font-size:24px;margin:25px 0 17px}.step p{font-size:14px}.faq details{border-top:1px solid var(--rule);padding:23px 0}.faq summary{cursor:pointer;font-size:18px}.faq p{padding:16px 0;max-width:850px}.print-button{margin:18px 0 0;background:none;border:1px solid var(--rule);padding:10px 18px;border-radius:24px;cursor:pointer;font-size:12px}.staging-label{position:relative;padding:9px 20px;text-align:center;font-size:11px;background:var(--canvas);border-bottom:1px solid var(--rule)}.fade-in{animation:fadeIn .7s ease-out both}@keyframes fadeIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@supports not (backdrop-filter:blur(1px)){.glass{background:rgba(239,231,225,.94)}}
@media(max-width:900px){.head-nav{display:none}.mobile-menu{display:block}.hero-grid{gap:40px;grid-template-columns:1fr 1fr}.hero{padding:58px 0 65px}.article-layout{grid-template-columns:1fr;gap:28px}.contents nav{position:static}.contents nav a{display:inline-block;margin-right:16px}.photo>img{height:450px}.glass{padding:18px;bottom:16px;right:16px;left:16px}.glass strong{font-size:35px}.three-steps{gap:25px}.head-inner{height:78px}.mobile-menu nav{top:77px}}
@media(max-width:640px){.wrap{padding:0 23px}.head-inner{gap:15px}.brand{font-size:19px}.head-cta{min-height:41px;padding:10px 15px;font-size:11px}.hero-grid{grid-template-columns:1fr;gap:39px}.hero{padding:42px 0 47px}.hero h1{font-size:43px}.lede{font-size:16px}.hero-actions{gap:12px}.photo>img{height:auto;max-height:580px;aspect-ratio: .83;border-radius:24px}.glass{max-width:280px}.topic-grid{grid-template-columns:1fr;gap:24px}.band{padding:53px 0}.article-card{grid-template-columns:1fr 20px;gap:12px;padding:25px 0}.article-card .category{grid-column:1/-1}.article-card h3{font-size:23px}.principles,.three-steps{grid-template-columns:1fr;gap:17px}.principles h3{font-size:22px}.article-layout{padding-top:35px;padding-bottom:44px}.reading-head{padding:35px 0 40px}.reading-head h1{font-size:38px}.prose h2{font-size:28px}.prose p{font-size:15px}.breadcrumbs{margin-bottom:24px}.foot-top{flex-direction:column}.foot-links{gap:14px 22px}.eyebrow{font-size:10px;letter-spacing:.15em}.site-foot{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-head,.site-foot,.contents,.print-button,.hero-actions{display:none}.article-layout{display:block;padding:0}.reading-head{background:white;padding:10px 0}.wrap{padding:0;max-width:none}.prose{max-width:none}.care-note,.takeaway{break-inside:avoid}.prose a{color:black}.source-note{font-size:10px}}

/* Arrow inside buttons and cards: a drawn glyph, never an emoji, with a small lift on hover. */
.cta-arrow{display:inline-block;vertical-align:-2px;margin-left:6px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.button:hover .cta-arrow,.article-card:hover .cta-arrow{transform:translate(2px,-2px)}
.arrow{display:none}