/* Editorial extension of the TiltGuard landing page. */
.journal-page{background:var(--ink)}
.journal-page :focus-visible,.blog-teaser :focus-visible{outline:2px solid var(--red);outline-offset:5px}
.journal-page .wrap{max-width:1400px}
.journal-page [hidden],.blog-teaser [hidden]{display:none!important}
.journal-page h1,.journal-page h2,.journal-page h3{overflow-wrap:break-word}
.journal-page .header-cta>span:last-child{color:var(--red);font-size:23px;line-height:1}
.journal-page .nav a[aria-current]{color:var(--red)}
.journal-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.breadcrumbs{padding:27px 0 33px;color:#93a5ae;font-size:11px;line-height:1.6}
.breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px;list-style:none;margin:0;padding:0}
.breadcrumbs li+li:before{content:'/';color:#56646e;margin-right:14px}
.breadcrumbs a:hover{color:var(--white)}
.breadcrumbs [aria-current]{color:#d3dadc}
.journal-hero{position:relative;padding-bottom:0;overflow:hidden;background:radial-gradient(ellipse at 78% 35%,#293538 0%,transparent 55%),var(--ink)}
.journal-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px);background-size:80px 80px;pointer-events:none}
.journal-hero>.wrap{position:relative}
.journal-hero-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0 32px;border-top:1px solid #ffffff26}
.journal-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:6%;padding-bottom:48px;align-items:stretch}
.journal-hero-grid>*{min-width:0}
.journal-intro{padding:26px 0 8px}
.journal-intro h1{font:600 clamp(52px,6.4vw,94px)/1.07 var(--display);letter-spacing:-.04em;margin:0 0 30px}
.journal-intro h1>span{color:var(--red)}
.journal-intro>p{font-size:18px;line-height:1.65;color:#e1e7e7;max-width:510px}
.journal-intro .journal-intro-small{font-size:14px;color:#98abb7;margin-top:15px;line-height:1.8;max-width:455px}
.journal-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:58px;padding:16px 23px;background:var(--white);color:var(--ink);font-size:13px;font-weight:700;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);transition:background .2s}
.journal-button:hover{background:var(--red);color:var(--ink)}
.journal-button>span{font-size:25px;font-weight:400;line-height:1}
.journal-intro .journal-button{margin-top:28px}
.journal-tally{display:flex;gap:16px;align-items:center;margin-top:35px;color:#8c9fa9}
.journal-tally strong{font:400 39px/1 var(--display);color:var(--white)}
.journal-tally>span{font-size:9px;line-height:1.8;letter-spacing:.09em}
.journal-feature{position:relative;isolation:isolate;display:block;min-height:568px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.feature-top{position:absolute;z-index:3;inset:27px 27px auto;display:flex;justify-content:space-between;gap:15px;font-size:9px;font-weight:600;letter-spacing:.11em}
.feature-top>span:first-child{background:var(--ink);padding:9px 11px}
.feature-top>span:last-child{padding-top:9px}
.feature-score{position:absolute;left:28px;top:45px;z-index:-1;font:600 230px/1 var(--display);letter-spacing:-.05em;color:#ffffff20}
.journal-feature .feature-hero{position:absolute;inset:25px auto auto -2%;width:105%;height:auto;transition:transform .45s}
.journal-feature:hover .feature-hero{transform:scale(1.025) translateY(-3px)}
.journal-feature:after{content:'';position:absolute;inset:30% 0 0;z-index:1;background:linear-gradient(0deg,#0c1824 0%,#0c1824ef 15%,#0c182491 42%,transparent 85%)}
.feature-copy{position:absolute;z-index:2;left:29px;bottom:29px;right:29px}
.feature-copy>.card-meta{color:#a4b9c6}
.feature-copy h2{font:500 clamp(29px,2.7vw,42px)/1.2 var(--display);margin:14px 0 22px;letter-spacing:-.015em}
.feature-read{display:flex;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:17px;font-size:12px;font-weight:600}
.feature-read>span{font-size:23px;line-height:1;color:var(--red)}
.journal-quicklinks{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff30}
.journal-quicklinks>a{display:flex;align-items:center;gap:22px;padding:30px 24px 30px 0;transition:color .2s}
.journal-quicklinks>a+a{padding-left:28px;border-left:1px solid #ffffff25}
.journal-quicklinks strong{white-space:nowrap;font:500 36px/1.1 var(--display);color:var(--red);letter-spacing:-.02em}
.journal-quicklinks span{font-size:11px;line-height:1.7;color:#bcc9cf}
.journal-quicklinks>a>span:last-child{margin-left:auto;font-size:21px;color:#dbe4e8}
.journal-quicklinks>a:hover span{color:var(--red)}
.journal-library{padding:90px 0 100px}
.library-heading,.teaser-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:42px}
.library-heading .eyebrow,.teaser-heading .eyebrow{margin-bottom:24px}
.library-heading h2,.teaser-heading h2{font:500 clamp(35px,4.1vw,59px)/1.15 var(--display);letter-spacing:-.025em}
.library-heading>p{font-size:14px;line-height:1.9;color:#647582;padding-bottom:4px}
.library-tools{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #b9c2c4;border-bottom:1px solid #b9c2c4;padding:15px 0;margin-bottom:24px}
.library-filters{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.library-filters button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;background:transparent;color:#52636c;font-size:12px;font-weight:500;min-height:43px;padding:12px 16px}
.library-filters button:hover{border-color:#b8c3c8;color:var(--ink)}
.library-filters button[aria-pressed=true]{background:var(--ink);color:var(--white)}
.library-filters button>span{font-size:10px;opacity:.65}
.library-search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #87959d;max-width:265px;width:25%;color:#617782}
.library-search>span:not(.sr-only){font-size:29px;line-height:1}
.library-search input{border:0;background:transparent;width:100%;min-width:0;outline-offset:4px;padding:12px 0;font:12px var(--body);color:var(--ink);border-radius:0}
.library-search input::placeholder{color:#647581;opacity:1}
.search-status{font-size:12px;color:#647582;min-height:0}
.search-status:not(:empty){margin:0 0 23px}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.journal-card{min-width:0;border-bottom:1px solid #c3cbcc;position:relative}
.journal-card-link{display:flex;flex-direction:column;height:100%}
.journal-card-art{height:236px;position:relative;overflow:hidden;isolation:isolate}
.art--juggernaut{background:radial-gradient(ellipse at 62% 30%,#e6664c 0%,#b32d42 45%,#331d31 100%)}
.art--kunkka{background:radial-gradient(ellipse at 60% 25%,#597882 0%,#244b5d 43%,#102633 100%)}
.art--pudge{background:radial-gradient(ellipse at 55% 25%,#92905d 0%,#4b573b 43%,#202e29 100%)}
.art--enchantress{background:radial-gradient(ellipse at 65% 25%,#a8bd72 0%,#507347 43%,#233e37 100%)}
.art--ogre-magi{background:radial-gradient(ellipse at 65% 20%,#6496ac 0%,#356474 43%,#243744 100%)}
.art--pangolier{background:radial-gradient(ellipse at 65% 25%,#bd8664 0%,#8a474b 43%,#3c2337 100%)}
.journal-card-art:after{content:'';position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(125deg,transparent 0,transparent 69px,#ffffff0c 70px,transparent 71px)}
.journal-card-art>img{position:absolute;width:83%;height:auto;left:20%;top:1%;z-index:-1;transition:transform .35s ease}
.journal-card-art.art--pudge>img{width:100%;left:10%;top:-31%}
.journal-card-link:hover .journal-card-art>img{transform:translate(-3px,-5px) scale(1.035)}
.card-category{position:absolute;top:18px;left:18px;border:1px solid #ffffff60;color:var(--white);font-size:9px;letter-spacing:.03em;text-transform:uppercase;padding:7px 9px;background:#10182048}
.card-number{position:absolute;bottom:-9px;left:16px;color:#ffffff1a;font:600 102px/1 var(--display);z-index:-1}
.card-open{position:absolute;right:15px;bottom:14px;display:grid;place-items:center;width:35px;height:35px;background:var(--ink);color:var(--white);font-size:24px;transition:background .2s}
.journal-card-link:hover .card-open{background:var(--red)}
.journal-card-copy{display:flex;flex:1;flex-direction:column;padding:24px 0 22px}
.card-meta{display:flex;justify-content:space-between;gap:15px;font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:.065em;font-weight:600;color:#657d88}
.card-meta>span{white-space:nowrap}
.journal-card h3{font:600 23px/1.35 var(--body);letter-spacing:-.055em;margin:12px 0 13px;color:var(--ink)}
.journal-card-copy>p{font-size:13px;line-height:1.75;color:#60727d;margin-bottom:23px}
.card-read{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:5px;font-size:11px;font-weight:600;color:var(--ink)}
.card-read>span{font-size:20px;line-height:1;color:var(--red-dark)}
.library-empty{text-align:center;padding:60px 20px 70px}
.library-empty strong{font:500 35px var(--display)}
.library-empty p{font-size:14px;margin:16px 0 22px;color:#5b737d}
.library-empty button{border:0;background:var(--ink);color:var(--white);padding:15px 24px;font-size:12px}
.journal-editorial{padding:65px 0 75px;border-top:1px solid #ffffff30}
.journal-editorial>.wrap{display:grid;grid-template-columns:80px 1fr 1.25fr;gap:35px}
.editorial-mark{font:500 29px var(--display);color:var(--red)}
.journal-editorial .eyebrow{font-size:10px;color:#9eb4c1;margin-bottom:16px}
.journal-editorial h2{font:500 33px/1.3 var(--display)}
.journal-editorial p:not(.eyebrow){font-size:13px;line-height:1.85;color:#9eb0bb;margin-bottom:16px}
.journal-editorial a{display:flex;justify-content:space-between;color:var(--white);font-size:12px;border-top:1px solid #ffffff30;padding-top:18px;margin-top:24px}
.journal-editorial a>span{color:var(--red)}
.footer-blog{font-size:11px;white-space:nowrap}
.footer-blog:hover{color:var(--red)}
/* Reading layout */
.article-hero{padding-bottom:51px;overflow:hidden;background:radial-gradient(ellipse at 88% 80%,#28404a77,transparent 60%),var(--ink)}
.article-hero .breadcrumbs{padding-bottom:40px}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:6%}
.article-hero .eyebrow{font-size:10px;line-height:1.7;margin-bottom:23px;flex-wrap:wrap}
.article-hero h1{font:500 clamp(40px,4.5vw,67px)/1.16 var(--display);letter-spacing:-.025em;margin:0 0 22px;max-width:840px}
.article-lead{font-size:15px;line-height:1.85;color:#b1c1cc;max-width:740px}
.article-meta{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:10px;line-height:1.7;color:#91a7b4;margin-top:30px;padding-top:22px;border-top:1px solid #ffffff25}
.article-meta a{color:#e0e8ec}
.article-meta a:hover{color:var(--red)}
.article-portrait{position:relative;isolation:isolate;min-height:390px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.article-portrait>img{position:absolute;inset:5px auto auto -4%;width:109%;height:auto;z-index:-1}
.article-portrait:after{content:'';position:absolute;z-index:-1;inset:50% 0 0;background:linear-gradient(transparent,#101820f2)}
.portrait-coordinate{position:absolute;top:20px;left:20px;font-size:8px;letter-spacing:.1em;color:#e2ebee}
.portrait-caption{position:absolute;bottom:21px;left:22px;right:22px;font:400 23px var(--display);text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:15px}
.portrait-caption>span{font:8px var(--body);color:#a8bdc6;letter-spacing:.12em}
.article-paper{padding:64px 0 0}
.article-layout{display:grid;grid-template-columns:260px minmax(0,790px);justify-content:space-between;gap:6%}
.journal-page .article-layout{max-width:1180px}
.article-sidebar{align-self:start;position:sticky;top:25px;padding-bottom:35px}
.article-toc{border-top:2px solid var(--ink);padding-top:21px}
.article-toc summary{list-style:none;font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer;display:flex;justify-content:space-between;gap:20px;line-height:1.5}
.article-toc summary::-webkit-details-marker{display:none}
.article-toc summary>span{color:var(--red-dark);font-size:18px;line-height:1}
.article-toc ol{list-style:none;margin:21px 0 0;padding:0;counter-reset:toc}
.article-toc li{counter-increment:toc;padding:0;border-bottom:1px solid #cbd0ce}
.article-toc a{display:flex;align-items:baseline;gap:10px;padding:10px 4px 10px 0;font-size:11px;line-height:1.7;color:#586b76;transition:color .15s}
.article-toc a:before{content:counter(toc,decimal-leading-zero);font:9px var(--body);color:#8c989e;flex-shrink:0}
.article-toc a:hover,.article-toc a[aria-current]{color:var(--red-dark)}
.sidebar-back{display:block;font-size:11px;margin-top:25px;color:#5d717a}
.article-body{min-width:0;font-size:16px;line-height:1.85;color:#344852}
.article-body section{scroll-margin-top:30px}
.article-body section+section{margin-top:49px}
.article-body h2{font:500 clamp(28px,2.5vw,37px)/1.25 var(--display);letter-spacing:-.01em;color:var(--ink);margin:0 0 22px}
.article-body h3{font:600 19px/1.4 var(--body);color:var(--ink);margin:28px 0 12px;letter-spacing:-.025em}
.article-body p{margin:0 0 18px}
.article-body ul,.article-body ol{margin:18px 0 24px;padding-left:24px}
.article-body li{padding-left:5px;margin-bottom:10px}
.article-body li::marker{color:var(--red-dark);font-weight:600}
.article-body strong{font-weight:600;color:#132c39}
.article-body a:not(.journal-button){color:#12617a;text-decoration:underline;text-decoration-color:#12617a50;text-underline-offset:4px;overflow-wrap:anywhere}
.article-body a:not(.journal-button):hover{color:var(--red-dark);text-decoration-color:var(--red-dark)}
.article-answer{background:#e6e8e2;border-left:3px solid var(--red);padding:28px 31px 20px;margin-bottom:48px}
.article-answer>.eyebrow{font-size:10px;color:var(--red-dark);letter-spacing:.06em}
.article-answer ul{margin:19px 0 0;padding-left:18px}
.article-answer li{font-size:15px;line-height:1.8;margin-bottom:12px}
.article-table{overflow-x:auto;max-width:100%;margin:26px 0 30px}
.article-table table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7;min-width:500px;text-align:left}
.article-table th{font-weight:600;background:var(--ink);color:var(--white)}
.article-table th,.article-table td{padding:15px 18px;border:1px solid #c2cccc;vertical-align:top}
.article-table tbody tr:nth-child(even){background:#e7e9e4}
.article-body blockquote{margin:24px 0;padding:23px 25px;border-left:3px solid #799c9b;background:#e4eae5;font-size:18px;color:#254c58}
.article-body blockquote p:last-child{margin:0}
.article-body .article-faq{margin-top:58px}
.article-faq details{border-top:1px solid #b8c4c7}
.article-faq details:last-child{border-bottom:1px solid #b8c4c7}
.article-faq summary{display:flex;justify-content:space-between;gap:20px;font-size:15px;font-weight:500;line-height:1.6;padding:20px 0;cursor:pointer;list-style:none;color:var(--ink)}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq summary:after{content:'+';font-size:22px;font-weight:400;color:#758e9a;flex-shrink:0;line-height:1}
.article-faq details[open]>summary:after{content:'−';color:var(--red-dark)}
.article-faq details[open]>summary{color:var(--red-dark)}
.article-faq details>div{font-size:14px;line-height:1.9;padding:0 25px 12px 0}
.article-sources{padding-top:32px;border-top:1px solid #b8c4c7}
.article-sources h2{font-size:27px}
.article-sources>p,.article-sources li{font-size:12px;line-height:1.85}
.article-sources ul{padding-left:19px}
.article-sources .sources-date{color:#748792;font-size:11px}
.article-next-move{background:var(--ink);padding:34px 36px 31px;margin:48px 0 0;color:var(--white);position:relative;isolation:isolate;overflow:hidden}
.article-next-move:before{content:'+';position:absolute;right:12px;top:-50px;font:400 290px var(--display);z-index:-1;color:#ffffff05}
.article-next-move .eyebrow{font-size:9px;letter-spacing:.08em;color:var(--red)}
.article-next-move h2{color:var(--white);font-size:43px;line-height:1.15;margin:20px 0 16px}
.article-next-move>p{font-size:14px;line-height:1.85;color:#a5bdcb;max-width:550px;margin-bottom:23px}
.article-next-move>small{display:block;color:#849daa;font-size:10px;line-height:1.8;margin-top:18px}
.article-related{padding:88px 0 95px}
.related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:33px}
.related-heading .eyebrow{font-size:10px;margin-bottom:15px}
.related-heading h2{font:500 43px/1.2 var(--display);letter-spacing:-.02em}
.related-heading>a{font-size:12px;font-weight:600;display:flex;gap:30px;align-items:center;padding-bottom:5px}
.related-heading>a>span{font-size:24px;color:var(--red-dark)}
/* Landing-page entry point */
.blog-teaser{padding:85px 0 90px;border-top:1px solid #ffffff20;background:#101c26}
.teaser-heading>div:last-child{max-width:390px}
.teaser-heading>div:last-child>p{font-size:14px;line-height:1.9;color:#a2b7c4;margin-bottom:24px}
.teaser-heading>div:last-child>a{display:flex;justify-content:space-between;gap:45px;font-size:12px;font-weight:600}
.teaser-heading>div:last-child>a>span{color:var(--red);font-size:24px;line-height:1}
.blog-teaser .journal-card{border-bottom-color:#ffffff2e}
.blog-teaser .journal-card h3,.blog-teaser .card-read{color:var(--white)}
.blog-teaser .journal-card-copy>p{color:#9eb3c0}
.blog-teaser .card-meta{color:#839dac}
.blog-teaser .card-read>span{color:var(--red)}
@media(min-width:701px) and (max-width:1100px){
  body .header-inner{gap:17px}body .nav{gap:15px}body .nav a{font-size:10px}body .header-cta{padding:12px 14px;font-size:10px;gap:14px}
  body .header .brand-logo{width:155px}
}
@media(min-width:701px) and (max-width:850px){body .header .brand-logo{width:132px}body .nav{gap:10px}body .nav a{font-size:9px}body .header-cta{font-size:9px;padding:12px 11px;gap:10px}}
@media(max-width:1150px){
  .journal-hero-grid{gap:5%}.journal-intro h1{font-size:6.7vw}.journal-intro>p{font-size:16px}.journal-intro .journal-intro-small{font-size:13px}.journal-feature{min-height:530px}
  .journal-quicklinks>a{gap:14px}.journal-quicklinks>a+a{padding-left:20px}.journal-quicklinks strong{font-size:30px}.journal-quicklinks span{font-size:10px}
  .journal-grid{gap:33px 22px}.journal-card-art{height:205px}.journal-card h3{font-size:21px}.journal-card-copy>p{font-size:12px}
  .article-layout{grid-template-columns:220px minmax(0,1fr);gap:5%}.article-portrait{min-height:350px}.article-body{font-size:15px}.article-hero-grid{gap:4%}.article-lead{font-size:14px}
}
@media(max-width:900px){
  .journal-feature{min-height:500px}.feature-copy{left:23px;right:23px}.feature-top{left:23px;right:23px}.feature-score{font-size:170px;top:75px}.journal-feature .feature-hero{width:124%;left:-10%;top:46px}
  .journal-intro{padding-top:15px}.journal-intro h1{margin-bottom:24px}.journal-intro>p{font-size:15px}.journal-intro .journal-intro-small{font-size:12px}.journal-intro .journal-button{padding:14px 17px;font-size:11px;gap:20px}.journal-tally{margin-top:28px}
  .journal-quicklinks strong{font-size:26px}.journal-quicklinks>a>span:last-child{display:none}.journal-quicklinks>a{padding-top:25px;padding-bottom:25px}.journal-quicklinks>a+a{padding-left:15px}
  .library-heading>p{font-size:12px}.library-tools{gap:15px}.library-filters{gap:0}.library-filters button{font-size:10px;padding:12px 10px}.library-search{width:27%;}.library-search input{font-size:10px}
  .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}.journal-card-art{height:240px}
  .journal-editorial>.wrap{grid-template-columns:1fr 1.2fr;gap:30px}.editorial-mark{display:none}.journal-editorial h2{font-size:30px}
  .article-hero-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.article-portrait{min-height:290px}.article-portrait>img{width:132%;left:-18%;top:30px}.portrait-coordinate{font-size:6px;left:15px}.portrait-caption{left:15px;right:15px;font-size:18px}.portrait-caption>span{font-size:6px}
  .article-hero h1{font-size:40px}.article-lead{font-size:13px}.article-meta{font-size:9px;gap:10px 15px}
  .article-layout{grid-template-columns:190px minmax(0,1fr);gap:4%}.article-toc a{font-size:10px}.article-toc summary{font-size:9px}.article-body{font-size:14px}.article-answer{padding:24px 23px 17px}.article-answer li{font-size:13px}.article-body h2{font-size:28px}.article-body h3{font-size:17px}
  .article-next-move{padding:30px 27px}.article-next-move h2{font-size:37px}
  .teaser-heading{gap:35px}.teaser-heading>div:last-child{max-width:300px}.teaser-heading>div:last-child>p{font-size:12px}
}
@media(max-width:700px){
  .journal-page .wrap{width:calc(100% - 40px)}.breadcrumbs{font-size:9px;padding:20px 0 24px;line-height:1.7}.breadcrumbs ol{gap:6px 10px}.breadcrumbs li+li:before{margin-right:10px}
  .journal-hero-top{padding:16px 0 24px}.journal-hero-top .technical-label{display:none}.journal-hero-grid{grid-template-columns:minmax(0,1fr);gap:33px;padding-bottom:30px}
  .journal-intro{padding:3px 0 0}.journal-intro h1{font-size:clamp(38px,10.5vw,69px);margin-bottom:22px}.journal-intro>p{font-size:15px;max-width:440px}.journal-intro .journal-intro-small{font-size:13px;max-width:450px}.desktop-break{display:none}
  .journal-intro .journal-button{min-height:53px;padding:14px 20px;font-size:12px;margin-top:24px}.journal-tally{display:none}
  .journal-feature{min-height:480px}.journal-feature .feature-hero{width:95%;left:6%;top:14px}.feature-score{font-size:200px;top:57px}.feature-copy{left:25px;right:25px;bottom:24px}.feature-copy h2{font-size:34px}.feature-top{top:24px}
  .journal-quicklinks{grid-template-columns:1fr}.journal-quicklinks>a,.journal-quicklinks>a+a{padding:21px 0;border-left:0;gap:22px}.journal-quicklinks>a+a{border-top:1px solid #ffffff20}.journal-quicklinks strong{min-width:85px;font-size:31px}.journal-quicklinks span{font-size:11px}.journal-quicklinks>a>span:last-child{display:inline;font-size:23px}
  .journal-library{padding:58px 0 60px}.library-heading{display:block;margin-bottom:27px}.library-heading .eyebrow{margin-bottom:22px}.library-heading h2{font-size:clamp(33px,7.8vw,47px)}.library-heading>p{font-size:13px;margin-top:22px}.library-heading>p br{display:none}
  .library-tools{display:block;padding:14px 0 15px;margin-bottom:25px}.library-filters{gap:5px;display:grid;grid-template-columns:1fr 1fr}.library-filters button{font-size:11px;min-height:43px;border-color:#c8cfce;padding:11px 8px}.library-search{width:100%;max-width:none;margin-top:14px;min-height:44px}.library-search input{font-size:13px}
  .journal-grid{grid-template-columns:1fr;gap:35px}.journal-card-art{height:255px}.journal-card-art>img{width:83%;left:22%;top:-3%}.journal-card h3{font-size:23px;letter-spacing:-.04em}.journal-card-copy>p{font-size:13px}.journal-card-copy{padding:22px 0}.card-meta{font-size:9px}.card-read{font-size:12px}
  .journal-editorial{padding:45px 0 50px}.journal-editorial>.wrap{grid-template-columns:1fr;gap:23px}.journal-editorial h2{font-size:32px}.journal-editorial p:not(.eyebrow){font-size:13px}
  .journal-page .footer>.wrap{gap:23px}.journal-page .footer-blog{order:2}.journal-page .footer .copyright{order:3}
  .article-hero{padding-bottom:33px}.article-hero .breadcrumbs{padding-bottom:29px}.article-hero .breadcrumbs li:last-child{max-width:100%}.article-hero-grid{display:flex;flex-direction:column;gap:28px;align-items:stretch}
  .article-hero h1{font-size:clamp(36px,8.3vw,49px);line-height:1.18;margin-bottom:20px}.article-hero .eyebrow{font-size:9px;margin-bottom:20px;gap:8px;line-height:1.8}.article-lead{font-size:14px}.article-meta{font-size:10px;gap:12px 18px;margin-top:24px;padding-top:18px}
  .article-portrait{min-height:240px;height:240px}.article-portrait>img{width:85%;top:0;left:25%;max-width:470px}.article-portrait.art--pudge>img{width:110%;left:9%;top:-110px}.portrait-coordinate{font-size:8px;left:18px;top:18px}.portrait-caption{left:18px;bottom:17px;font-size:22px}.portrait-caption>span{font-size:8px}.article-portrait:after{inset:30% 0 0}
  .article-paper{padding-top:29px}.article-layout{display:block}.article-sidebar{position:static;padding-bottom:0;margin-bottom:31px}.article-toc{padding:17px 18px;background:#e6e8e2;border-top:2px solid var(--ink)}.article-toc summary{font-size:10px;min-height:20px;align-items:center}.article-toc a{font-size:12px;padding:10px 0}.article-toc ol{margin-top:15px}.sidebar-back{display:none}
  .article-body{font-size:15px;line-height:1.85}.article-body h2{font-size:30px;line-height:1.25;margin-bottom:20px}.article-body h3{font-size:18px}.article-body section+section{margin-top:37px}.article-body ul,.article-body ol{padding-left:21px}.article-body li{padding-left:2px}
  .article-answer{padding:24px 20px 15px;margin-bottom:35px}.article-answer li{font-size:14px}.article-answer ul{padding-left:17px}.article-table th,.article-table td{padding:13px}.article-table table{font-size:12px}.article-body blockquote{font-size:17px;padding:19px 20px}
  .article-faq summary{font-size:14px;padding:18px 0}.article-faq details>div{font-size:14px;padding-right:5px}.article-sources{padding-top:25px}.article-sources h2{font-size:25px}.article-sources>p,.article-sources li{font-size:12px}
  .article-next-move{padding:27px 24px;margin-top:34px}.article-next-move h2{font-size:39px}.article-next-move>p{font-size:13px}.article-next-move .journal-button{padding:15px 17px;font-size:11px;gap:20px;min-height:53px}
  .article-related{padding:58px 0}.related-heading{display:block;margin-bottom:28px}.related-heading h2{font-size:38px}.related-heading>a{display:inline-flex;margin-top:22px}.article-related .journal-card:last-child,.blog-teaser .journal-card:last-child{display:block}
  .blog-teaser{padding:58px 0}.teaser-heading{display:block;margin-bottom:29px}.teaser-heading h2{font-size:clamp(34px,8.7vw,49px)}.teaser-heading>div:last-child{max-width:none;margin-top:23px}.teaser-heading>div:last-child>p{font-size:13px}.teaser-heading>div:last-child>a{display:inline-flex}.blog-teaser .journal-card-art{height:255px}
}
@media(max-width:370px){.journal-feature{min-height:414px}.journal-feature .feature-hero{top:25px;width:113%;left:-6%}.feature-score{font-size:160px}.feature-copy h2{font-size:28px}.feature-copy{left:20px;right:20px}.journal-card-art,.blog-teaser .journal-card-art{height:224px}.journal-quicklinks strong{min-width:76px}.article-hero h1{font-size:35px}.article-portrait>img{width:107%;left:13%;top:-12px}.article-next-move{padding:26px 20px}.article-next-move .journal-button{gap:15px;font-size:10px;padding:14px}.card-meta{font-size:8px;gap:10px}}
@media(min-width:701px) and (max-width:900px){
  body .header-inner{height:74px;gap:22px}body .header .brand{margin-right:auto}body .header .brand-logo{width:175px}body .header-cta{font-size:11px;padding:12px 16px;gap:17px}
  body .menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;border:0;background:transparent;width:40px;height:42px;padding:6px}
  body .menu-button>span{width:24px;height:1px;background:var(--white);transition:transform .2s}
  body .menu-button[aria-expanded=true]>span:first-child{transform:translateY(3px) rotate(45deg)}body .menu-button[aria-expanded=true]>span:last-child{transform:translateY(-3px) rotate(-45deg)}
  body .nav{position:absolute;top:74px;left:0;right:0;display:none;background:var(--ink);padding:17px 35px 23px;border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;box-shadow:0 20px 30px #0004;flex-direction:column;align-items:stretch;gap:0}
  body .nav.is-open{display:flex}body .nav a{font-size:15px;padding:14px 10px}body .nav a::after{display:none}
  .blog-teaser .journal-card:last-child,.article-related .journal-card:last-child{grid-column:1/-1}.blog-teaser .journal-card:last-child .journal-card-link,.article-related .journal-card:last-child .journal-card-link{display:grid;grid-template-columns:1fr 1fr;gap:24px}.blog-teaser .journal-card:last-child .journal-card-copy,.article-related .journal-card:last-child .journal-card-copy{padding-top:0}.blog-teaser .journal-card:last-child .journal-card-art,.article-related .journal-card:last-child .journal-card-art{height:100%;min-height:230px}
}
@media(prefers-reduced-motion:reduce){.journal-page *,.blog-teaser *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.journal-page{background:white;color:black}.journal-page .header,.journal-page .footer,.article-portrait,.article-sidebar,.article-next-move,.article-related,.breadcrumbs{display:none}.article-hero,.article-paper{background:white;color:black;padding:20px 0}.article-hero-grid,.article-layout{display:block}.article-hero h1{font-size:32px;color:black}.article-lead,.article-meta,.article-meta a{color:#333}.article-body{font-size:11pt}.article-body h2{break-after:avoid}.article-body section{break-inside:auto}.article-body a{color:black!important}.article-body details>div{display:block}.article-answer{background:#eee}.journal-page .wrap{width:100%;max-width:none}}
