/* ===== HEADER: locked to the approved desktop composition ===== */
.site-header{
  position:relative; z-index:100; overflow:visible; height:194px;
  background:
    linear-gradient(rgba(8,25,18,.10),rgba(8,25,18,.12)),
    url("assets/fabric-texture-clean.webp") 0 0/420px 420px repeat;
  color:#f7f0df; border-bottom:1px solid rgba(198,154,91,.65);
}.site-header .header-inner{height:194px;position:relative;width:100%;margin:0 auto}.site-header .brand{
  position:absolute; left:50%; top:12px; transform:translateX(-50%);
  width:194px;height:194px; z-index:20; display:block;
}.site-header .brand img{width:100%;height:100%;object-fit:contain;display:block}.site-header .brand-copy{
  position:absolute;left:calc(50% - 390px);top:54px;width:270px;z-index:25;
  color:#b77a3d;text-align:center;direction:rtl;line-height:1.35;
  text-shadow:0 1px 1px rgba(0,0,0,.25)
}.site-header .brand-name{font-family:Tahoma,Arial,sans-serif;font-size:34px;font-weight:700;white-space:nowrap}.site-header .brand-tagline{margin-top:8px;font-size:14px;font-weight:500;color:#a96f38;white-space:nowrap}.site-header .header-search{position:absolute;left:52px;bottom:91px;z-index:30}.site-header .language-switch{
  position:absolute;left:52px;bottom:42px;z-index:31;
  width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#f5ead6;font-size:12px;font-weight:700;letter-spacing:.4px;
  background:rgba(16,31,26,.55);transition:.2s;
}.site-header .language-switch:hover{background:var(--gold);color:var(--green)}.site-header .search{display:inline-flex;align-items:center;gap:9px;color:#f5ead6;font-size:14px;white-space:nowrap}.site-header .search-icon{
  width:17px;height:17px;border:1.8px solid var(--gold);border-radius:50%;display:inline-block;position:relative
}.site-header .search-icon:after{content:"";position:absolute;width:7px;height:1.8px;background:var(--gold);right:-5px;bottom:-2px;transform:rotate(45deg);transform-origin:left center}.site-header .desktop-nav{
  position:absolute;right:52px;bottom:34px;display:flex;align-items:center;gap:34px;z-index:30
}.site-header .nav-link{
  appearance:none;background:none;border:0;color:#f5ead6;font-size:15px;white-space:nowrap;
  position:relative;padding:0 0 8px;cursor:pointer
}.site-header .nav-link.active:after{content:"";position:absolute;bottom:0;right:0;left:0;height:2px;background:var(--gold)}.site-header .mobile-toggle,.site-header .mobile-menu{display:none}.site-header .topics{position:relative}.site-header .topics-toggle span{display:inline-block;margin-right:4px;transition:transform .2s}.site-header .topics.open .topics-toggle span{transform:rotate(180deg)}.site-header .topic-menu{position:absolute;top:calc(100% + 12px);right:0;width:250px;padding:12px 0;display:none;background:rgba(16,31,26,.99);border:1px solid rgba(198,154,91,.55);border-radius:6px;box-shadow:0 16px 35px rgba(0,0,0,.28);z-index:200;text-align:right}.site-header .topics.open .topic-menu{display:block}.site-header .topic-menu a,.site-header .topic-menu .topic-group{display:block;padding:7px 18px;line-height:1.55}.site-header .topic-menu a{color:#f6ead5;font-size:14px}.site-header .topic-menu a:hover,.site-header .topic-menu a:focus{background:rgba(198,154,91,.14);color:#fff}.site-header .topic-menu .topic-group{color:var(--gold);font-size:12px;border-top:1px solid rgba(198,154,91,.22);margin-top:5px;padding-top:10px}


.site-header{background:linear-gradient(rgba(8,25,18,.20),rgba(8,25,18,.23)),url("assets/fabric-texture-herringbone-v8.webp") center/540px 540px repeat;font-family:Tahoma,Arial,sans-serif;line-height:1.8;box-sizing:border-box}
.site-header *{box-sizing:border-box}
.site-header a{text-decoration:none}
.site-header .header-inner{max-width:none;padding:0}
.site-header .brand img{margin:0;border-radius:0}
.site-header .topic-menu{top:100%;margin:0;max-height:calc(100dvh - 175px);overflow:auto;text-align:right;direction:rtl}
.site-header .topic-menu a{padding-inline-start:30px}
.site-header .topic-menu .topic-group:first-child{border-top:0;margin-top:0}
.site-header .topic-group{font-weight:700;cursor:default}
.site-header .mobile-menu .topic-group{display:block;color:#c69a5b;padding-top:18px;font-size:13px}
.site-header .topics-toggle:focus-visible,.site-header a:focus-visible,.site-header .mobile-toggle:focus-visible{outline:2px solid #c69a5b;outline-offset:3px}
html[lang="fr"] .site-header .topic-menu{left:auto;right:0;text-align:left;direction:ltr}
html[lang="fr"] .site-header .brand-copy{direction:ltr}
html[lang="fr"] .site-header .brand-tagline{font-size:13px}
.card>a{display:block;color:inherit;text-decoration:none;height:100%}
.archive-page{min-height:55vh}.archive-count{text-align:center;color:#777;margin-bottom:28px}
.archive-empty{grid-column:1/-1;text-align:center;padding:40px 20px;border:1px solid #d7d0c2;border-radius:6px}
.translated-prose{max-width:760px;margin:auto;padding-bottom:40px;direction:ltr;text-align:left}
@media(max-width:1100px) and (min-width:901px){.site-header .desktop-nav{gap:20px;right:24px}.site-header .brand-copy{left:calc(50% - 365px)}}
@media(max-width:900px){
.site-header,.site-header .header-inner{height:110px;min-height:110px}
.site-header .brand{width:115px;height:115px;top:4px;left:50%;transform:translateX(-50%)}
.site-header .desktop-nav,.site-header .header-search,.site-header .brand-copy{display:none}
.site-header .language-switch{left:24px;bottom:38px}
.site-header .mobile-toggle{display:block;position:absolute;right:24px;left:auto;top:32px;background:none;border:0;color:#c69a5b;font-size:32px;cursor:pointer;z-index:40;padding:0}
.site-header .mobile-menu{position:absolute;top:100%;right:0;left:0;background:rgba(16,31,26,.99);padding:20px 25px;display:none;border-top:1px solid rgba(198,154,91,.35);z-index:50;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.site-header .mobile-menu.open{display:block}
.site-header .mobile-menu a{display:block;padding:9px 0;color:#f6ead5;border-bottom:1px solid rgba(198,154,91,.15);font-size:14px}
body.menu-open{overflow:hidden}
}
