:root{--screen-background:#e9e7e1}

html{background:var(--screen-background,#e9e7e1)}
body{max-width:1440px;margin:24px auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 35px #172a2510;min-height:calc(100vh - 48px)}
.container{width:min(1280px,calc(100% - 80px))}
.reading-layout{grid-template-columns:minmax(0,820px) minmax(180px,230px);justify-content:space-between;gap:40px}
.article,.reading-layout>*{min-width:0}
.product-photo{max-width:340px;padding:20px;background:#fff;border:1px solid var(--line)}
.product-photo img{width:100%;height:260px;object-fit:contain}
.buying-pick:has(>.product-photo){display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);column-gap:28px;align-items:start;margin-bottom:48px}
.buying-pick:has(>.product-photo)>*{grid-column:2;min-width:0}
.buying-pick:has(>.product-photo)>.eyebrow,.buying-pick:has(>.product-photo)>h2{grid-column:1/-1}
.buying-pick:has(>.product-photo)>.product-photo{grid-column:1;grid-row:3/span 12;margin:0;position:sticky;top:24px}
.buying-pick:has(>.product-photo)>.category-ratings{margin-top:8px;padding:14px}
.portrait-photo{max-width:440px;margin-left:auto!important;margin-right:auto!important}
.portrait-photo img{height:auto!important;aspect-ratio:auto!important;object-fit:contain}
.guide-card img,.news-card img{aspect-ratio:1.6;object-fit:cover;width:100%}
@media(max-width:1000px){body{margin:0;border:0;box-shadow:none}.reading-layout{grid-template-columns:1fr}.article-toc{grid-row:1}}
@media(max-width:650px){.container{width:calc(100% - 36px)}.buying-pick:has(>.product-photo){display:block}.buying-pick:has(>.product-photo)>.product-photo{position:static;margin:20px auto 24px;max-width:340px}.product-photo img{height:230px}.portrait-photo{max-width:100%}}
