/* Guides: large photography leading to a comfortable reading column. */
.guide-list{width:100%;max-width:var(--page-width);margin-inline:auto;padding:var(--section-gap) var(--page-gutter) 0;display:grid;gap:clamp(4rem,9vw,8rem)}
.guide-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.5rem,5vw,5rem);align-items:center}
.guide-list>.guide-row:nth-child(even){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.guide-list>.guide-row:nth-child(even) .guide-photo{order:2}
.guide-photo{display:block;overflow:hidden;aspect-ratio:3/2;border-radius:var(--radius-panel);background:var(--color-soft)}
.guide-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 80%;transition:transform 1.4s var(--ease-out)}
.guide-row:hover .guide-photo img{transform:scale(1.04)}
.guide-category{display:block;margin-bottom:var(--space-3);font-size:var(--text-small);font-weight:500;color:var(--color-accent)}
.guide-row h2{margin:0 0 var(--space-3);font-size:clamp(1.75rem,3.6vw,3rem);font-weight:600;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}
.guide-row p{max-width:38ch;margin:0;color:var(--muted)}
.row-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:var(--space-5);border-radius:50%;background:var(--color-soft);transition:transform var(--duration-normal) var(--ease-spring),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}
.guide-row:hover .row-arrow{transform:translate(3px,-3px) scale(1.06);background:var(--color-accent);color:var(--color-inverse)}
.guide-cta{width:100%;max-width:var(--page-width);margin:var(--section-gap) auto 0;padding:0 var(--page-gutter) var(--section-gap);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--space-5)}
.back-link{display:inline-block;margin-bottom:var(--space-4);font-size:var(--text-small);text-decoration:underline;text-underline-offset:4px}
.article-date{display:block;margin-top:var(--space-4);font-size:var(--text-small);color:var(--muted)}
.page-hero-copy .ui-lead{max-width:42ch}
.guide-article-title{font-size:clamp(2.5rem,6.4vw,5.5rem)}
.article-layout{width:100%;max-width:var(--page-width);margin-inline:auto;padding:var(--section-gap) var(--page-gutter) 0;display:grid;grid-template-columns:minmax(0,14rem) minmax(0,var(--reading-width));justify-content:space-between;gap:clamp(2rem,6vw,6rem)}
.article-toc{position:sticky;top:calc(var(--header-height) + var(--space-5));align-self:start;display:grid;gap:var(--space-3);font-size:var(--text-small);color:var(--muted)}
.article-toc a{transition:color var(--duration-fast) var(--ease-out)}
.article-toc a:hover{color:var(--ink)}
.article-body section{margin-bottom:var(--space-8)}
.article-body h2{margin:0 0 var(--space-4);font-size:clamp(1.625rem,3vw,2.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}
.article-body p{margin:0 0 var(--space-4);font-size:1.1875rem;line-height:1.65}
.inline-source{font-size:var(--text-small);color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.guide-formula{margin:var(--space-6) 0;padding:var(--space-5) var(--space-6);border-radius:var(--radius-control);background:var(--color-soft);font-size:var(--text-body);font-weight:500}
.takeaway{margin-bottom:var(--space-8);padding:clamp(1.75rem,4vw,3rem);border-radius:var(--radius-panel);background:var(--color-night);color:var(--color-inverse)}
.takeaway h2{margin-bottom:var(--space-3);font-size:var(--text-small);font-weight:500;letter-spacing:0;color:var(--color-accent-bright)}
.takeaway p{margin:0;font-size:var(--text-lead);line-height:1.35;letter-spacing:-.015em}
.article-sources h2{font-size:var(--text-lead);letter-spacing:-.02em}
.article-sources p,.article-sources li{font-size:var(--text-small);color:var(--muted)}
.article-sources ul{margin:0;padding-left:1.1rem}
.article-sources li+li{margin-top:var(--space-2)}
.article-sources a{text-decoration:underline;text-underline-offset:3px}
.related{width:100%;max-width:var(--page-width);margin:var(--section-gap) auto;padding:0 var(--page-gutter)}
.related>h2{margin:0 0 var(--space-6);font-size:var(--text-section);font-weight:600;letter-spacing:-.035em}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.related-grid .guide-row{display:block}
.related-grid .guide-photo{margin-bottom:var(--space-5)}
.related-grid .guide-row h2{font-size:clamp(1.375rem,2.4vw,2rem)}
@media(max-width:820px){
.guide-row,.guide-list>.guide-row:nth-child(even){grid-template-columns:minmax(0,1fr)}
.guide-list>.guide-row:nth-child(even) .guide-photo{order:0}
.article-layout{grid-template-columns:minmax(0,1fr)}
.article-toc{position:static;padding-bottom:var(--space-5);border-bottom:1px solid var(--line)}
.article-body p{font-size:var(--text-body)}
.related-grid{grid-template-columns:minmax(0,1fr)}
}