/* One calm header across the story pages and the interactive sections. */
body .site-header{position:relative;z-index:30;background:#fffefa;border-bottom:1px solid #e9ddce;color:#392820;font-family:'Nunito Sans',system-ui,sans-serif}
body .site-header .header-inner{width:min(1220px,calc(100% - 40px));min-height:78px;margin-inline:auto;display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:nowrap;padding:8px 0}
body .site-header .brand{flex:none;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#4d2b1d;text-decoration:none;font:400 1.28rem/1 'Bree Serif',Georgia,serif;letter-spacing:-.025em}
body .site-header .brand img{width:46px;height:46px;border-radius:50%;border:2px solid #ecdfc7}
body .site-header .language-control{flex:none;margin:0;order:3}
body .site-header .language-control{position:relative}
body .site-header .language-control summary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:48px;min-height:46px;padding:6px 3px;border:0;border-radius:9px;background:transparent;cursor:pointer;list-style:none;line-height:1}
body .site-header .language-control summary::-webkit-details-marker{display:none}
body .site-header .language-control summary:hover{opacity:.78}
body .site-header .language-control summary:focus-visible{outline:2px solid #9e5937;outline-offset:2px}
body .site-header .language-control img{display:block;width:28px;height:21px;object-fit:cover;border-radius:3px;box-shadow:0 1px 3px #4a2c1c22}
.language-chevron{width:7px;height:7px;border-right:2px solid #6e4b35;border-bottom:2px solid #6e4b35;transform:rotate(45deg);transition:transform .18s ease}
.language-control[open] .language-chevron{transform:rotate(225deg)}
body .site-header .language-options{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:180px;padding:7px;border:1px solid #e4d0b8;border-radius:15px;background:#fffefa;box-shadow:0 12px 28px #4a2c1c26}
body .site-header .language-options button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:#4c382b;text-align:left;font:800 16px/1.2 'Nunito Sans',system-ui,sans-serif;cursor:pointer}
body .site-header .language-options button img{flex:none}
body .site-header .language-options button:hover,body .site-header .language-options button:focus-visible,body .site-header .language-options button[aria-pressed="true"]{background:#f6e9d4;outline-offset:2px}
body .site-header .site-primary-nav{order:2;display:flex;align-items:center;justify-content:flex-end;gap:4px;width:auto;flex:1;min-width:0;font:800 16px/1.2 'Nunito Sans',system-ui,sans-serif}
body .site-header .site-primary-nav a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:44px;padding:10px 9px;border-radius:12px;text-decoration:none;color:#4c382b;font:inherit;transition:background .18s}
body .site-header .site-primary-nav a:hover,body .site-header .site-primary-nav a:focus-visible{background:#f5ebdc;color:#4c382b}
body .site-header .site-primary-nav a[aria-current="page"]{background:transparent;color:#4c382b;box-shadow:inset 0 -3px #9e5937}
body .site-header .site-menu-toggle{display:none;order:4;width:48px;height:48px;flex:none;align-items:center;justify-content:center;border:1px solid #dcc9b4;border-radius:13px;background:#fff8ed;color:#4d2b1d;cursor:pointer}
.site-menu-icon{display:flex;width:21px;height:18px;flex-direction:column;justify-content:space-between}
.site-menu-icon i{display:block;width:100%;height:2.5px;border-radius:3px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.site-menu-toggle[aria-expanded="true"] .site-menu-icon i:first-child{transform:translateY(7.75px) rotate(45deg)}
.site-menu-toggle[aria-expanded="true"] .site-menu-icon i:nth-child(2){opacity:0}
.site-menu-toggle[aria-expanded="true"] .site-menu-icon i:last-child{transform:translateY(-7.75px) rotate(-45deg)}
body .site-header .site-menu-toggle:hover,body .site-header .site-menu-toggle:focus-visible{background:#f3e4cf;outline:2px solid #9e5937;outline-offset:2px}
@media(max-width:1050px){
 body .site-header .header-inner{width:min(100% - 32px,1220px);min-height:70px;gap:9px;justify-content:space-between;padding:8px 0}
 body .site-header .brand{margin-right:auto;font-size:1.12rem}body .site-header .brand img{width:42px;height:42px}
 body .site-header .language-control{order:2;margin:0}
 body .site-header .site-menu-toggle{display:inline-flex;order:3}
 body .site-header .site-primary-nav{position:absolute;left:0;right:0;top:100%;z-index:40;order:4;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;max-height:0;min-width:0;margin:0;padding:0 16px;overflow:hidden;visibility:hidden;opacity:0;background:#fffefa;border-bottom:1px solid transparent;border-radius:0 0 20px 20px;box-shadow:0 16px 24px #4a2c1c00;transform:translateY(-6px);transition:max-height .27s ease,padding .27s ease,opacity .2s ease,transform .27s ease,visibility .27s ease;font-size:1rem}
 body .site-header .site-primary-nav[data-open="true"]{max-height:380px;padding:12px 16px 17px;visibility:visible;opacity:1;border-bottom-color:#ead9c3;box-shadow:0 16px 24px #4a2c1c22;transform:translateY(0)}
 body .site-header .site-primary-nav a{justify-content:flex-start;min-height:49px;padding:12px 16px;border-radius:12px}
}
@media(max-width:420px){body .site-header .brand span{display:none}body .site-header .brand img{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){body .site-header .site-primary-nav,.site-menu-icon i,.language-chevron{transition:none}}
