/* Shared identity and navigation for Datamac, part of Editions Les Vieux Livres. */
.brand-block{flex-shrink:0;padding-block:12px;min-width:0}
.brand-block .brand{align-items:flex-start}
.brand-credits{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 16px;margin:7px 0 0 58px;font-size:11px;line-height:1.35;color:var(--muted);letter-spacing:0}
.brand-credits a{display:block;width:fit-content;white-space:nowrap;text-decoration:none}
.brand-credits a:hover{text-decoration:underline;color:var(--accent)}
.header-inner{gap:16px}
.desktop-nav a{padding-inline:9px}
@media(max-width:1250px){.desktop-nav{display:none}.menu-button{display:block}.header-actions{margin-left:auto}.header-inner{flex-wrap:nowrap}}
@media(max-width:600px){.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding-block:10px}.brand-block{display:contents}.brand-block .brand{grid-column:1;grid-row:1;gap:8px}.brand-credits{grid-column:1/-1;grid-row:2;margin:0 0 0 44px;font-size:10px;gap:4px 14px}.header-actions{grid-column:2;grid-row:1;flex-shrink:1;justify-content:flex-end}.brand-block .brand-name{font-size:18px}}
@media(max-width:420px){.header-actions{max-width:112px;gap:5px}.language-switch{order:3}.header-inner{align-items:center}.brand-credits{font-size:9.5px;gap:4px 12px}}

/* Publisher block follows the verified lesvieuxlivres.com footer identity. */
footer .publisher-brand{display:inline-flex;align-items:center;gap:16px;max-width:100%;width:fit-content;margin-top:12px;text-decoration:none;color:var(--text,#203b53);font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;line-height:1.05;letter-spacing:0;text-align:left}
footer .publisher-brand img{display:block;flex:0 0 68px;width:68px;height:68px;object-fit:contain;border-radius:0}
footer .publisher-brand>span{display:block;color:inherit;font:inherit;line-height:1.05;white-space:nowrap}
footer .publisher-brand small{display:block;margin-top:7px;color:inherit;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:400;line-height:1.4;letter-spacing:5px}
footer .publisher-brand:hover span{text-decoration:underline;text-underline-offset:4px}
footer .publisher-brand:focus-visible{outline:2px solid var(--accent,#168ed4);outline-offset:6px;border-radius:3px}
.publisher-footer{width:100%;margin:12px auto 0;text-align:center}
@media(max-width:600px){footer .publisher-brand{gap:12px;font-size:21px}footer .publisher-brand img{flex-basis:56px;width:56px;height:56px}footer .publisher-brand small{font-size:8px;letter-spacing:4px}}

@media(max-width:700px){.site-footer .footer-top{grid-template-columns:minmax(0,1fr);gap:26px}.site-footer .footer-top>div{min-width:0;grid-column:1!important}.site-footer .footer-metrics{flex-wrap:wrap}}

/* Accessible main navigation and explicit day/night controls. */
.desktop-nav a,.mobile-nav a{display:inline-flex;align-items:center;gap:7px}
.nav-icon{display:block;width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-header .theme-control,.universe .theme-control{display:flex}
.site-header .theme-control button{display:flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:56px;padding:0 8px;height:36px;font-size:16px}
.theme-label{font-size:11px;font-weight:700;line-height:1}
html[data-theme=shadow] .site-header .theme-control button[aria-pressed=true]{color:#082440}
html{color-scheme:light}html[data-theme=shadow]{color-scheme:dark}
@media(min-width:1251px){.desktop-nav{gap:2px}.desktop-nav a{padding-inline:7px}.header-inner{gap:12px}}
@media(max-width:600px){.site-header .theme-control button{min-width:49px;padding-inline:5px;gap:4px;height:32px}.theme-label{font-size:10px}.header-actions{max-width:168px;flex-wrap:wrap;gap:5px}.language-switch{order:3}.mobile-nav a{min-height:40px}}
@media(max-width:420px){.header-actions{max-width:156px}.brand-block .brand-name{font-size:17px}.brand-block .brand-sub{font-size:9px}.brand-block .brand{gap:7px}.site-header .theme-control button{min-width:44px;padding-inline:4px}.theme-label{font-size:9px}.site-header .menu-button{width:35px;height:38px}}

body.universe{--bg:inherit;--surface:inherit;--surface2:inherit;--text:inherit;--muted:inherit;--line:inherit;--accent:inherit;--shadow:inherit;--hero:inherit}

:root{--accent:#066bd6}
@media(max-width:1330px){.desktop-nav{display:none}.menu-button{display:block}.header-actions{margin-left:auto}.header-inner{flex-wrap:nowrap}}
@media(max-width:360px){.brand-block .brand-name{font-size:15px}.brand-block .brand-sub{font-size:8px}.brand-block .brand-mark{flex:0 0 28px;width:28px;height:34px;font-size:27px}.brand-block .brand{gap:6px}}

/* A small optical inset for the brand leaves navigation and controls in place. */
.site-header{--brand-inset:clamp(4px,.7vw,10px)}
.site-header .brand-block{position:relative;inset-inline-start:var(--brand-inset)}
@media(max-width:600px){.site-header .brand-block{position:static;inset-inline-start:auto}.site-header .brand-block>.brand,.site-header .brand-credits{position:relative;inset-inline-start:var(--brand-inset)}}
