.article-shell{width:min(780px,calc(100% - 112px));margin-inline:auto}
.article-hero{padding:45px 0 48px;background:linear-gradient(120deg,#f9fbfd 25%,#edf7f5);border-bottom:1px solid var(--line)}
.article-back{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:28px}
.article-back>span{transform:rotate(225deg);font-size:17px}
.article-review{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:34px;padding:11px 14px;border-left:3px solid #06e3d8;background:#e1f3f1;color:#365e64;font-size:12px;line-height:1.6}
.article-hero .eyebrow{margin-bottom:24px}
.article-hero h1{font-size:clamp(46px,5.6vw,76px);line-height:1.08;letter-spacing:-.045em;max-width:770px;text-wrap:balance}
.article-lead{font-size:22px;line-height:1.65;letter-spacing:-.018em;color:#3d5c6c;margin-top:30px}
.article-byline{font-size:13px;color:var(--muted);margin-top:24px}
.article-copy{padding-top:42px;padding-bottom:90px}
.article-copy>p{font-size:18px;line-height:1.85;color:#3f5a6b;margin-bottom:24px}
.article-copy>h2{font-size:clamp(28px,3vw,37px);line-height:1.2;letter-spacing:-.035em;color:var(--navy);margin-top:48px;margin-bottom:23px;text-wrap:balance}
.article-action{margin-top:34px;margin-bottom:30px}
.article-copy>.article-disclosure{font-size:13px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-bottom:0}
.article-figure{width:min(1120px,calc(100vw - 112px));max-width:none;margin:40px 0 45px 50%;transform:translateX(-50%);border-radius:12px;overflow:hidden;border:1px solid var(--line);background:white}
.article-figure picture,.article-figure img{display:block;width:100%;height:auto}
.article-product-label{display:flex;justify-content:space-between;gap:20px;padding:15px 20px;background:var(--navy);color:#c7e4e8;font-size:10px;letter-spacing:.08em;line-height:1.5}
.article-product-label>span:first-child{color:var(--aqua);font-weight:650}
.article-product figcaption{display:flex;align-items:start;justify-content:space-between;gap:30px;padding:20px 24px}
.article-product figcaption p{font-size:13px;line-height:1.7;max-width:750px}
.article-product figcaption a{font-size:11px;line-height:1.7;text-decoration:underline;text-underline-offset:3px;flex-shrink:0}
@media(max-width:700px){.article-shell{width:calc(100% - 48px)}.article-hero{padding:27px 0 34px}.article-back{margin-bottom:22px}.article-review{margin-bottom:27px;font-size:11px}.article-hero .eyebrow{font-size:10px;margin-bottom:19px}.article-hero h1{font-size:clamp(42px,10.5vw,60px)}.article-lead{font-size:19px;line-height:1.65;margin-top:24px}.article-copy{padding-top:30px;padding-bottom:56px}.article-copy>p{font-size:16px;line-height:1.85;margin-bottom:22px}.article-copy>h2{font-size:29px;margin-top:37px;margin-bottom:20px}.article-action .button{max-width:100%;white-space:normal;text-align:left}.article-copy>.article-disclosure{font-size:12px}}
@media(max-width:700px){.article-figure{width:calc(100vw - 48px);margin-top:30px;margin-bottom:34px;border-radius:8px}.article-product-label{display:block;font-size:9px;padding:12px 15px}.article-product-label>span{display:block}.article-product-label>span+span{margin-top:4px}.article-product figcaption{display:block;padding:15px}.article-product figcaption p{font-size:12px}.article-product figcaption a{display:inline-block;margin-top:11px}}
@media print{.article-back,.article-action{display:none}.article-shell{width:100%;max-width:none}.article-hero{padding:0 0 25px;background:white}.article-review{background:white}.article-copy{padding:20px 0}.article-copy>h2{break-after:avoid}.article-copy>p{orphans:3;widows:3}}