.article-shell .article-page{width:min(100%,1120px);margin:auto;padding:32px 24px 80px}.article-shell .article-page .article-body{counter-reset:section;min-width:0;max-width:740px;margin:64px auto}.article-shell .article-page .article-body .back-link{margin-bottom:22px;font-size:14px;display:inline-block}.article-shell .article-page .article-body h1{font-family:var(--article-title,inherit);font-size:clamp(38px,5.2vw,66px);font-weight:var(--article-weight,600);letter-spacing:-.035em;margin:0 0 24px;line-height:1.08}.article-shell .article-page .article-body h2{font-family:var(--article-title,inherit);font-size:clamp(27px,3vw,34px);font-weight:var(--article-weight,600);margin:44px 0 18px;line-height:1.2}.article-shell .article-page .article-body p{margin:0 0 22px;font-size:17px;line-height:1.75}.article-shell .article-page .article-body .eyebrow{margin-bottom:18px;font-size:11px}.article-shell .article-page .article-body .article-deck{margin-bottom:28px;font-size:21px;line-height:1.55}.article-shell .article-page .article-body .article-disclosure{border-block:1px solid var(--line);margin:28px 0;padding:18px 0;font-size:13px;line-height:1.65}.article-shell .article-page .article-body .source-note{padding:24px 0}.article-shell .article-page .article-body .source-note p{font-size:13px}.article-shell .article-page .article-body .article-sources li{overflow-wrap:anywhere;margin:12px 0;font-size:13px;line-height:1.6}.article-shell .article-page .article-body .related-reading{border-top:1px solid var(--line);margin-top:44px;padding-top:24px}.article-variation-1{--article-title:Manrope;--article-weight:800}.article-variation-1 .article-body h1{color:#d5ff37}.article-variation-1 .article-header{border-bottom:3px dashed #d5ff37}.article-variation-2{--article-title:Newsreader;--article-weight:500}.article-variation-2 .article-header{border-block:3px double;justify-content:center;padding:24px}.article-variation-2 .article-body h1{text-align:center}.article-variation-2 .article-body .article-deck{text-align:center;font-family:Newsreader}.article-variation-3{--article-title:"IBM Plex Mono";--article-weight:500}.article-variation-3 .article-page .article-body{background:#ffffe6;border-block:2px dashed;padding:40px;box-shadow:12px 12px #d3d5b0}.article-variation-3 .article-page .article-body h1{font-size:clamp(35px,4vw,50px)}.article-variation-4{--article-title:Newsreader;--article-weight:400}.article-variation-4 .article-page .article-body{background:#f4d5b9;border-radius:180px 180px 0 0;padding:100px 55px 45px}.article-variation-4 .article-header .brand-mark{border-radius:30px 30px 0 0}.article-variation-5{--article-title:"Barlow Condensed";--article-weight:700}.article-variation-5 .article-page .article-body h1{text-transform:uppercase;border-left:14px solid #fff182;padding-left:24px;font-size:clamp(50px,7vw,88px)}.article-variation-5 .article-header{border-bottom:5px solid}.article-variation-6{--article-title:Newsreader;--article-weight:400}.article-variation-6 .article-page{grid-template-columns:180px 1fr;gap:60px;max-width:1260px;display:grid}.article-variation-6 .article-header{border-right:1px solid var(--line);border-bottom:0;padding-right:22px;display:block}.article-variation-6 .article-header .site-nav{margin-top:45px;display:grid}.article-variation-6 .article-page .article-body{margin-top:28px}.article-variation-7{--article-title:"DM Sans";--article-weight:500}.article-variation-7 .article-page .article-body{background:#fff2df;border-radius:100px 100px 25px 25px;padding:45px}.article-variation-7 .article-body h1{text-align:center}.article-variation-7 .article-header{border-bottom:0}.article-variation-8{--article-title:Manrope;--article-weight:800}.article-variation-8 .article-header{border-block:1px solid #c8df9e;padding:25px 0}.article-variation-8 .article-body>section{border-top:1px solid #95ae99}.article-variation-8 .article-body>section h2:before{counter-increment:section;content:counter(section,decimal-leading-zero) " / ";color:#d8e8b8;font-size:15px}.article-variation-9{--article-title:Newsreader;--article-weight:500}.article-variation-9 .article-body h1{max-width:15ch;font-style:italic}.article-variation-9 .article-body .article-deck{border-left:3px solid;padding-left:24px}.article-variation-9 .article-header .brand-mark{display:none}.article-variation-10{--article-title:Newsreader;--article-weight:400}.article-variation-10 .article-header{flex-direction:row-reverse}.article-variation-10 .article-body h1,.article-variation-10 .article-body .eyebrow{text-align:right}.article-variation-10 .article-body .article-disclosure{border-left:25px solid #dfe3d1;padding-left:20px}.article-variation-11{--article-title:Newsreader;--article-weight:400}.article-variation-11 .article-page .article-body{border-top:3px double #d8b5de;padding-top:36px}.article-variation-11 .article-body h1{color:#f5dff2;text-align:center}.article-variation-11 .article-header{border:1px solid;border-radius:80px;padding:25px}.article-variation-12{--article-title:"Space Grotesk";--article-weight:600}.article-variation-12 .article-page .article-body{background-image:linear-gradient(#ffffff18 1px,#0000 1px),linear-gradient(90deg,#ffffff18 1px,#0000 1px);background-size:28px 28px;padding:32px}.article-variation-12 .article-header{border-bottom:8px solid}.article-variation-12 .article-body h1{text-transform:uppercase}.article-variation-13{--article-title:Lora;--article-weight:500}.article-variation-13 .article-page .article-body{border-left:3px double #78907c;padding-left:40px}.article-variation-13 .article-header{border-bottom:2px dashed}.article-variation-13 .article-body>section h2:before{content:"✳ ";font-family:Arial}.article-variation-14{--article-title:"Space Grotesk";--article-weight:500}.article-variation-14 .article-body h1{border:1px solid #8fe4e8;padding:30px}.article-variation-14 .article-body .article-deck{border-left:2px solid #8fe4e8;padding-left:25px}.article-variation-14 .article-header .brand{font-family:IBM Plex Mono}.article-variation-15{--article-title:"Playfair Display";--article-weight:400}.article-variation-15 .article-page .article-body{border:12px solid #e2b596;outline:1px solid #835841;padding:50px}.article-variation-15 .article-header{flex-direction:column;justify-content:center;align-items:center}.article-variation-15 .article-body h1{text-align:center}.article-variation-16{--article-title:"IBM Plex Mono";--article-weight:500}.article-variation-16 .article-header{background:#143d38;border:1px solid #83cbb3;padding:24px}.article-variation-16 .article-page .article-body{border:1px solid #83cbb3;padding:35px}.article-variation-16 .article-body h2:before{content:"> "}.article-variation-16 .article-page .article-body h1{font-size:clamp(35px,4vw,48px)}.article-variation-17{--article-title:"Barlow Condensed";--article-weight:700}.article-variation-17 .article-body h1{text-transform:uppercase;border-block:4px solid;padding:25px 0;transform:rotate(-2deg)}.article-variation-17 .article-header{border-bottom:0;font-family:IBM Plex Mono}.article-variation-17 .article-body>section{border-left:4px solid;padding-left:20px}.article-variation-18{--article-title:"DM Sans";--article-weight:600}.article-variation-18 .article-header{border-bottom:10px solid;grid-template-columns:1fr 1fr;display:grid}.article-variation-18 .article-body h1{max-width:12ch}.article-variation-18 .article-body .article-deck{border-left:45px solid #222;padding-left:25px}.article-variation-19{--article-title:"Space Grotesk";--article-weight:700}.article-variation-19 .article-header{border:4px solid;padding:24px;box-shadow:8px 8px #d9ff3f}.article-variation-19 .article-body h1{color:#d9ff3f}.article-variation-19 .article-body>section h2{border-left:12px solid #d9ff3f;padding-left:16px}.article-variation-20{--article-title:Lora;--article-weight:400}.article-variation-20 .article-page .article-body{background:#fff9e8;border-top:12px solid #a28d66;padding:45px;box-shadow:0 0 0 1px #c8baa0}.article-variation-20 .article-header{border-bottom:0}.article-variation-20 .article-body h1{font-style:italic}.article-variation-21{--article-title:Newsreader;--article-weight:500}.article-variation-21 .article-header{border-block:3px double #ceb16e;padding:24px 0}.article-variation-21 .article-body h1{color:#efd89d}.article-variation-21 .article-body>section{border-bottom:1px solid #8a805c}.article-variation-22{--article-title:"DM Sans";--article-weight:700}.article-variation-22 .article-page .article-body{background:#fbfff8;border:1px solid #789185;border-radius:25px 25px 0 0;padding:42px}.article-variation-22 .article-header{border-bottom:0}.article-variation-22 .article-body h1{border-bottom:6px solid #366954;padding-bottom:24px}.article-variation-23{--article-title:Manrope;--article-weight:700}.article-variation-23 .article-page .article-body{border:1px solid #8ea8cd;border-radius:16px;padding:38px;box-shadow:15px 15px #121c32}.article-variation-23 .article-header{background:#263d62;border-radius:12px;padding:25px}.article-variation-23 .article-body h1{font-size:clamp(38px,5vw,60px)}.article-variation-24{--article-title:"Playfair Display";--article-weight:400}.article-variation-24 .article-body h1{border-left:2px solid;padding-left:24px;font-style:italic}.article-variation-24 .article-body>section h2:before{content:"?";border:1px solid;border-radius:50%;place-items:center;width:40px;height:40px;margin-right:15px;display:inline-grid}.article-variation-24 .article-header{border-bottom:3px dotted}.article-variation-25{--article-title:"Barlow Condensed";--article-weight:700}.article-variation-25 .article-page .article-body h1{text-transform:uppercase;border-block:7px solid;padding-block:20px;font-size:clamp(52px,7vw,94px)}.article-variation-25 .article-header{border-bottom:0}.article-variation-25 .article-body .article-deck{font-weight:700}.article-variation-26{--article-title:Lora;--article-weight:500}.article-variation-26 .article-page{border-inline:1px solid #aebaa0}.article-variation-26 .article-body h1{text-align:center}.article-variation-26 .article-body>section h2:before{counter-increment:section;content:"Chapter " counter(section) " · ";font-size:15px}.article-variation-26 .article-header{justify-content:center}.article-variation-27{--article-title:"Space Grotesk";--article-weight:600}.article-variation-27 .article-header{border-block:5px solid;padding-block:24px}.article-variation-27 .article-body .eyebrow{color:#d5ffff;background:#173c42;padding:14px}.article-variation-27 .article-body h1{max-width:13ch}.article-variation-28{--article-title:Newsreader;--article-weight:500}.article-variation-28 .article-page .article-body{border-left:1px solid #b29370;padding-left:45px}.article-variation-28 .article-body>section h2:before{counter-increment:section;content:counter(section,decimal-leading-zero);width:45px;margin-left:-45px;font:12px IBM Plex Mono;display:inline-block}.article-variation-28 .article-header{border-bottom:1px dashed}.article-variation-29{--article-title:Manrope;--article-weight:500}.article-variation-29 .article-body h1{text-align:center;letter-spacing:-.055em}.article-variation-29 .article-page .article-body{background:#effaff;border-radius:160px 160px 0 0;padding:90px 45px 40px}.article-variation-29 .article-header{border-bottom:0;flex-direction:row-reverse}.article-variation-30{--article-title:Lora;--article-weight:500}.article-variation-30 .article-page .article-body{background:#fff9e9;border:1px solid #9d8b69;padding:45px;box-shadow:8px 8px #d4c49d,9px 9px #9d8b69}.article-variation-30 .article-header{border-bottom:5px double}.article-variation-30 .article-body h1{font-size:clamp(38px,4.5vw,58px)}.article-variation-31{--article-title:"Space Grotesk";--article-weight:600}.article-variation-31 .article-page{border-left:20px solid #6c4e1c}.article-variation-31 .article-body h1{border-bottom:3px solid;padding-bottom:25px}.article-variation-31 .article-header{border-bottom:0}.article-variation-31 .article-body>section h2{text-transform:uppercase;font-size:28px}.article-variation-32{--article-title:"DM Sans";--article-weight:600}.article-variation-32 .article-page .article-body{border:2px dashed #705e90;border-radius:25px;padding:40px}.article-variation-32 .article-body h1{text-align:center}.article-variation-32 .article-body>section h2{border-bottom:1px dotted;padding-bottom:15px}.article-variation-33{--article-title:"Playfair Display";--article-weight:400}.article-variation-33 .article-header{border:1px solid #bb8c9b;border-radius:100px 100px 0 0;justify-content:center;padding:45px 25px 25px}.article-variation-33 .article-body h1{text-align:center;color:#542b35;font-style:italic}.article-variation-33 .article-body .article-deck{text-align:center}.article-variation-34{--article-title:Lora;--article-weight:400}.article-variation-34 .article-body h1{border-block:4px double;padding:25px 0}.article-variation-34 .article-header .brand-mark{border-radius:0;height:55px}.article-variation-34 .article-body>section h2{font-style:italic}.article-variation-35{--article-title:"Space Grotesk";--article-weight:700}.article-variation-35 .article-header{border-bottom:12px solid #b7e4d3}.article-variation-35 .article-body h1{border-left:12px solid #b7e4d3;padding-left:24px}.article-variation-35 .article-body .article-deck{font-weight:500}.article-variation-35 .article-body>section h2:before{content:"■ ";font-size:20px}.article-variation-36{--article-title:Newsreader;--article-weight:500}.article-variation-36 .article-page .article-body{border:1px solid #a07867;border-radius:45px;padding:42px}.article-variation-36 .article-body h1{max-width:13ch}.article-variation-36 .article-body>section{border-top:1px solid #a07867}.article-variation-36 .article-header{border-bottom:0}.article-variation-37{--article-title:"Playfair Display";--article-weight:500}.article-variation-37 .article-body h1{border-top:16px solid #9b3965;padding-top:25px}.article-variation-37 .article-header{border-bottom:0;flex-direction:column;align-items:center}.article-variation-37 .article-body .article-deck{font-style:italic}.article-variation-38{--article-title:Manrope;--article-weight:700}.article-variation-38 .article-body>section h2:before{content:"□";padding-right:16px}.article-variation-38 .article-body h1{border-bottom:1px solid #b3d8a8;padding-bottom:25px}.article-variation-38 .article-header{border:1px solid #b3d8a8;padding:24px}.article-variation-39{--article-title:"Space Grotesk";--article-weight:500}.article-variation-39 .article-page .article-body{background:#f3f5fa;border-block:3px dashed #65718c;border-radius:20px;padding:42px}.article-variation-39 .article-body h1{font-size:clamp(38px,5vw,62px)}.article-variation-39 .article-header{border-bottom:0;flex-direction:row-reverse}.article-variation-40{--article-title:"IBM Plex Mono";--article-weight:500}.article-variation-40 .article-page{border-left:24px solid #d9dfb8}.article-variation-40 .article-page .article-body h1{font-size:clamp(34px,4.5vw,55px)}.article-variation-40 .article-body>section h2:before{counter-increment:section;content:counter(section,decimal-leading-zero) ". "}.article-variation-40 .article-header{border-bottom:3px solid #d9dfb8}@media (max-width:700px){.article-shell .article-page{padding:24px 20px 60px}.article-shell .article-page .article-body{margin-top:40px}.article-shell .article-page .article-body p{font-size:16px}.article-shell .article-page .article-body .article-deck{font-size:19px}.article-variation-3 .article-page .article-body,.article-variation-7 .article-page .article-body,.article-variation-12 .article-page .article-body,.article-variation-15 .article-page .article-body,.article-variation-16 .article-page .article-body,.article-variation-20 .article-page .article-body,.article-variation-22 .article-page .article-body,.article-variation-23 .article-page .article-body,.article-variation-30 .article-page .article-body,.article-variation-32 .article-page .article-body,.article-variation-36 .article-page .article-body,.article-variation-39 .article-page .article-body{padding:26px 20px}.article-variation-4 .article-page .article-body,.article-variation-29 .article-page .article-body{padding:70px 22px 30px}.article-variation-6 .article-page{display:block}.article-variation-6 .article-header{border-right:0;border-bottom:1px solid var(--line);padding:0 0 24px}.article-variation-6 .article-header .site-nav{margin-top:24px;display:flex}.article-variation-18 .article-header{display:flex}.article-variation-13 .article-page .article-body,.article-variation-28 .article-page .article-body{padding-left:22px}.article-variation-28 .article-body>section h2:before{width:30px;margin-left:0}.article-variation-31 .article-page,.article-variation-40 .article-page{border-left-width:8px}}.article-variation-31 .article-page{background:#f5e9c9}.design.article-shell{display:block}
