/* Content pages only. The home hero, navigation and product grid retain their styles. */
.stories-intro{padding-block:20px 0}.stories-intro .eyebrow{margin-bottom:12px}.stories-intro h1{font-size:clamp(34px,3.4vw,48px);max-width:850px}.stories-intro>p{max-width:760px;margin-top:14px}.stories-intro .editorial-meta{margin-top:12px!important}
.stories-page{padding-block:18px 45px}.stories-scope{padding:13px 18px;border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 5px 5px 0;font-size:12px;line-height:1.7}.stories-scope p{max-width:1100px;margin-top:4px;color:#5e6066}
.story-topics{display:flex;flex-wrap:wrap;gap:10px;margin-block:20px 24px}.story-topics a{padding:9px 13px;border:1px solid var(--line);border-radius:22px;font-size:11px;background:#fff}.story-topics a span{color:var(--muted);margin-inline:7px}
.story-directory{scroll-margin-top:0}.stories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.community-story{display:flex;flex-direction:column;position:relative;min-width:0;background:#fff;border:1px solid var(--line);border-radius:5px;overflow:clip;scroll-margin-top:0}.community-story:not(:has(>.story-card-body>.story-details[open])){align-self:stretch}.story-anchor{position:absolute;top:0;left:0;scroll-margin-top:0}
.stories-grid:has(.story-details[open])>.community-story{align-self:start}
.story-photo{margin:0;border-bottom:1px solid var(--line)}.story-photo img{width:100%;height:150px;object-fit:cover;object-position:center 45%}.story-photo figcaption{font-size:9px;line-height:1.6;color:var(--muted);padding:6px 15px;background:#fafafa}.story-card-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:18px}.story-card-body>.eyebrow{font-size:8px;line-height:1.7;color:var(--brand-strong)}.community-story h3{font-size:19px;line-height:1.4;letter-spacing:-.035em;margin-top:10px}.community-story p{font-size:12px;line-height:1.8}.community-story .story-meta{font-size:10px;color:var(--muted);margin-top:10px}.story-kind{align-self:start;background:var(--brand-soft);color:var(--brand-strong);font-size:9px;line-height:1.6;padding:4px 7px;border-radius:4px;margin-top:12px}.community-story .story-preview{font-size:12px;color:#5e6066;margin-block:12px 17px}.story-glance{font-size:11px;line-height:1.8;color:var(--muted);padding-left:15px;margin:0 0 20px}.story-glance li{margin-bottom:8px}.story-glance li::marker{color:var(--brand-strong)}
.story-details{margin-top:auto;border-top:1px solid var(--line);padding-block:12px}.story-details>summary{font-size:11px;line-height:1.8;cursor:pointer;color:var(--ink)}.story-details>summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.story-expanded{padding-top:14px}.story-expanded h4{font-size:12px;line-height:1.7;margin:0}.community-story .story-status{font-size:10px;color:var(--brand-strong);margin-bottom:10px}.story-summary{color:#5e6066}.story-points{margin-top:17px}.story-points ul{padding-left:17px;margin:9px 0 0;font-size:11px;line-height:1.8;color:#5e6066}.story-points li{margin-block:7px}.community-story .story-limit{font-size:11px;color:var(--muted);padding-top:14px;border-top:1px solid var(--line);margin-top:17px}.story-facts{font-size:11px;line-height:1.7;margin-block:15px 0;border-block:1px solid var(--line);padding-block:10px}.story-facts>div{padding-block:5px}.story-facts dt{color:var(--muted)}.story-facts dd{margin:3px 0 0;font-weight:600}
.story-lesson{background:var(--brand-soft);border-radius:4px;padding:13px;margin-block:16px}.story-lesson p{margin-top:7px}.story-lesson nav{display:grid;gap:10px;margin-top:12px}.story-lesson a,.story-original{font-size:11px;line-height:1.8;color:var(--brand-strong);text-decoration:underline;text-underline-offset:3px}.story-original{display:block;border-top:1px solid var(--line);padding-top:12px}.community-story .story-attribution,.community-story .story-original-title{font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-top:12px}
.story-method{border-top:1px solid var(--line);padding-top:25px;margin-top:30px;scroll-margin-top:0}.story-method>.eyebrow{color:var(--brand-strong)}.story-method h2{font-size:25px;margin-top:10px}.story-method>div{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;margin-top:20px}.story-method p,.stories-next p{font-size:12px;line-height:1.8;color:var(--muted)}.stories-next{padding:22px;background:var(--brand-soft);border-radius:5px;margin-top:26px}.stories-next h2{font-size:26px;margin-top:10px}.stories-next p{margin-block:10px 14px}.stories-next>a{display:inline-block;font-size:11px;color:var(--brand-strong);text-decoration:underline;text-underline-offset:3px;margin:8px 22px 0 0}
@media(max-width:1199px){.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-photo img{height:145px}}
@media(max-width:600px){.stories-intro h1{font-size:34px}.stories-page{padding-top:12px}.stories-grid{grid-template-columns:1fr;gap:16px}.story-card-body{padding:17px}.story-photo img{height:140px}.community-story h3{font-size:20px}.story-topics{gap:8px;margin-block:18px 20px}.story-topics a{font-size:10px;padding:9px 11px}.story-method>div{grid-template-columns:1fr;gap:14px}.story-method h2,.stories-next h2{font-size:24px}}

.journal-intro{padding-block:22px 0}.journal-intro .eyebrow{margin-bottom:12px}
.journal-intro h1{font-size:clamp(36px,3.6vw,50px);max-width:1000px}
.journal-intro>p{max-width:740px;margin-top:14px}
.journal-intro .editorial-meta{margin-top:12px!important}
.journal-intro+.journal-index{padding-top:20px}
.journal-index .journal-topics{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.journal-topics a{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;background:#fff;border:1px solid var(--line);border-radius:24px;font-size:12px;line-height:1.4}
.journal-topics a span{font-size:10px;color:var(--muted)}
.journal-topics a[aria-current="page"]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-strong)}
.journal-search{display:flex;align-items:center;gap:16px;padding:9px 0;border-block:1px solid var(--line)}
.journal-search input{min-width:0;flex:1;border:0;background:transparent;padding:10px 0;font-size:13px;color:var(--ink)}
.journal-search button{border:0;background:transparent;padding:10px 8px;font-size:12px;white-space:nowrap}.journal-search [data-journal-reset]{color:var(--muted);text-decoration:underline}
.journal-results{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-block:20px;font-size:12px;color:var(--muted)}.journal-results a{font-size:11px;text-decoration:underline;text-underline-offset:3px}
.journal-index .journal-card[hidden],.journal-empty[hidden],.journal-more button[hidden]{display:none}
.journal-empty{text-align:center;padding:45px 20px;background:#fff;border:1px solid var(--line);border-radius:5px}.journal-empty h2{font-size:25px}.journal-empty p{font-size:13px;color:var(--muted);margin-block:15px 20px}
.journal-more{text-align:center;margin-top:30px}.journal-more:has(button[hidden]){margin-top:0}
.journal-index #articles{scroll-margin-top:0}
@media(max-width:560px){.journal-topics a{font-size:11px;padding:10px 12px}.journal-index .journal-topics{gap:8px}.journal-search{gap:7px}.journal-search input{font-size:12px}.journal-search button{font-size:11px;padding-inline:6px}.journal-results{display:block;line-height:1.8}.journal-results>a{display:inline-block;margin-top:6px}.journal-intro h1{font-size:38px}}
.journal-index .guide-grid{align-items:stretch}
.journal-index .journal-card{display:flex;flex-direction:column;align-self:stretch;min-width:0}
.journal-index .journal-card--text{padding-top:24px}
.journal-index .journal-card>img{height:176px;margin-bottom:20px}
.journal-index .journal-card h2{font-size:21px;line-height:1.4;margin-bottom:12px}
.journal-index .journal-card>p{max-width:none;margin-bottom:18px;line-height:1.75}
.journal-index .journal-card>.guide-bottom{margin-top:auto;padding-top:17px;border-top:1px solid var(--line)}
.journal-takeaways{margin:0 23px 20px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;line-height:1.75}
.journal-takeaways>span{font-weight:600}.journal-takeaways ul{padding-left:17px;margin:12px 0 0;color:var(--muted)}.journal-takeaways li{margin-block:7px}.journal-takeaways li::marker{color:var(--brand-strong)}
.article-content .quick-answer .article-next{font-size:12px;margin-top:16px;padding-top:14px;border-top:1px solid #e7ccb6;line-height:1.8}
.article-content .article-action{background:var(--brand-soft);border:1px solid #e7ccb6;border-radius:5px;padding:24px;margin-block:20px 28px}.article-content .article-action .button{margin-top:20px;color:var(--brand-strong);text-decoration:none;text-align:center;max-width:100%;gap:16px}.article-action .button>span:first-child{min-width:0}.article-action .button>span:last-child{flex-shrink:0}
@media(max-width:560px){.journal-index .journal-card h2{font-size:21px}.journal-takeaways{margin-inline:22px}.article-content .article-action{padding:20px}}
.product-discussions>article{padding-block:27px;border-top:1px solid var(--line);scroll-margin-top:0}
.product-discussions>article:first-child{margin-top:25px}
.product-discussions .eyebrow{color:var(--brand-strong);line-height:1.8;margin-bottom:10px}
.product-discussions h3{font-size:22px;line-height:1.45;font-weight:600;letter-spacing:-.03em}
.product-discussions .discussion-product-link{display:inline-block;font-size:12px;margin-top:15px}
@media(max-width:560px){.product-discussions h3{font-size:20px}.product-discussions>article{padding-block:23px}}
.editorial-meta{font-size:11px!important;color:var(--muted);margin-top:19px!important;letter-spacing:.02em}
.quick-answer{background:var(--brand-soft);border-left:3px solid var(--brand);padding:24px 27px;margin-bottom:30px;border-radius:0 5px 5px 0}
.quick-answer>.eyebrow{color:var(--brand-strong)}.article-content .quick-answer p{margin-top:10px;color:var(--ink);font-size:15px;line-height:1.85}
.article-content a:not(.button),.collection-context a,.faq-groups a{color:var(--brand-strong);text-decoration:underline;text-underline-offset:3px}
.editorial-list{margin:20px 0 0;padding-left:22px;color:#5e6066;font-size:14px;line-height:1.85}.editorial-list li{padding-left:4px;margin-bottom:12px}.editorial-list li::marker{color:var(--brand-strong)}
.common-mistake{margin-top:25px;border:1px solid var(--line);padding:20px;border-radius:var(--radius)}.common-mistake h3{font-size:16px}.article-content .common-mistake p{margin-top:8px;font-size:13px}
.guide-figure{margin:25px 0}.guide-figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius)}.guide-figure figcaption,.measurement-figure figcaption{font-size:11px;line-height:1.75;color:var(--muted);margin-top:11px}
.photo-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}.photo-types>div{background:#fff;border:1px solid var(--line);padding:20px 16px;border-radius:5px}.photo-types .eyebrow{font-size:8px;color:var(--brand-strong)}.photo-types h3{font-size:16px;margin-top:18px}.article-content .photo-types p{font-size:12px;line-height:1.8;margin-top:9px}
.editorial-table-wrap{overflow-x:auto;margin-top:25px;border:1px solid var(--line);border-radius:5px}.editorial-table{border-collapse:collapse;width:100%;min-width:320px;font-size:12px;line-height:1.8;text-align:left;background:#fff}.editorial-table caption{text-align:left;font-weight:600;padding:16px 18px;background:var(--brand-soft);color:var(--ink)}.editorial-table td,.editorial-table th{padding:13px 18px;border-top:1px solid var(--line);vertical-align:top}.editorial-table th{font-weight:600;color:var(--ink)}.editorial-table td{color:#5e6066}.editorial-table thead{background:#fafafa}.editorial-table tbody th{width:32%}
.related-reading{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding-block:25px;margin-top:22px}.related-reading>.eyebrow{flex-basis:100%;margin-bottom:3px;color:var(--muted)}.related-reading a{font-size:12px;line-height:1.7;color:var(--brand-strong);text-decoration:underline;text-underline-offset:3px}
.measurement-figure{margin:25px 0}.measurement-figure svg{width:100%;height:auto;background:#fff;border:1px solid var(--line);border-radius:5px}
.collection-context{padding-block:48px 65px;max-width:1100px}.collection-context>.eyebrow{color:var(--muted);margin-bottom:18px}.collection-context h2{font-size:30px;max-width:680px}.collection-context>p{font-size:14px;max-width:740px;color:var(--muted);margin-top:17px}.context-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:28px}.context-columns h3{font-size:16px}.context-columns p{font-size:13px;color:var(--muted);margin-top:10px}.collection-faq{margin-top:32px;max-width:800px}.collection-faq>h3{font-size:19px;margin-bottom:15px}.collection-faq details{border-top:1px solid var(--line);padding-block:16px}.collection-faq summary{font-size:13px;cursor:pointer;line-height:1.7}.collection-faq p{font-size:13px;line-height:1.85;margin-top:12px;color:var(--muted)}
.faq-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px;padding-top:42px;padding-bottom:20px}.faq-topics{position:sticky;top:var(--nav-offset,116px);align-self:start;display:grid;gap:0}.faq-topics a{display:flex;gap:12px;border-top:1px solid var(--line);padding-block:17px;font-size:12px;line-height:1.7}.faq-topics a span{font-size:10px;color:var(--brand-strong)}.faq-groups>section{margin-bottom:54px;scroll-margin-top:0px}.faq-groups>section>.eyebrow{color:var(--brand-strong);margin-bottom:12px}.faq-groups h2{font-size:28px;max-width:620px;margin-bottom:26px;line-height:1.35}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;position:relative;list-style:none;font-size:15px;line-height:1.7;padding:20px 35px 20px 0;font-weight:550}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:4px;top:18px;font-size:22px;font-weight:400;color:var(--brand-strong)}.faq-item[open] summary:after{content:'−'}.faq-item summary:focus-visible,.collection-faq summary:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.faq-item>div{padding:0 28px 23px 0;max-width:720px}.faq-item p{font-size:14px;color:#5e6066;line-height:1.85}.faq-item a{display:inline-block;margin-top:13px;font-size:12px}.faq-next{padding-bottom:45px}
.journal-index{padding-block:38px 65px}.journal-card{padding:0 0 24px;overflow:hidden}.journal-card>img{height:210px;width:100%;object-fit:contain;background:#f0f1f3;margin-bottom:24px}.journal-card>.guide-meta,.journal-card>h2,.journal-card>p,.journal-card>.guide-bottom{margin-inline:23px}.journal-card h2{font-size:23px;letter-spacing:-.035em;line-height:1.45;margin-bottom:14px}.journal-card>p{font-size:12px}.journal-card>.guide-meta{margin-bottom:16px}.journal-card>.guide-bottom{gap:15px}
.editorial-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.editorial-picks article{background:#fff;border:1px solid var(--line);border-radius:5px;padding:17px;min-width:0}.editorial-picks img{height:160px;width:100%;object-fit:contain;margin-bottom:18px}.editorial-picks .eyebrow{font-size:8px;color:var(--muted)}.editorial-picks h3{font-size:14px;line-height:1.6;margin-top:8px}.article-content .editorial-picks p{font-size:12px;margin-top:10px}.editorial-picks a{display:block;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:11px}.article-content .reference-note{font-size:11px;line-height:1.8;color:var(--muted)}.related-edits{display:grid;gap:14px;margin-top:20px}.related-edits a{font-size:14px;line-height:1.8}
@media(min-width:801px){.guides-page .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-page .guide-card{min-height:240px}}
@media(max-width:1000px){.faq-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.journal-card h2{font-size:20px}.journal-card>.guide-meta{font-size:7px;letter-spacing:.04em}}
@media(max-width:800px){.faq-layout{display:block;padding-top:30px}.faq-topics{position:static;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:35px}.faq-groups h2{font-size:26px}.journal-index .guide-grid{grid-template-columns:1fr}.journal-card>img{height:230px}.photo-types{grid-template-columns:1fr}.photo-types>div{padding:19px}.photo-types h3{margin-top:10px}.context-columns{gap:22px}}
@media(max-width:560px){.faq-topics{gap:0 16px}.faq-topics a{font-size:11px;gap:7px}.faq-item summary{font-size:14px}.faq-item p{font-size:13px}.faq-groups>section{margin-bottom:38px}.faq-groups h2{font-size:24px}.quick-answer{padding:20px}.article-content .quick-answer p{font-size:14px}.editorial-list{font-size:13px}.editorial-table td,.editorial-table th{padding:12px}.editorial-table{font-size:11px}.collection-context{padding-block:35px 45px}.collection-context h2{font-size:26px}.context-columns{grid-template-columns:1fr}.collection-context>p{font-size:13px}.editorial-picks{gap:12px}.editorial-picks article{padding:12px}.editorial-picks img{height:125px}.editorial-picks h3{font-size:12px}.article-content .editorial-picks p{font-size:11px}.editorial-picks a{font-size:10px}.journal-card h2{font-size:23px}.journal-card>.guide-meta{font-size:8px}}
