:root{--ink:#342c28;--muted:#74675f;--sand:#f4ece4;--gold:#b28b62;--deep:#132326}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fbf8f4;color:var(--ink);font-family:Montserrat,Arial,sans-serif}
.article-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:98px;padding:12px max(24px,calc((100% - 1180px)/2));border-bottom:1px solid rgba(85,62,48,.1);background:#fffaf5}
.article-brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}
.article-brand img{width:68px;height:68px;border-radius:13px;object-fit:cover;box-shadow:0 7px 18px rgba(47,32,25,.14)}
.article-brand span{display:flex;flex-direction:column}
.article-brand strong{font:600 1.65rem/1 "EB Garamond",serif}
.article-brand small{margin-top:6px;color:#9b795a;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}
.article-header nav{display:flex;align-items:center;gap:5px}
.article-header nav a{padding:10px 12px;color:#50433b;font-size:.78rem;font-weight:600;text-decoration:none}
.article-header nav .book{margin-left:10px;padding:12px 18px;border-radius:999px;background:#aa845f;color:white}
.article-language-menu{position:relative;flex:0 0 auto}
.article-language-menu summary{padding:9px 11px;border:1px solid rgba(85,62,48,.18);border-radius:999px;color:#5b493e;cursor:pointer;font-size:.65rem;font-weight:600;letter-spacing:.05em;list-style:none;text-transform:uppercase}
.article-language-menu summary::-webkit-details-marker{display:none}
.article-language-menu summary::after{margin-left:6px;content:"▾"}.article-language-menu[open] summary::after{content:"▴"}
.article-language-menu>div{position:absolute;z-index:20;top:calc(100% + 10px);right:0;display:grid;grid-template-columns:repeat(2,minmax(105px,1fr));width:250px;padding:10px;border:1px solid rgba(85,62,48,.14);border-radius:14px;background:#fffaf5;box-shadow:0 16px 42px rgba(50,37,30,.16)}
.article-language-menu a{padding:8px 9px;border-radius:8px;color:#6f5c50;font-size:.7rem;text-decoration:none}.article-language-menu a:hover,.article-language-menu a[aria-current="page"]{color:#fff;background:#aa845f}
html[dir="rtl"] .article-language-menu>div{right:auto;left:0}
.article-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:stretch;max-width:1240px;margin:52px auto 0;overflow:hidden;border-radius:28px;background:var(--deep);color:white;box-shadow:0 26px 70px rgba(34,28,24,.13)}
.article-hero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,82px)}
.article-hero img{width:100%;height:100%;min-height:540px;object-fit:cover}
.eyebrow{margin:0 0 18px;color:#d1b28c;font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
.article-hero h1{max-width:700px;margin:0;font:600 clamp(2.7rem,5vw,5rem)/.96 "EB Garamond",serif}
.lead{max-width:680px;margin:28px 0 0;color:rgba(255,255,255,.79);font-size:.94rem;line-height:1.85}
.article-body{display:grid;grid-template-columns:310px 1fr;gap:clamp(40px,8vw,110px);max-width:1050px;margin:90px auto;padding:0 24px}
.article-body aside{align-self:start;position:sticky;top:24px;padding:30px;border:1px solid rgba(111,83,63,.13);border-radius:20px;background:var(--sand)}
.article-body h2{margin:0 0 17px;font:600 2rem/1.08 "EB Garamond",serif}
.article-body aside h2{font-size:1.5rem}
.article-body aside ul{display:grid;gap:12px;margin:0 0 26px;padding:0;list-style:none}
.article-body aside li{position:relative;padding-left:18px;color:#5f534b;font-size:.76rem;line-height:1.5}
.article-body aside li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.article-body aside a{display:block;padding:13px 16px;border-radius:10px;background:var(--deep);color:white;font-size:.7rem;font-weight:600;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}
.article-copy{display:grid;gap:50px}
.article-copy p{margin:0;color:var(--muted);font:400 1rem/1.9 Montserrat,sans-serif}
.article-related{display:flex;justify-content:space-between;max-width:1050px;margin:0 auto 90px;padding:28px 24px;border-top:1px solid rgba(96,70,55,.14)}
.article-related a{color:#8c684b;font-size:.75rem;font-weight:600;text-decoration:none}
.article-languages{grid-column:1/-1;padding-top:18px;border-top:1px solid rgba(96,70,55,.1)}
.article-languages a{padding:5px 8px;border-radius:999px}
.article-languages a[aria-current="page"]{color:#fff;background:#8c684b}
footer{display:flex;justify-content:space-between;gap:30px;padding:48px max(24px,calc((100% - 1050px)/2));background:var(--deep);color:rgba(255,255,255,.74);font-size:.7rem;line-height:1.8}
footer>div{display:flex;flex-direction:column}
footer strong{color:#f1dcc0;font:600 1.5rem/1.3 "EB Garamond",serif}
footer a{color:inherit;text-decoration:none}
@media(max-width:900px){.article-header nav a:not(.book){display:none}
.article-hero{grid-template-columns:1fr;margin:20px 18px 0}
.article-hero img{min-height:360px;order:-1}
.article-body{grid-template-columns:1fr;margin-top:55px}
.article-body aside{position:static}
.article-related{margin-bottom:50px}
}
@media(max-width:560px){.article-header{min-height:74px;padding:9px 16px}
.article-brand img{width:52px;height:52px}
.article-brand strong{font-size:1.3rem}
.article-brand small{font-size:.46rem}
.article-header nav a.book{margin:0;padding:10px 13px;font-size:.64rem}
.article-language-menu>div{position:fixed;top:68px;right:10px;left:10px;grid-template-columns:repeat(3,1fr);width:auto}.article-language-menu summary{font-size:.58rem}html[dir="rtl"] .article-language-menu>div{right:10px;left:10px}
.article-hero{border-radius:18px}
.article-hero>div{padding:34px 24px 40px}
.article-hero img{min-height:270px}
.article-hero h1{font-size:2.7rem}
.lead{font-size:.82rem}
.article-body{padding:0 20px}
.article-copy p{font-size:.9rem}
.article-related{flex-direction:column;gap:18px;padding-inline:20px}
footer{flex-direction:column;padding-block:40px}
}

.article-faq{display:grid;gap:10px}
.article-faq details{padding:16px 18px;border:1px solid rgba(111,83,63,.14);border-radius:12px;background:#fff}
.article-faq summary{cursor:pointer;color:#4d4039;font-size:.86rem;font-weight:600}
.article-faq details p{margin-top:12px;font-size:.86rem}
.article-related{display:grid;grid-template-columns:1fr auto;gap:30px}
.article-related>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.article-related>div:last-child{justify-content:flex-end}
.article-related strong{width:100%;font:600 1rem "EB Garamond",serif}
@media(max-width:700px){
  .article-related{grid-template-columns:1fr}
  .article-related>div:last-child{justify-content:flex-start}
}