/* Maison articles: article pages + /articles/ hub only. Uses the tokens from mid.css. Mobile first (390px). */
.ar-hd{padding:34px 0 0;background:linear-gradient(180deg,var(--bg2) 0,var(--bg) 78%)}
.ar-crumbs{display:flex;gap:8px;font-size:13px;letter-spacing:.06em;color:var(--mute);margin-bottom:22px}
.ar-crumbs a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ar-hd .display{font-size:clamp(36px,9.4vw,72px);line-height:1.04;max-width:13em}
.ar-meta{display:flex;flex-wrap:wrap;gap:6px 10px;margin:18px 0 0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.ar-lead{margin:22px 0 0;font-family:var(--serif);font-size:clamp(21px,5.4vw,27px);line-height:1.42;color:var(--ink)}
.ar-lead::first-letter{float:left;font-size:3.1em;line-height:.86;padding:6px 10px 0 0;color:var(--brass)}
.ar-hero{margin-top:30px;padding:0}
.ar-hero img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.ar-hero figcaption{font-size:13px;color:var(--mute);padding:8px 16px 0}
.ar-body{position:relative;padding:8px 0 56px;background:var(--bg)}
.ar-body::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
 background-image:repeating-linear-gradient(90deg,transparent 0 47px,rgba(168,134,79,.08) 47px 48px)}
.ar-grid{position:relative;display:block}
.ar-toc{margin:30px 0 0;padding:18px 18px 8px;background:#fff;border:1px solid var(--line)}
.ar-toc ol{margin:8px 0 0;padding:0;list-style:none;counter-reset:t}
.ar-toc li{counter-increment:t;border-top:1px solid var(--line)}
.ar-toc a{display:flex;gap:12px;min-height:44px;align-items:center;padding:8px 0;color:var(--ink2);font-size:15px;line-height:1.35}
.ar-toc a::before{content:counter(t,decimal-leading-zero);font-family:var(--serif);color:var(--brass);font-size:18px}
.ar-main{min-width:0}
.ar-sec{margin-top:48px}
.ar-sec .display{font-size:clamp(28px,7vw,40px);line-height:1.12;margin-bottom:16px;display:flex;gap:14px;align-items:baseline}
.ar-n{font-size:.62em;color:var(--brass);flex:none;font-style:normal}
.ar-main p{font-size:17px;line-height:1.7}
.ar-steps{list-style:none;margin:8px 0 18px;padding:0}
.ar-steps li{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.ar-steps li:last-child{border-bottom:1px solid var(--line)}
.ar-steps .sn{font-family:var(--serif);font-size:26px;color:var(--brass);line-height:1;flex:none;width:34px}
.ar-steps h3{font-family:var(--sans);font-size:16px;font-weight:500;letter-spacing:.02em;margin:0 0 4px}
.ar-steps p{margin:0;font-size:16px}
.ar-rel{margin:52px 0 0;padding:22px 20px;background:var(--dark);color:#efe6d8}
.ar-rel .eyebrow{color:var(--brass2)}
.ar-rel ul{margin:10px 0 0;padding:0;list-style:none}
.ar-rel li{border-top:1px solid rgba(239,230,216,.18)}
.ar-rel a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;color:#efe6d8;font-size:16px}
.ar-rel a::after{content:"→";color:var(--brass2)}
.ar-more{background:var(--bg2)}
.ar-list-s{margin:10px 0 18px;padding:0;list-style:none}
.ar-list-s li{border-top:1px solid var(--line)}
.ar-list-s a{display:block;padding:14px 0;color:var(--ink);font-family:var(--serif);font-size:22px;line-height:1.25}
.ar-list-s span{display:block;font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
/* hub */
.ah-hd{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.ah{background:var(--bg)}
.ah-list{margin:0;padding:0;list-style:none}
.ah-i{border-top:1px solid var(--line)}
.ah-i:last-child{border-bottom:1px solid var(--line)}
.ah-i a{display:flex;gap:16px;padding:26px 0;color:var(--ink)}
.ah-n{font-family:var(--serif);font-size:44px;line-height:.9;color:var(--brass);flex:none;width:52px}
.ah-t{display:block;min-width:0}
.ah-m{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.ah-i h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,6.6vw,38px);line-height:1.12;margin:8px 0 10px}
.ah-d{display:block;color:var(--ink2);font-size:16px;line-height:1.6}
.ah-i .more{display:inline-block;margin-top:12px}
.ah-also{margin-top:28px;color:var(--ink2)}
.ah-also a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media(min-width:900px){
 .ar-hd{padding-top:110px}
 .ar-hero{max-width:1040px}
 .ar-grid{display:grid;grid-template-columns:240px minmax(0,680px);gap:64px;justify-content:center}
 .ar-toc{position:sticky;top:100px;align-self:start;margin-top:56px;background:transparent;border:0;padding:0}
 .ar-sec{margin-top:56px}
 .ah-i a{gap:34px;padding:34px 0}
 .ah-n{font-size:64px;width:80px}
 .ah-i a:hover h2{color:var(--brass)}
}