.header-shop{font-size:12px;color:var(--wine);font-weight:600;text-decoration:none;white-space:nowrap}
.header-shop:hover{text-decoration:underline}
@media(max-width:700px){.header-shop{display:none}}
[hidden]{display:none!important}
.publisher-disclosure{font-size:12px;color:var(--muted);padding:12px 0}
.library-nav{max-width:none;gap:12px;margin-bottom:24px}
.library-nav a{padding:10px 16px;border:1px solid var(--line);border-radius:24px;text-decoration:none;color:var(--ink)}
.guide-search{display:block;font-size:14px;margin-bottom:28px}
.guide-search input{display:block;width:100%;max-width:560px;min-height:48px;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--white);font:inherit;color:var(--ink)}
.guide-search input:focus-visible{outline:3px solid var(--wine);outline-offset:3px}
.article-toc{display:grid;gap:12px;padding:24px;margin:24px 0;border:1px solid var(--line);max-width:800px;font-size:15px}
.guide-chapters{max-width:800px;margin:32px auto}
.guide-chapters section{padding:24px 0;scroll-margin-top:24px}
.guide-chapters h2{font-size:30px;margin-bottom:16px}
.guide-chapters p{line-height:1.8}

/* 2026 editorial refresh: readable cards, distinct photography, compact mobile flow. */
:root{--paper:#f7f5f1;--white:#fff;--ink:#282526;--wine:#543343;--muted:#655f60;--line:#e4ded9}
main,header,footer{width:min(1320px,calc(100% - 72px))}
header{min-height:88px}
.hero,.home-hero{padding:38px 0 58px;gap:clamp(28px,5vw,80px)}
.hero-copy{max-width:620px}
.hero .eyebrow{margin-bottom:18px}
.hero .lead{max-width:550px;font-size:17px;line-height:1.65}
.hero-visual>img{aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.hero-visual figcaption{inset-inline-start:16px;bottom:4px;min-width:150px;padding:12px 16px;border-radius:5px;box-shadow:0 10px 25px #28252612}
.hero-visual figcaption strong{font-size:27px}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--wine);font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-block:9px}
.text-link:hover{text-decoration:none;color:#35202a}
.edit{padding-block:70px 90px}
.topic-group+.topic-group{margin-top:70px}
.topic-group>h3{font-size:clamp(24px,2.4vw,32px);margin-bottom:24px;padding-bottom:18px}
.topic-group .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
.topic-group .edit-card:first-child{grid-column:span 2}
.cards .edit-card{display:flex;flex-direction:column}
.card-art{height:auto;aspect-ratio:4/3;border-radius:10px;background:#e9e5e0}
.topic-group .edit-card:first-child .card-art{aspect-ratio:1.9}
.card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.edit-card:hover .card-art img{transform:scale(1.035)}
.card-index{position:absolute;inset-block-start:12px;inset-inline-start:12px;padding:6px 9px;background:#fffffff0;color:var(--ink);border-radius:4px;font-size:10px;letter-spacing:.08em}
.card-copy{padding:16px 4px 0;display:grid;grid-template-columns:1fr auto;align-content:start;gap:7px 8px}
.card-kicker{grid-column:1/-1;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--wine);font-weight:700}
.card-copy h3{font-family:var(--serif);font-size:clamp(20px,1.8vw,26px);line-height:1.2;letter-spacing:-.025em}
.card-copy p{grid-column:1/-1;color:var(--muted);font-size:13px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.card-copy>.arrow{position:static;align-self:center;font-size:20px}
.history-feature{display:grid;grid-template-columns:1fr 1.05fr;align-items:stretch;gap:0;margin-top:56px;background:#e7e4df;border-radius:12px;overflow:hidden}
.history-feature-copy{padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}
.history-feature h2{font-size:clamp(32px,3.4vw,50px)}
.history-feature p:not(.eyebrow){max-width:470px;color:var(--muted);line-height:1.7}
.history-feature img{width:100%;height:100%;min-height:340px;object-fit:cover}
.history-main{max-width:1100px}
.history-hero{padding:54px 0 40px}
.history-hero h1{max-width:940px}
.history-hero .lead{max-width:790px}
.history-hero figure{margin-top:30px}
.history-hero img{width:100%;height:auto;aspect-ratio:2.1;object-fit:cover;border-radius:12px}
.history-hero figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.history-toc{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 42px}
.history-toc a{padding:10px 16px;border:1px solid var(--line);border-radius:100px;text-decoration:none;font-size:13px;background:var(--white)}
.history-toc a:hover{border-color:var(--wine)}
.history-section{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:45px;border-top:1px solid var(--line);padding:48px 0;scroll-margin-top:25px}
.history-section h2{margin:0 0 20px}
.history-section p{max-width:690px;line-height:1.8;margin:0 0 16px;color:var(--muted)}
.history-section figure{align-self:start}
.history-section img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.history-section figcaption{font-size:11px;color:var(--muted);margin-top:7px}
.history-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:40px;background:#e8ddd8;border-radius:10px;margin:35px 0 50px}
.history-cta p{max-width:650px;color:var(--muted);line-height:1.6;margin-top:10px}
.history-cta .button{flex-shrink:0}
.history-sources{border-top:1px solid var(--line);padding:30px 0 65px;font-size:13px}
.history-sources ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 28px;padding-inline-start:20px}
@media(max-width:1050px){.topic-group .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-group .edit-card:first-child{grid-column:span 2}.history-section{grid-template-columns:minmax(0,1fr) 260px;gap:24px}}
@media(max-width:700px){main,header,footer{width:calc(100% - 36px)}header{min-height:74px}.hero,.home-hero{padding:22px 0 34px;gap:22px}.hero .lead{font-size:15px}.hero-actions{display:grid;gap:12px}.hero-actions .button{width:100%}.hero-visual>img{aspect-ratio:1.12;border-radius:8px}.hero-visual figcaption{inset-inline-start:10px;min-width:125px;padding:10px 12px}.hero-visual figcaption strong{font-size:23px}.edit{padding:45px 0 65px}.topic-group+.topic-group{margin-top:50px}.topic-group .cards,.cards,.cards:has(>.edit-card:nth-child(3):last-child){grid-template-columns:1fr;gap:27px}.topic-group .edit-card:first-child{grid-column:auto}.card-art,.topic-group .edit-card:first-child .card-art{aspect-ratio:1.65}.card-copy h3{font-size:23px}.card-copy p{font-size:13px}.history-feature{grid-template-columns:1fr;margin-top:32px}.history-feature-copy{padding:26px}.history-feature img{min-height:0;aspect-ratio:1.6}.history-hero{padding:28px 0}.history-hero img{aspect-ratio:1.25}.history-toc{margin-bottom:25px}.history-section{grid-template-columns:1fr;gap:15px;padding:34px 0}.history-section figure{max-width:540px}.history-cta{display:block;padding:26px}.history-cta .button{width:100%;margin-top:20px}.history-sources ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.card-art img{transition:none}}
.comparison-crosslink{margin:48px 0;padding:28px;border:1px solid #dedbd5;background:#faf9f6}.comparison-crosslink h2{max-width:650px}.comparison-crosslink p:not(.eyebrow){max-width:70ch}.comparison-crosslink a{font-weight:700;text-underline-offset:.2em}
