@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Newsreader:ital,opsz,wght@1,6..72,500;1,6..72,600&display=swap');
:root{--bg:#f8faf6;--paper:#fff;--ink:#17372f;--muted:#64776d;--muted-2:#819087;--edge:#dfebe1;--lime:#d9f56f;--forest:#10392f;--soft:#eef4eb;--purple:#e9defe;--peach:#fbe4d7;--sky:#e1edff;--shadow:0 22px 75px rgba(23,55,47,.08);--font:'DM Sans',system-ui,-apple-system,sans-serif;--display:'Manrope','DM Sans',system-ui,sans-serif;--serif:'Newsreader',Georgia,serif;color-scheme:light}
:root[data-theme=dark]{--bg:#0b1e1b;--paper:#132b26;--ink:#eff9ef;--muted:#bbcbc3;--muted-2:#97a99f;--edge:#29443b;--soft:#19372f;--forest:#09251f;--shadow:0 22px 75px rgba(0,0,0,.2);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}img,svg{max-width:100%}svg{vertical-align:middle}::selection{background:var(--lime);color:#12382e}:focus-visible{outline:3px solid #40a987;outline-offset:3px}.container{max-width:1240px;padding:0 30px;margin:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-60px;left:15px;padding:8px 14px;background:var(--lime);z-index:1000}.skip-link:focus{top:10px}
.announcement{background:#123a30;color:#f6fbec;font-size:12px;letter-spacing:.01em}.announcement-inner{display:flex;gap:10px;align-items:center;justify-content:center;min-height:36px}.announcement a{color:#d9f56f;text-decoration:underline;text-underline-offset:3px;margin-left:6px}.status-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#a9ed6b;box-shadow:0 0 0 3px rgba(169,237,107,.12)}.site-header{position:relative;z-index:30;background:var(--bg);border-bottom:1px solid var(--edge)}.nav-shell{height:83px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#123a30;color:#dbf777;position:relative;overflow:hidden}.brand-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#dbf777;left:10px;top:10px}.brand-path{font-family:Arial,sans-serif;font-weight:700;font-size:29px;margin-left:4px;margin-top:2px}.brand-name{font-family:var(--display);font-size:21px;letter-spacing:-1.3px;font-weight:800;line-height:1}.brand-name>span:first-child{font-weight:600}.brand-period{color:#69ab6a}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700;color:var(--muted)}.desktop-nav a{transition:color .2s}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:9px}.icon-btn{background:transparent;border:0;display:inline-grid;place-items:center;width:37px;height:37px;border-radius:9px;color:var(--ink)}.icon-btn:hover{background:var(--soft)}.nav-cta{display:inline-flex;align-items:center;gap:12px;background:#153c31;color:white;border-radius:9px;padding:13px 17px;font-size:12px;font-weight:800;margin-left:8px;line-height:1}.nav-cta:hover{background:#28624d}.menu-toggle{display:none}.mobile-nav{padding-bottom:18px}.mobile-nav a{display:block;padding:10px 0;border-top:1px solid var(--edge);font-weight:700}.mobile-nav[hidden]{display:none}
.hero-section{overflow:hidden;background:var(--bg)}.hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:625px;gap:5px}.hero-copy{padding:74px 0 81px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#466e58;display:flex;align-items:center;gap:12px}.eyebrow-line{display:block;height:2px;width:22px;background:#2f9f6a}.hero-copy h1{font-family:var(--display);font-size:clamp(57px,6.1vw,94px);line-height:1.045;letter-spacing:-6.5px;font-weight:800;margin:26px 0 26px}.hero-copy h1 em,.section-heading h2 em,.takeaway h2 em,.archive-hero h1 em,.standard-hero h1 em{font-family:var(--serif);font-weight:500;letter-spacing:-4px;color:#5e936c}.hero-intro{font-size:17px;line-height:1.8;max-width:460px;margin:0;color:var(--muted)}.hero-buttons{margin-top:36px;display:flex;flex-wrap:wrap;gap:11px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:49px;padding:13px 21px;border-radius:9px;font-weight:800;font-size:13px;line-height:1.2;transition:transform .15s,background .15s;border:1px solid transparent;white-space:normal}.btn:hover{transform:translateY(-2px)}.btn-dark{background:#123d31;color:#fff}.btn-dark:hover{background:#27654b}.btn-outline{border-color:#d4e3d9;color:var(--ink);background:transparent}.btn-outline:hover{background:var(--soft)}.btn-lime{background:var(--lime);color:#193a2d}.btn-lime:hover{background:#ecff9c}.hero-foot{margin-top:64px;display:flex;align-items:center;gap:14px}.avatars{display:flex;padding-left:3px}.avatars b{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--bg);background:#b3d8c5;border-radius:50%;font-size:11px;color:#245044;margin-left:-5px}.avatars b:nth-child(2){background:#ebd5b6}.avatars b:nth-child(3){background:#d9e3ff}.hero-foot>span:last-child{color:var(--muted);font-size:11px;line-height:1.6}.hero-foot strong{color:var(--ink)}
.hero-art{height:540px;margin-left:25px;position:relative;display:flex;align-items:center;justify-content:center}.art-grid{position:absolute;inset:12px -90px 25px 30px;background:linear-gradient(90deg,transparent 24px,rgba(67,119,76,.055) 25px),linear-gradient(transparent 24px,rgba(67,119,76,.055) 25px);background-size:26px 26px;border-radius:50%;mask-image:radial-gradient(ellipse at center,black 22%,transparent 72%)}.hero-art:before{content:"";position:absolute;background:#e0f2cc;width:410px;height:405px;border-radius:50%;transform:rotate(-18deg);opacity:.55;filter:blur(5px)}.flow-window{width:454px;max-width:100%;border-radius:17px;position:relative;z-index:2;background:#fff;box-shadow:0 30px 90px rgba(25,59,43,.15),0 0 0 1px rgba(15,54,37,.07);transform:rotate(-3deg)}.flow-window-header{height:51px;border-bottom:1px solid #edf2ec;display:flex;align-items:center;padding:0 18px;gap:15px}.flow-dots{display:flex;gap:4px}.flow-dots i{height:7px;width:7px;border-radius:50%;background:#cbd9cb}.flow-dots i:first-child{background:#f5bfb0}.flow-dots i:nth-child(2){background:#f5e5a6}.flow-dots i:nth-child(3){background:#a8dbad}.flow-window-header>span:nth-child(2){font-size:8px;font-weight:800;letter-spacing:1.1px;color:#8f9c94;flex:1}.flow-live{font-size:9px;font-weight:800;color:#2f8054;background:#ebfaef;padding:4px 7px;border-radius:5px}.flow-live span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#48b66d;vertical-align:middle;margin-right:4px}.flow-canvas{padding:25px 40px 30px}.flow-heading{margin:0 0 20px}.flow-kicker{display:block;font-size:9px;color:#6d927a;letter-spacing:1.2px;font-weight:800}.flow-heading strong{display:block;font-size:18px;color:#224337;letter-spacing:-.6px}.flow-node{border:1px solid #e3eae3;padding:13px 15px;border-radius:12px;display:flex;align-items:center;gap:13px;background:#fff;box-shadow:0 3px 7px rgba(0,0,0,.02)}.node-icon{height:41px;width:41px;border-radius:9px;flex:none;display:grid;place-items:center}.node-sheet{background:#dff2e4;color:#397f51}.node-bolt{background:#f1ecff;color:#7d58b7}.node-mail{background:#fff1d5;color:#a77928;font-size:25px;font-weight:900}.flow-node>div{flex:1}.flow-node>div span{display:block;font-size:8px;letter-spacing:1.4px;color:#7d9787;font-weight:800}.flow-node>div strong{display:block;font-size:12px;letter-spacing:-.2px;color:#253d32;margin-top:1px}.node-check{color:#479e68}.flow-connector{display:flex;flex-direction:column;align-items:center;height:53px;color:#b0bfb5}.flow-connector span{width:1px;background:#91bca1;flex:1}.flow-connector i{font-size:9px;font-style:normal;color:#7e9685;padding:0 5px}.flow-window-footer{height:50px;border-top:1px solid #edf2ec;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.flow-window-footer>span{font-size:9px;color:#657a6d}.flow-window-footer>span i{display:inline-block;width:6px;height:6px;background:#48b66d;border-radius:50%;margin-right:6px}.flow-window-footer strong{font-size:9px;letter-spacing:.5px;color:#3f805e}.floating-tag{position:absolute;z-index:3;border-radius:8px;padding:13px 15px;font-weight:800;letter-spacing:1.3px;font-size:10px;box-shadow:0 13px 40px rgba(22,56,39,.13)}.tag-one{top:38px;right:-14px;background:#dbf477;color:#31503b;transform:rotate(10deg)}.tag-one span{font-size:15px;margin-left:5px}.tag-two{bottom:27px;left:-1px;background:#113a31;color:#e7ffd6;transform:rotate(8deg)}.tag-two span{color:#d9f56f;margin-right:5px;font-size:19px}.hero-asterisk{font-size:90px;font-weight:800;color:#93c7a2;position:absolute;bottom:0;right:10px;line-height:1}
.value-strip{background:#e9f2e5;border-top:1px solid #dce9d8;border-bottom:1px solid #dce9d8;color:#1d4935}.value-inner{min-height:91px;display:flex;justify-content:space-between;align-items:center;gap:20px}.value-inner>span:first-child{font-size:10px;letter-spacing:1.5px;font-weight:800;white-space:nowrap}.value-inner p{font-size:16px;font-weight:700;letter-spacing:-.35px}.value-inner p em{font-family:var(--serif);font-size:19px}.strip-arrow{letter-spacing:6px;font-size:24px;font-weight:900;white-space:nowrap}
.section{padding:104px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.eyebrow-muted{color:#6c9479}.section-heading h2{font-family:var(--display);font-size:clamp(36px,4.4vw,55px);letter-spacing:-3.4px;line-height:1.08;margin:12px 0 0}.section-heading h2 em{letter-spacing:-2.5px}.section-heading>p{max-width:340px;font-size:14px;color:var(--muted);margin:0 0 5px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{border-radius:14px;min-height:310px;padding:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.topic-card:hover{transform:translateY(-5px)}.topic-green{background:#deeedc;color:#1f4935}.topic-lilac{background:#eee4fa;color:#4a386e}.topic-yellow{background:#f6edc9;color:#65512b}.topic-card:after{content:"";position:absolute;width:280px;height:280px;border:1px solid currentColor;opacity:.11;border-radius:50%;top:-42px;right:-110px}.topic-card:before{content:"";position:absolute;width:225px;height:225px;border:1px solid currentColor;opacity:.12;border-radius:50%;top:-13px;right:-82px}.topic-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.topic-top>span:first-child{font-size:9px;letter-spacing:1.2px;font-weight:800}.topic-arrow{font-size:27px;line-height:1}.topic-icon{position:absolute;top:82px;left:27px;transform:rotate(-12deg);opacity:.75}.topic-card h3{font-family:var(--display);font-size:25px;letter-spacing:-1.2px;margin:0 0 6px;line-height:1.2}.topic-card p{font-size:13px;line-height:1.6;max-width:255px;margin:0;opacity:.82}.topic-card>div:last-child{position:relative;z-index:1}.latest-section{padding-top:40px;padding-bottom:120px}.articles-heading{align-items:end}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:800;padding:5px 0;border-bottom:1px solid currentColor;white-space:nowrap}.text-link:hover{color:#4d9570}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 22px}.post-card{min-width:0}.card-art{height:247px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 24px;border-radius:13px;overflow:hidden;isolation:isolate}.card-art:before,.article-banner:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid currentColor;opacity:.19;right:-100px;top:-130px}.card-art:after,.article-banner:after{content:"";position:absolute;width:345px;height:345px;border-radius:50%;border:1px solid currentColor;opacity:.14;right:-57px;top:-77px}.art-mint{background:#dceee2;color:#275d45}.art-purple{background:#e6def6;color:#5a408b}.art-peach{background:#f8e4d6;color:#98623e}.art-sky{background:#daeaf4;color:#315d88}.art-top,.art-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.art-logo{font-family:var(--display);font-weight:900;letter-spacing:-1px;font-size:18px}.art-logo span{color:#86b391}.art-code,.art-bottom span:first-child{font-size:10px;letter-spacing:1.35px;font-weight:800}.art-bottom .art-star{font-size:24px}.art-symbol{position:absolute;inset:0;display:grid;place-items:center;z-index:1;transition:transform .3s}.card-art:hover .art-symbol{transform:scale(1.13) rotate(-5deg)}.illustration-icon{height:95px;width:95px;stroke-width:1.25px}.post-meta{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;color:var(--muted-2)}.post-pill{padding:5px 9px;border-radius:5px;background:var(--soft);color:#427352;font-size:10px;font-weight:800}.post-card-details{padding:20px 4px 0}.post-card h3{font-family:var(--display);font-size:23px;line-height:1.25;letter-spacing:-1.1px;margin:14px 0 10px;font-weight:800;max-width:520px}.post-card h3 a:hover{color:#449367}.post-card p{font-size:13px;line-height:1.7;max-width:495px;color:var(--muted);margin:0 0 15px}.card-link{font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:8px;color:#2c6f4b}.card-link:hover{gap:13px}
.takeaway-wrap{padding-bottom:100px}.takeaway{background:#163d31;color:#e8f7ea;border-radius:18px;padding:62px 70px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;min-height:435px}.takeaway .eyebrow{color:#cae5af}.takeaway h2{font-size:clamp(40px,5vw,68px);letter-spacing:-4.3px;line-height:1.11;margin:17px 0}.takeaway h2 em{color:#d9f56f}.takeaway p{max-width:440px;color:#bed5c6;font-size:14px;line-height:1.8;margin:0 0 26px}.takeaway-mark{flex:none;margin-right:40px;width:275px;height:275px;border:1px dashed #699781;border-radius:50%;display:grid;place-items:center;position:relative;transform:rotate(11deg)}.takeaway-mark:after{content:"";position:absolute;inset:25px;border:1px solid #80a18b;border-radius:50%;opacity:.4}.takeaway-mark span{font-size:145px;color:#d9f56f;line-height:1;margin-top:-18px}.takeaway-mark i{position:absolute;right:-25px;bottom:7px;background:#dbf477;color:#31503b;padding:10px;font-size:11px;line-height:1.2;font-weight:900;font-style:normal;letter-spacing:1px;transform:rotate(-7deg)}
.site-footer{background:#e9f0e7;color:#1d3f31;padding-top:63px}.footer-main{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.2fr;gap:42px;padding-bottom:58px}.footer-brand p{max-width:280px;font-size:13px;line-height:1.8;color:#607c6e;margin:23px 0}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col strong{font-size:13px;margin-bottom:8px}.footer-col a{font-size:12px;color:#537360}.footer-col a:hover{text-decoration:underline}.footer-note{text-align:right}.footer-stamp{font-size:9px;font-weight:900;letter-spacing:1px;display:inline-block;padding:7px 11px;background:#d6efbd;transform:rotate(7deg)}.footer-note p{font-family:var(--display);font-size:22px;line-height:1.35;font-weight:800;letter-spacing:-1px;margin-top:27px}.footer-bottom{padding:20px 0 25px;border-top:1px solid #d4e1d5;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#648170}
/* listing */
.archive-hero{background:#eff5ea;padding:84px 0 70px;border-bottom:1px solid #dce8d8}.archive-hero h1,.standard-hero h1{font-family:var(--display);font-size:clamp(49px,6vw,78px);letter-spacing:-5px;line-height:1.09;margin:18px 0 20px}.archive-hero p,.standard-hero p{font-size:17px;line-height:1.75;color:#607b68;max-width:620px;margin:0}.archive-search{height:61px;margin-top:37px;background:#fff;max-width:730px;display:flex;align-items:center;padding:7px 7px 7px 21px;gap:13px;border:1px solid #d8e5d9;border-radius:10px;box-shadow:0 10px 35px rgba(46,81,55,.05)}.archive-search svg{color:#718d7d;flex:none}.archive-search input{border:0;outline:0;min-width:0;flex:1;font-size:14px;color:#1e4534;background:transparent}.archive-search button{background:#123d31;color:#fff;border:0;border-radius:7px;height:45px;padding:0 16px;display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800}.archive-list{padding:42px 0 105px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:31px}.filter-chips{display:flex;flex-wrap:wrap;gap:9px}.filter-chip{border:1px solid var(--edge);background:transparent;color:var(--muted);padding:9px 17px;border-radius:20px;font-size:12px;font-weight:800}.filter-chip:hover{border-color:#8ba99a}.filter-chip.active{background:#143d31;color:#fff;border-color:#143d31}.result-count{font-size:12px;color:var(--muted);white-space:nowrap}.post-card[hidden]{display:none}.empty-results{margin:60px auto;text-align:center;padding:35px}.empty-results[hidden]{display:none}.empty-results>div{font-size:48px;color:#729f7d}.empty-results h2{font-size:26px}.empty-results p{color:var(--muted)}
/* article pages */
.reading-progress{position:fixed;left:0;top:0;width:0;height:4px;background:#82cc79;z-index:100;pointer-events:none}.article-top{padding:46px 0 50px;background:var(--bg)}.article-container{max-width:1050px}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:48px;flex-wrap:wrap}.breadcrumbs a:hover{color:#42936a}.article-category{font-size:11px;letter-spacing:.35px;text-transform:uppercase;color:#477651;font-weight:900;display:flex;align-items:center;gap:11px;margin-bottom:18px}.article-category-slash{color:#96b3a0}.article-top h1{font-family:var(--display);font-size:clamp(38px,5.5vw,66px);letter-spacing:-3.3px;line-height:1.12;max-width:970px;margin:0 0 22px}.article-dek{max-width:790px;font-size:18px;line-height:1.72;color:var(--muted);margin:0}.article-author{margin-top:32px;display:flex;align-items:center;gap:12px}.author-mark{height:41px;width:41px;border-radius:11px;display:grid;place-items:center;background:#153d31;color:#dcfa94;font-size:21px;font-weight:900;letter-spacing:-4px;padding-right:4px}.author-mark span{font-size:16px}.article-author>div:nth-child(2){display:flex;flex-direction:column;line-height:1.5}.article-author strong{font-size:12px}.article-author div:nth-child(2) span{font-size:11px;color:var(--muted)}.share-button{margin-left:auto;border:1px solid var(--edge);background:transparent;color:var(--ink);padding:9px 14px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.share-button:hover{background:var(--soft)}.article-content-section{padding-bottom:60px}.article-content-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:55px}.article-main{min-width:0}.article-banner{height:360px;position:relative;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:30px 36px}.article-banner>span,.article-banner>strong{position:relative;z-index:2;letter-spacing:1.6px;font-size:11px;font-weight:900}.article-banner-icon{position:absolute;inset:0;display:grid;place-items:center;z-index:1}.article-banner-icon .illustration-icon{width:150px;height:150px}.article-banner strong span{margin-left:8px;font-size:24px;vertical-align:middle}.article-sidebar{padding-top:14px}.toc{position:sticky;top:36px;border-left:1px solid var(--edge);padding:4px 0 6px 22px}.toc-header{font-size:10px;font-weight:900;letter-spacing:1.4px;display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.toc-header span{font-size:22px;color:#62936c;line-height:1}.toc nav{display:flex;flex-direction:column;gap:13px}.toc nav a{font-size:12px;line-height:1.55;font-weight:600;color:var(--muted)}.toc nav a:hover,.toc nav a.active{color:#3c9b67}.side-note{margin-top:40px;padding:23px;border-radius:11px;background:#e6f1de;color:#28563b}.side-note span{font-size:9px;letter-spacing:1.3px;font-weight:900}.side-note strong{display:block;font-family:var(--display);font-size:19px;line-height:1.3;letter-spacing:-.5px;margin-top:10px}.side-note p{font-size:12px;line-height:1.7;margin:10px 0 0;color:#587660}.prose{font-size:16px;line-height:1.85;color:var(--ink);padding-top:44px;overflow-wrap:anywhere}.prose>p:first-child{font-size:17px;line-height:1.85}.prose p{margin:0 0 22px}.prose h2{font-family:var(--display);font-size:29px;letter-spacing:-1.25px;line-height:1.28;margin:50px 0 16px;scroll-margin-top:30px}.prose h3{font-family:var(--display);font-size:21px;letter-spacing:-.6px;margin:33px 0 13px}.prose a{color:#2b9368;text-decoration:underline;text-underline-offset:4px}.prose strong{font-weight:800}.prose ul,.prose ol{padding-left:25px;margin:0 0 25px}.prose li{padding-left:3px;margin-bottom:10px}.prose blockquote{background:#e9f2e5;border-left:4px solid #8fc483;padding:20px 24px;border-radius:0 9px 9px 0;margin:30px 0;color:#28573b}.prose blockquote p{margin:0}.prose table{width:100%;border-collapse:collapse;font-size:13px;margin:25px 0 30px;overflow:auto;display:block}.prose th,.prose td{padding:13px 15px;border:1px solid var(--edge);text-align:left;min-width:120px}.prose th{background:var(--soft);font-weight:800}.prose td{background:var(--paper)}.prose :not(pre)>code{font-size:.86em;background:var(--soft);border:1px solid var(--edge);padding:2px 5px;border-radius:4px;color:var(--ink)}.code-wrap{position:relative;margin:24px 0 32px}.prose pre{background:#122c28;color:#e2f1e3;border-radius:12px;padding:54px 22px 22px;overflow:auto;font-size:12.5px;line-height:1.7;margin:0}.prose pre code{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;white-space:pre;tab-size:2}.code-copy{position:absolute;right:11px;top:11px;background:#284a40;color:#d9f3e1;border:1px solid #3c695a;padding:6px 11px;border-radius:6px;font-size:11px;font-weight:800}.code-copy:hover{background:#416a5a}.article-end{margin-top:54px;background:#eaf4e6;border-radius:14px;padding:32px;color:#244f35}.end-asterisk{font-size:28px;color:#6d9a76}.article-end h2{font-family:var(--display);font-size:29px;line-height:1.3;letter-spacing:-1px;margin:10px 0}.article-end p{font-size:13px;color:#607b68;line-height:1.8;max-width:515px;margin:0 0 23px}.related-section{padding-top:45px;padding-bottom:110px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid .card-art{height:185px}.related-grid .post-card h3{font-size:19px}.related-grid .post-card p{font-size:12px}.related-grid .art-symbol svg{width:70px;height:70px}
/* standard pages */
.standard-hero{padding:94px 0 80px;background:#edf5e9;border-bottom:1px solid #dce8d8}.standard-container{max-width:830px}.standard-content{padding:36px 0 130px}.standard-content .prose{padding-top:0}.standard-content .prose h2:first-child{margin-top:0}.notice{border:1px solid #d4e9d2;background:#f0f8eb;color:#244f35;padding:22px;border-radius:9px;font-size:14px;line-height:1.8;margin:24px 0}
/* search dialog */
.search-dialog{padding:24px;border:1px solid var(--edge);border-radius:14px;background:var(--paper);color:var(--ink);width:min(620px,calc(100% - 24px));box-shadow:0 30px 130px rgba(0,0,0,.3);margin:15vh auto auto}.search-dialog::backdrop{background:rgba(7,25,20,.7);backdrop-filter:blur(3px)}.search-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.search-form{height:65px;display:flex;align-items:center;border:1px solid var(--edge);border-radius:9px;margin-top:15px;padding:7px 7px 7px 18px;gap:9px}.search-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-form button{border:0;border-radius:6px;padding:13px 17px;background:#143d31;color:white;font-size:12px;font-weight:800;display:flex;gap:9px;align-items:center}.search-dialog>p{color:var(--muted);font-size:12px;margin:18px 0 2px}.search-dialog>p a{display:inline-block;background:var(--soft);padding:4px 8px;border-radius:5px;margin-left:5px}
/* dark theme harmonization */
:root[data-theme=dark] .announcement,:root[data-theme=dark] .nav-cta,:root[data-theme=dark] .btn-dark{background:#215643}:root[data-theme=dark] .hero-art:before{opacity:.12}:root[data-theme=dark] .flow-window,:root[data-theme=dark] .flow-node{color:#1e4333}:root[data-theme=dark] .value-strip,:root[data-theme=dark] .archive-hero,:root[data-theme=dark] .standard-hero{background:#173b31;border-color:#2d5140;color:#e3f4e6}:root[data-theme=dark] .value-inner p,:root[data-theme=dark] .value-inner span{color:#e3f4e6}:root[data-theme=dark] .topic-card,:root[data-theme=dark] .card-art,:root[data-theme=dark] .article-banner{filter:brightness(.86)}:root[data-theme=dark] .site-footer{background:#102e26;color:#def3df}:root[data-theme=dark] .footer-col a,:root[data-theme=dark] .footer-brand p,:root[data-theme=dark] .footer-bottom{color:#adc6b5}:root[data-theme=dark] .footer-bottom{border-color:#294b3b}:root[data-theme=dark] .post-pill{color:#b2d6b8}:root[data-theme=dark] .archive-search{background:var(--paper);border-color:var(--edge)}:root[data-theme=dark] .archive-search input{color:var(--ink)}:root[data-theme=dark] .toc nav a.active{color:#a9eca4}:root[data-theme=dark] .prose a{color:#9dddba}:root[data-theme=dark] .prose blockquote,:root[data-theme=dark] .article-end,:root[data-theme=dark] .side-note,:root[data-theme=dark] .notice{background:#204334;color:#e3f4e6;border-color:#417252}:root[data-theme=dark] .article-end p,:root[data-theme=dark] .side-note p{color:#b8d3be}:root[data-theme=dark] .archive-hero p,:root[data-theme=dark] .standard-hero p{color:#b5d1be}:root[data-theme=dark] .takeaway{background:#164334}
@media(max-width:1120px){.desktop-nav{gap:16px}.nav-shell{gap:14px}.nav-cta{margin-left:1px}.hero-copy h1{font-size:70px}.hero-art{margin-left:0}.flow-window{width:405px}.flow-canvas{padding:24px 30px}.hero-grid{grid-template-columns:51% 49%}.footer-main{grid-template-columns:1.7fr .9fr .9fr 1fr}.article-content-grid{gap:32px}}
@media(max-width:920px){.desktop-nav{display:none}.menu-toggle{display:inline-grid}.nav-cta{display:none}.nav-shell{height:72px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:78px 0 35px}.hero-copy h1{font-size:clamp(60px,10vw,90px)}.hero-art{max-width:590px;margin:0 auto 35px;width:100%;height:505px}.topic-grid{gap:12px}.topic-card{min-height:290px;padding:21px}.topic-card h3{font-size:22px}.footer-main{grid-template-columns:1.7fr 1fr 1fr}.footer-note{display:none}.article-content-grid{grid-template-columns:1fr}.article-sidebar{display:none}.article-container{max-width:100%}.article-main{max-width:850px;margin:0 auto}.related-grid{gap:17px}.related-grid .post-card h3{font-size:17px}.related-grid .card-art{height:160px}.related-grid .art-bottom span:first-child{font-size:9px}}
@media(max-width:700px){.container{padding:0 19px}.announcement-inner{font-size:10px;gap:7px}.announcement-inner span:nth-child(2){display:none}.nav-shell{height:66px}.brand-name{font-size:19px}.brand-mark{width:35px;height:35px}.hero-copy{padding:58px 0 10px}.hero-copy h1{font-size:clamp(49px,11vw,74px);letter-spacing:-4px;margin:23px 0}.hero-copy h1 em{letter-spacing:-3px}.hero-intro{font-size:15px;line-height:1.75}.hero-buttons{gap:10px;margin-top:27px}.hero-buttons .btn{width:100%;justify-content:center}.hero-foot{margin-top:35px}.hero-art{height:460px;margin-bottom:27px}.flow-window{transform:scale(.85) rotate(-3deg)}.tag-one{right:2px;top:12px}.tag-two{left:0;bottom:12px}.hero-asterisk{right:0;bottom:-6px;font-size:65px}.value-inner{min-height:84px}.value-inner>span:first-child,.strip-arrow{display:none}.value-inner p{font-size:14px;text-align:center;margin:10px auto}.section{padding:68px 0}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:40px;letter-spacing:-2.5px}.section-heading>p{margin:15px 0 0;max-width:420px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:240px}.topic-icon{top:62px;left:auto;right:40px}.topic-card h3{font-size:24px}.latest-section{padding-top:2px}.articles-heading .text-link{margin-top:17px}.cards-grid,.related-grid{grid-template-columns:1fr;gap:35px}.card-art{height:224px}.post-card h3{font-size:21px}.takeaway-wrap{padding-bottom:65px}.takeaway{padding:38px 30px 28px;min-height:0}.takeaway h2{font-size:42px;letter-spacing:-2.5px}.takeaway-mark{display:none}.site-footer{padding-top:42px}.footer-main{grid-template-columns:repeat(2,1fr);gap:28px;padding-bottom:36px}.footer-brand{grid-column:span 2}.footer-bottom{flex-wrap:wrap;line-height:1.7}.archive-hero{padding:62px 0 54px}.archive-hero h1,.standard-hero h1{font-size:clamp(43px,10vw,58px);letter-spacing:-3.5px}.archive-hero p,.standard-hero p{font-size:15px}.archive-search{height:57px;padding:6px 6px 6px 12px}.archive-search button{padding:0 11px;font-size:11px}.filter-row{align-items:start;flex-direction:column}.filter-chips{gap:7px}.filter-chip{padding:8px 12px;font-size:11px}.archive-list{padding:31px 0 80px}.article-top{padding:34px 0 38px}.breadcrumbs{margin-bottom:31px}.article-top h1{font-size:clamp(35px,9vw,52px);letter-spacing:-2px}.article-dek{font-size:16px}.article-author{flex-wrap:wrap}.share-button{margin-left:0}.article-banner{height:245px;padding:22px}.article-banner-icon .illustration-icon{width:106px;height:106px}.article-banner>span,.article-banner>strong{font-size:9px}.prose{font-size:15px;line-height:1.84;padding-top:22px}.prose h2{font-size:25px}.prose h3{font-size:19px}.prose pre{font-size:11px;padding-left:14px;padding-right:14px}.related-section{padding-top:25px}.related-grid .card-art{height:215px}.related-grid .post-card h3{font-size:21px}.standard-hero{padding:67px 0 61px}.standard-content{padding:25px 0 80px}.search-dialog{padding:16px}.search-form button{padding:13px 10px}.search-form input{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* AI category additions */
.topic-blue{background:#d7e8ef;color:#244e68}
@media(min-width:701px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card{min-height:270px}}

/* Consent + ads */
.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:200;background:#123a30;color:#f6fbec;border-top:1px solid #2a5244;padding:16px 0;box-shadow:0 -8px 28px rgba(18,58,48,.18)}
.consent-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.consent-copy{flex:1;min-width:220px;font-size:13px;line-height:1.65;margin:0;max-width:720px}
.consent-copy a{color:#d9f56f;text-decoration:underline;text-underline-offset:3px}
.consent-actions{display:flex;gap:10px;flex-wrap:wrap}
.consent-actions .btn{min-height:42px;padding:10px 16px;font-size:13px}
.btn-ghost{background:transparent;color:#f6fbec;border:1px solid rgba(246,251,236,.35)}
.btn-ghost:hover{background:rgba(246,251,236,.08)}
.ad-slot{margin:22px 0;min-height:90px;border:1px dashed #c5d7c4;border-radius:9px;background:rgba(197,215,196,.18);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ad-slot[data-ad-filled="1"]{border-style:solid;background:transparent;min-height:0}
.ad-slot-sidebar{margin:18px 0 0;min-height:250px}
:root[data-theme=dark] .consent-banner{background:#102e26;border-color:#294b3b}
:root[data-theme=dark] .ad-slot{border-color:#2d5140;background:rgba(45,81,64,.25)}
@media(max-width:700px){.consent-inner{align-items:stretch}.consent-actions{width:100%}.consent-actions .btn{flex:1;justify-content:center}}