/* One layout for phones and narrow tablets. Loaded only up to 900px. */
html{scroll-padding-top:24px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:16px;line-height:1.6}
:where(main,article,section,div,figure,aside,nav){min-width:0}
.wrap,.article-width{width:calc(100% - 40px);max-width:640px;margin-inline:auto}
h1,h2,h3,h4{overflow-wrap:break-word;hyphens:auto}
h1{font-size:clamp(31px,7.8vw,46px);line-height:1.12;letter-spacing:-.035em;margin-bottom:20px}
h2,.product-copy h2,.honesty h2,.final-grid h2{font-size:clamp(29px,7.4vw,38px);line-height:1.15;letter-spacing:-.03em;max-width:100%;margin-bottom:20px}
h3,.how-intro h3{font-size:clamp(27px,6.8vw,34px);line-height:1.18}
p{margin-bottom:20px}
.annons{height:24px;font-size:10px}
.masthead{display:block;min-height:0;padding:18px 0 0}
.wordmark strong{font-size:26px;line-height:1.1}
.wordmark span{font-size:9px;letter-spacing:.12em;line-height:1.5;margin-top:6px}
.header-right{display:block;margin-top:15px;width:100%}
.edition{display:none}
.header-right nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid var(--line)}
.header-right nav a,.header-right nav a:first-child{display:flex;align-items:center;justify-content:center;min-height:46px;padding:6px 0;text-align:center;font-size:12px;line-height:1.4}
.article-head{padding:28px 0 22px}
.eyebrow{font-size:10px;line-height:1.6;letter-spacing:.06em;align-items:baseline;margin-bottom:16px}
.eyebrow:before{flex:0 0 6px}
.standfirst{font-size:16px;line-height:1.65;margin-bottom:18px}
.article-meta{font-size:11px;gap:8px;flex-wrap:wrap;line-height:1.6}
.article-meta .rule{width:10px;flex-shrink:0}
.illustration-note{font-size:11px;line-height:1.65;max-width:none;margin-top:12px}
.hero,.relief-photo{width:calc(100% - 40px);max-width:640px}
.hero-image,.relief-photo img,.story-figure img,.paired-photos img,.paired-photos figure:nth-child(2) img,.home-grid img,.home-grid .story-figure:nth-child(2) img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;object-fit:cover;object-position:center}
.hero .caption{margin-inline:0}
.caption{display:block;padding:10px 0 12px;font-size:11px;line-height:1.55}
.caption span{display:block;width:auto;max-width:none;white-space:normal}
.caption span:last-child{white-space:normal;max-width:none;text-align:left;margin-top:4px;color:#6b7067}
.opening{padding:30px 0 38px}
.body-copy{font-size:19px;line-height:1.65;letter-spacing:0}
.body-copy .dropcap:first-letter{float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit}
.margin-label{font-size:10px;line-height:1.6;letter-spacing:.08em;gap:10px;margin-bottom:15px}
.section-rule{padding-top:22px}
.story-layout,.product-grid,.slim-grid,.network-box,.honesty-grid,.faq-layout,.final-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.story-side{display:none}
.story-lead{padding:15px 0 26px}
.paired-photos,.home-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.paired-photos{padding-bottom:30px}
.paired-photos figure:nth-child(2),.home-grid .story-figure:nth-child(2){margin:0}
.home-grid{margin:26px auto 34px}
.story-chapter{padding:24px 0}
.quote{font-size:27px;line-height:1.3;margin-top:28px;padding:0 0 0 20px}
.quote small{font-size:10px;line-height:1.7;margin-top:14px;letter-spacing:.04em}
.relief-photo{margin-top:22px}
.product-reveal{margin-top:38px;padding:32px 0 36px}
.product-still{width:100%;max-width:420px;justify-self:center;min-height:0;aspect-ratio:auto;padding:58px 35px 40px}
.product-still img{width:min(100%,240px);height:auto;max-height:none;transform:none;aspect-ratio:950/759}
.product-tag{font-size:10px;line-height:1.5;top:20px;left:20px;right:20px;letter-spacing:.08em}
.product-still .credit{font-size:10px;left:20px;bottom:14px}
.product-name{font-size:11px;line-height:1.5;margin-bottom:14px}
.product-copy p,.slim-copy p,.how-intro p,.honesty-intro,.faq-title p,.final-grid p,.section-top p{font-size:16px;line-height:1.65;max-width:none}
.product-mini-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0;padding-top:18px}
.product-mini-specs strong{font-size:25px;white-space:nowrap}
.product-mini-specs span{font-size:11px;line-height:1.5;display:block;margin-top:5px}
.button,.product-copy .button,.final-action .button{width:100%;max-width:none;min-height:52px;gap:16px;font-size:14px;line-height:1.4;padding:14px 18px}
.button:after{flex:0 0 auto}
.retailer-note{font-size:12px!important;line-height:1.6;margin-top:12px}
.source-line{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.how-section{padding:40px 0}
.network-box{margin-top:25px;gap:0}
.network-description{padding:22px 18px}
.network-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}
.network-tabs button{min-width:0;min-height:48px;padding:8px 0 12px;font-size:12px;line-height:1.4;white-space:normal;text-align:left}
.network-description h4{font-size:28px;line-height:1.2}
.network-description p{font-size:15px;line-height:1.65}
.network-note{font-size:12px;line-height:1.6}
.network-photo{width:100%;max-width:350px;justify-self:center;min-height:0;aspect-ratio:1396/900;align-self:auto}
.network-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.network-photo span{font-size:10px;left:14px;right:14px}
.steps{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:26px}
.step{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:14px;padding-top:18px}
.step-num{grid-row:1/3;font-size:26px;margin:0}
.step h4{font-size:15px;margin:0 0 8px;line-height:1.5}
.steps .step p{font-size:15px;line-height:1.65}
.slim-section{padding:36px 0}
.slim-grid .story-figure{width:100%;max-width:400px;justify-self:center}
.slim-grid .story-figure img{height:auto;aspect-ratio:1;object-fit:contain}
.measure{padding:18px 0;margin:22px 0;gap:18px}
.measure strong{font-size:54px}
.measure span{font-size:12px;line-height:1.6}
.specs{display:grid;grid-template-columns:minmax(0,1fr);margin-top:28px}
.spec,.spec:nth-child(3n+2),.spec:nth-child(3n+3){display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 20px;padding:20px 0;border-bottom:1px solid var(--line)}
.spec .spec-value{grid-row:1/3;font-size:25px;line-height:1.15;margin:0;overflow-wrap:normal}
.spec h4{font-size:14px;line-height:1.5;margin:0}
.spec p{font-size:13px;line-height:1.6;max-width:none;margin:0}
.use-section{padding:30px 0 40px}
.section-top{display:block;margin-bottom:24px}
.section-top p{margin:16px 0 0}
.use-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.use-card{display:block;width:100%;max-width:none}
.use-card img{width:100%;height:auto;max-height:320px;aspect-ratio:3/2;object-fit:cover;object-position:center}
.use-card img[src*="/product/"]{object-fit:contain;background:#f0ede7}
.use-card h3{font-size:28px;line-height:1.2;margin:16px 0 10px}
.use-card p{font-size:15px;line-height:1.65;max-width:none;margin:0}
.use-card .small-label{font-size:11px;line-height:1.5;margin-top:8px}
.honesty{padding:34px 0}
.honesty-list li{padding:18px 0;grid-template-columns:24px minmax(0,1fr);gap:12px}
.honesty-list h4{font-size:15px;line-height:1.5;margin-bottom:8px}
.honesty-list p{font-size:15px;line-height:1.65}
.faq-section{padding:38px 0}
.faq-layout{gap:20px}
.faq-list summary{min-height:56px;font-size:15px;line-height:1.55;padding:18px 0;gap:16px}
.faq-list details p{font-size:15px;line-height:1.7;padding:0 0 20px}
.final-cta{padding:34px 0 38px}
.final-grid{gap:22px}
.final-action{gap:12px}
.final-action span{font-size:12px;line-height:1.6;max-width:none}
.sticky-buy{display:none}
.footer{padding:34px 0 max(28px,env(safe-area-inset-bottom,0px))}
.footer-main{grid-template-columns:minmax(0,1fr);gap:26px;padding-bottom:25px}
.footer p,.footer address,.footer a:not(.wordmark){font-size:13px;line-height:1.8;max-width:none}
.footer h4{font-size:11px;line-height:1.5;margin-bottom:12px}
.footer address{overflow-wrap:anywhere}
.footer-links{gap:0}
.footer-links a{min-height:44px;display:flex;align-items:center;padding:8px 0}
.footer-bottom{flex-direction:column;gap:12px;font-size:11px;line-height:1.65}
.legal-page{width:calc(100% - 40px);max-width:640px;padding:32px 0 40px}
.legal-page h1{font-size:clamp(30px,7.8vw,42px)}
.legal-page h2{font-size:27px;line-height:1.2;margin-top:28px}
.legal-page p,.legal-page li,.legal-page .contact-details{font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.legal-page .notice{font-size:14px;padding:18px}
.back-link{min-height:44px;font-size:14px;margin-bottom:20px}
@media(min-width:600px){
  .spec{grid-template-columns:155px minmax(0,1fr)}
  .use-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .use-card:last-child{grid-column:1/-1;max-width:400px}
  .use-card img{aspect-ratio:4/3}
}
@media(max-width:360px){
  .wrap,.article-width,.hero,.relief-photo,.legal-page{width:calc(100% - 32px)}
  h1{font-size:30px}
  .header-right nav a{font-size:11px}
  .spec{grid-template-columns:96px minmax(0,1fr);column-gap:16px}
  .spec .spec-value{font-size:23px}
  .product-mini-specs{gap:8px}
  .product-mini-specs strong{font-size:23px}
}