/* theme */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-size:15px}
body{margin:0px;background:hsl(40 35% 96%);font-family:'Work Sans', system-ui, sans-serif;line-height:1.63;color:hsl(30 20% 14%)}
img{display:block;max-width:100%;height:auto}
a{color:hsl(264 36% 34%)}
a:hover{color:hsl(264 36% 24%)}
h1,h2,h3,h4{font-weight:600;letter-spacing:0}
h1,h2,h3,h4{font-family:'Cormorant Garamond', Georgia, serif;line-height:1.2;margin-bottom:0.67em}
h1{font-size:2.22rem}
h2{font-size:1.56rem;margin-top:1.59em}
h3{font-size:1.28rem;margin-top:1.31em}
h2[id],h3[id]{scroll-margin-top:90px}
.reading{max-width:100%}
.reading p{margin-bottom:1.04em}
.reading ul,.reading ol{padding-left:1.5em;margin:0 0 1.07em}
.reading li{margin:0.35em 0 0.35em 0}
.reading table{border-collapse:collapse}
.reading table{margin:1.15em 0;display:block;overflow-x:auto;width:100%;font-size:0.84em}
.reading th,.reading td{padding:9px 11px;text-align:left;vertical-align:top;border:1px solid hsl(35 25% 84%)}
.reading th{background:hsl(40 45% 91%);font-weight:600}
.reading blockquote{padding:11px 22px 11px 22px;border-left:4px solid hsl(84 46% 40%);border-radius:13px;background:hsl(40 40% 99%);margin:1.28em 0}
.reading sup a{text-decoration-line:none;padding:0 2px;font-size:0.77em}
.reading code{padding:1px 5px;background:hsl(40 45% 91%);border-radius:4px;font-size:1.01em}
.reading img{margin:1.13em 0;border-radius:11px}
.key-takeaway{padding:19px 21px;border-radius:11px;font-size:1.14em}
.key-takeaway{border-left:4px solid hsl(264 36% 34%);background:hsl(40 45% 91%);margin-bottom:26px}
.key-takeaway p:last-child{margin-bottom:0}
.verdict-grid{display:grid;margin:19px 0 19px 0;gap:19px;grid-template-columns:1fr 1fr}
.verdict-grid>div{padding:14px 20px 14px 20px;background:hsl(40 40% 99%)}
.verdict-grid>div{border:1px solid hsl(35 25% 84%);border-radius:11px}
.verdict-grid h3{margin-top:0}
.verdict-grid ul{padding-left:1.13em;margin:0}
.footnotes{padding-top:17px;color:hsl(30 10% 42%);border-top:1px solid hsl(35 25% 84%)}
.footnotes{font-size:0.85em;margin:40px 0 0}
.footnotes ol{padding-left:1.5em}
.footnotes li{margin-bottom:0.29em;margin-top:0.29em;word-break:break-word}
.footnotes a{color:hsl(30 10% 42%)}
.pullquote{margin-top:27px;border-radius:12px;padding:17px 27px 17px 27px;border-left:4px solid hsl(84 46% 40%);margin-bottom:27px;background:hsl(40 40% 99%)}
.pullquote{font-size:1.24em;font-style:italic}
.action-box{padding:30px;background:hsl(40 45% 91%);color:hsl(30 20% 14%);text-align:center;margin:40px 0;border-radius:14px}
.action-box h2{margin-top:0;color:inherit}
.action{background:hsl(264 36% 34%);font-weight:600;margin-top:10px;padding:11px 23px;text-decoration:none;color:#fff;display:inline-block;border-radius:1057px}
.action:hover{filter:brightness(1.08);color:#fff}
.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid;margin-bottom:26px;margin-top:26px;gap:24px}
.item{background:hsl(40 40% 99%);border:1px solid hsl(35 25% 84%);gap:8px;padding:17px;flex-direction:column;display:flex;border-radius:12px}
.item h3{margin:0;font-size:1.08em}
.item p{color:hsl(30 10% 42%);font-size:0.98em;margin:0}
.item a{font-weight:600;text-decoration:none}
.menu-check{display:none}
.hamburger{padding-top:6px;padding-bottom:6px;cursor:pointer;gap:5px}
.hamburger{width:30px;display:none;flex-direction:column}
.hamburger span{height:2px;background:currentColor;display:block}
.details-line{flex-wrap:wrap;gap:9px 16px;display:flex;font-size:0.87em;margin-bottom:16px;color:hsl(30 10% 42%)}
.path{margin-bottom:14px;font-size:0.81em;color:hsl(30 10% 42%)}
.path a{text-decoration-line:none;color:hsl(30 10% 42%)}
.eyebrow{font-weight:700;text-transform:uppercase;display:inline-block;font-size:0.82em;letter-spacing:0.08em;margin-bottom:11px;color:hsl(84 46% 40%)}
.cover-image figcaption{margin:7px 0 0;font-size:0.94em;color:hsl(30 10% 42%)}
.further{margin-top:46px}
.qa details{border-radius:12px;padding:10px 17px;background:hsl(40 40% 99%)}
.qa details{margin:10px 0 10px 0;border:1px solid hsl(35 25% 84%)}
.qa summary{font-weight:600;cursor:pointer}
.qa details>div{padding-top:8px}
.sequence{padding:0 0 0 20px;list-style:none;counter-reset:s;border-left:3px solid hsl(35 25% 84%);margin:22px 0}
.sequence li{padding-left:12px;margin:0 0 23px;position:relative}
.sequence li::before{margin-bottom:4px;content:"Step " counter(s);color:hsl(84 46% 40%);counter-increment:s}
.sequence li::before{letter-spacing:0.08em;display:block;font-size:0.83em;font-weight:700;text-transform:uppercase}
.sequence li::after{content:"";left:-30px;background:hsl(84 46% 40%);top:4px;position:absolute;width:11px;height:11px;border-radius:50%}
.wrapper{margin:0 auto;padding:0 22px;max-width:1040px}
.site-header{border-bottom:1px solid hsl(35 25% 84%);position:sticky;background:hsl(40 35% 96%);top:0;z-index:20}
.header-inner{gap:19px;justify-content:space-between;flex-wrap:wrap;align-items:center}
.header-inner{min-height:64px;display:flex}
.home-link{color:hsl(30 20% 14%)}
.home-link{font-size:1.26rem;font-weight:600;align-items:center;text-decoration-line:none;display:inline-flex;gap:9px;font-family:'Cormorant Garamond', Georgia, serif}
.home-link svg{height:28px;width:28px}
.primary-nav{display:flex;gap:19px;flex-wrap:wrap}
.primary-nav a{font-size:0.98em;text-decoration-line:none;color:hsl(30 10% 42%)}
.primary-nav a:hover{color:hsl(264 36% 34%)}
.hero{background:hsl(40 45% 91%);padding:54px 0 45px;border-radius:0 0 34px 31px}
.hero h1{max-width:860px;margin:9px 0 12px;font-size:2.53rem}
.hero p{font-size:1.11em;margin-bottom:13px;color:hsl(30 10% 42%);max-width:700px}
.stage{padding:34px 0 78px}
.with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:47px;align-items:start}
.secondary{display:grid;top:84px}
.secondary{gap:21px;position:sticky}
.in-this-article,.notice{padding:18px 23px;background:hsl(40 45% 91%)}
.in-this-article,.notice{font-size:0.96em;border-radius:12px}
.in-this-article ul{margin:9px 0 0;padding:0;list-style:none}
.in-this-article li{margin:6px 0}
.in-this-article a,.notice a{color:hsl(30 20% 14%);text-decoration-line:none}
.notice a{margin:7px 0 0;display:block}
.in-this-article a:hover,.notice a:hover{color:hsl(264 36% 34%)}
.cover-image img{border-radius:12px;width:100%}
.cover-image{margin:0 0 27px}
.grid .item{padding:0;overflow:hidden;border:0}
.grid .item{background:hsl(40 40% 99%);box-shadow:0 2px 12px rgba(0,0,0,.05)}
.grid .item img{object-fit:cover;width:100%;aspect-ratio:3/2}
.grid .item>div{padding:17px 21px 21px}
.grid .item h3 a{text-decoration:none;color:hsl(30 20% 14%)}
.grid .item .details-line{margin:0 0 7px;font-size:0.83em}
.footer{background:hsl(40 45% 91%);margin-top:21px;font-size:0.81em;color:hsl(30 10% 42%)}
.footer{padding:36px 0 0;border-radius:30px 32px 0 0}
.bottom-inner{gap:26px}
.bottom-inner{justify-content:space-between;display:flex;flex-wrap:wrap;padding-bottom:22px}
.bottom-inner nav a{margin-left:18px;text-decoration:none;color:hsl(30 10% 42%)}
.small-print{padding:18px 22px 29px;font-size:0.76em;border-top:1px solid hsl(35 25% 84%)}
.scene{margin:0 auto 20px;width:min(256px, 70vw)}
.scene svg{display:block;height:auto;width:100%}
@media (max-width:640px){.verdict-grid{grid-template-columns:1fr}.hero h1{font-size:1.67rem}}
@media (max-width:860px){.with-sidebar{grid-template-columns:1fr}.secondary{position:static}}
@media (max-width:760px){.hamburger{display:flex}.primary-nav{flex-direction:column}.primary-nav{padding:6px 0 13px;gap:10px;display:none;width:100%}.menu-check:checked~.primary-nav{display:flex}}