
.article-hero{padding:6vw 0 4.5vw;border-bottom:1px solid var(--line)}
.article-hero .breadcrumbs{margin-bottom:34px}.article-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:5vw;align-items:end}.article-hero h1{font-size:clamp(58px,6.4vw,102px);margin:14px 0 24px}.article-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px;color:var(--muted);font-size:12px}.article-side{padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff}.article-side small{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.article-side h2{font-family:"Cormorant Garamond",serif;font-size:34px;font-weight:400;line-height:1;margin:15px 0}.article-side p{color:var(--muted);font-size:13px;line-height:1.65}.toc{margin-top:20px;border-top:1px solid var(--line)}.toc a{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.toc a span{color:var(--gold);min-width:22px}
.article-body{padding:6vw 0}.article-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(240px,1fr);gap:6vw;align-items:start}.article-content{font-size:17px;line-height:1.85}.article-content>p:first-child{font-size:21px;color:var(--muted)}.article-content h2{font-family:"Cormorant Garamond",serif;font-size:clamp(44px,4.8vw,72px);font-weight:400;line-height:.98;letter-spacing:-.04em;margin:64px 0 22px}.article-content h2:first-of-type{margin-top:0}.article-content h3{font-size:21px;margin:30px 0 12px}.article-content p{margin:0 0 20px}.article-content ul,.article-content ol{margin:0 0 24px 22px}.article-content li{margin:8px 0}.article-content strong{color:var(--wine)}.article-callout{margin:34px 0;padding:25px 27px;border-left:3px solid var(--wine);border-radius:0 20px 20px 0;background:var(--paper-2)}.article-callout strong{display:block;font-family:"Cormorant Garamond",serif;font-size:31px;font-weight:400;color:var(--ink);line-height:1.05;margin-bottom:10px}.article-callout p{font-size:14px;color:var(--muted);margin:0}.article-steps{display:grid;gap:10px;margin:24px 0 32px}.article-step{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:19px;border:1px solid var(--line);border-radius:18px;background:#fff}.article-step span{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--wine);color:#fff;font-size:11px;font-weight:700}.article-step h3{margin:1px 0 5px;font-size:16px}.article-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.compare{width:100%;border-collapse:collapse;margin:26px 0 34px;font-size:13px}.compare th,.compare td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.compare th{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}.article-aside{position:sticky;top:calc(var(--nav-h) + 24px);display:grid;gap:12px}.aside-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.aside-card.wine{background:var(--wine);color:#fff;border-color:var(--wine)}.aside-card small{font-size:9px;color:var(--gold);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.aside-card.wine small{color:#E5C98E}.aside-card h3{font-family:"Cormorant Garamond",serif;font-size:29px;font-weight:400;line-height:1;margin:13px 0}.aside-card p{font-size:12px;line-height:1.6;color:var(--muted)}.aside-card.wine p{color:rgba(255,255,255,.76)}.aside-card a{display:inline-flex;margin-top:14px;font-size:12px;font-weight:700;color:var(--wine)}.aside-card.wine a{color:#fff}
@media(max-width:980px){.article-hero__grid,.article-layout{grid-template-columns:1fr}.article-side{max-width:720px}.article-aside{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:650px){.article-hero{padding:42px 0}.article-hero h1{font-size:48px}.article-body{padding:52px 0}.article-content{font-size:16px;line-height:1.75}.article-content>p:first-child{font-size:18px}.article-content h2{font-size:44px;margin-top:50px}.article-aside{grid-template-columns:1fr}.compare{font-size:11px}.compare th,.compare td{padding:11px 8px}.article-step{grid-template-columns:38px 1fr}.article-step span{width:38px;height:38px}}
