/* Barre commune, y compris les readers qui redéfinissent leurs styles en ligne. */
.topbar .brand{white-space:nowrap;flex-shrink:0;overflow-wrap:normal}
.topbar details.nav-auth{position:relative;display:block;flex-shrink:0;color:#333;font-size:12px}
.topbar details.nav-auth summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:34px;white-space:nowrap;padding:4px 0;font-weight:500}
.topbar details.nav-auth summary::-webkit-details-marker{display:none}
.topbar .nav-account-chevron{width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:translateY(-2px) rotate(45deg)}
.topbar details.nav-auth[open] .nav-account-chevron{transform:translateY(1px) rotate(225deg)}
.topbar .nav-account-panel{position:absolute;z-index:1500;right:0;top:calc(100% + 10px);width:230px;padding:16px;background:#fff;border:1px solid #e4e7e1;box-shadow:0 12px 35px #00000015;color:#222}
.topbar .nav-account-identity{font-size:12px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere;color:#747a70}
.topbar .nav-account-identity strong{color:#333;font-weight:500}
.topbar .nav-account-panel .nav-auth-link{display:block;font-size:12px;letter-spacing:0;text-transform:none;padding:10px 0;border-top:1px solid #eee}
.topbar .nav-account-panel .nav-logout-form{display:block;margin-top:8px}
.topbar .nav-account-panel .nav-logout-btn{width:100%;font-size:11px;letter-spacing:.06em;padding:9px}
.topbar details.nav-auth summary:focus-visible{outline:2px solid #355b3e;outline-offset:4px}
@media(min-width:901px){
 .topbar>.wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;max-width:1600px;padding:20px 28px;gap:18px;align-items:center}
 .topbar #site-nav{justify-content:flex-end;flex-wrap:nowrap;min-width:0;gap:clamp(10px,1.1vw,18px);font-size:13px}
 .topbar #site-nav>a,.topbar #site-nav .nav-group-trigger{white-space:nowrap;flex-shrink:0}
 .topbar #site-nav .nav-group{flex-shrink:0}
 .topbar #site-nav .nav-search{min-width:0;flex:0 1 145px}
 .topbar #site-nav .nav-search-field,.topbar #site-nav .nav-search:focus-within .nav-search-field{width:100%;min-width:95px;max-width:145px}
}
@media(min-width:901px) and (max-width:1100px){
 .topbar>.wrap{grid-template-columns:auto 1fr auto;row-gap:8px;padding:14px 22px}
 .topbar .brand{grid-column:1;grid-row:1}
 .topbar details.nav-auth{grid-column:3;grid-row:1}
 .topbar #site-nav{grid-column:1/-1;grid-row:2;gap:16px}
}
/* Ressources : thèmes en liste ; leurs articles s’ouvrent uniquement au clic. */
.topbar .nav-group-resources .nav-group-trigger::after{display:none}
.topbar .resource-menu-toggle,.topbar .resource-theme-toggle{display:grid;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer;flex-shrink:0;font:inherit}
.topbar .resource-menu-toggle{width:20px;height:34px;margin-left:1px}
.topbar .resource-menu-toggle span{width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.topbar .resource-menu-toggle[aria-expanded="true"] span{transform:translateY(1px) rotate(225deg)}
.topbar .resource-menu-toggle:focus-visible,.topbar .resource-theme-toggle:focus-visible{outline:2px solid #355b3e;outline-offset:1px}
.topbar .nav-group-resources .nav-submenu-resources{width:min(360px,calc(100vw - 36px));padding:12px;max-height:min(75vh,650px);overflow-y:auto}
.topbar .nav-group-resources.resource-menu-ready .nav-submenu-resources{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-5px)}
.topbar .nav-group-resources.resource-menu-ready.is-open .nav-submenu-resources{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.topbar .resource-theme-list{min-height:0;padding:0}
.topbar .resource-theme-heading{display:flex;align-items:center;width:100%;border-radius:4px}
.topbar .resource-theme.is-selected .resource-theme-heading{background:#f2f5f0}
.topbar .nav .resource-theme-link{display:block;flex:1;min-width:0;padding:11px 8px;border:0;white-space:normal;line-height:1.3}
.topbar .resource-theme-link strong{display:block;font-size:13px;font-weight:500;color:#202820}
.topbar .resource-theme-link small{display:block;font-size:10px;color:#808679;margin-top:3px}
.topbar .resource-theme-toggle{width:36px;min-height:44px}
.topbar .resource-theme-toggle span{display:block;width:20px;height:20px;font:22px/20px Arial,sans-serif;text-align:center;transform:rotate(0);transition:transform .2s ease}
.topbar .resource-theme-toggle[aria-expanded="true"] span{transform:rotate(45deg)}
.topbar .resource-theme-articles{position:static;margin:2px 0 8px 12px;padding:4px 0 4px 10px;border-left:1px solid #e3e8e2}
.topbar .resource-theme-articles[hidden]{display:none!important}
.topbar .resource-theme-title{display:none}
.topbar .nav .resource-theme-articles a{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 8px;border:0;border-radius:4px;white-space:normal;line-height:1.45;font-size:12px;color:#374230}
.topbar .resource-theme-articles a span{color:#9aab91;font-size:13px;flex-shrink:0}
.topbar .nav .resource-theme-articles a:hover,.topbar .nav .resource-theme-articles a:focus-visible{background:#f3f5f0}
@media(max-width:900px){
 .topbar #site-nav{flex-wrap:nowrap!important;background:#fff!important}
 .topbar #site-nav>*{flex-shrink:0}
 .topbar details.nav-auth{order:3;width:100%;text-align:right}
 .topbar details.nav-auth summary{justify-content:flex-end}
 .topbar .nav-account-panel{text-align:left;max-width:calc(100vw - 36px)}
 .topbar .nav-group-resources .resource-menu-toggle{position:absolute;top:0;right:0;width:44px;height:44px;margin:0}
 .topbar .nav-group-resources .nav-group-trigger{width:calc(100% - 46px);min-height:44px}
 .topbar .nav-group-resources.resource-menu-ready .nav-submenu-resources{display:none;position:static;width:100%;max-height:none;overflow:visible;transform:none;opacity:1;visibility:visible;pointer-events:auto}
 .topbar .nav-group-resources.resource-menu-ready.is-open .nav-submenu-resources{display:block;transform:none}
 .topbar .resource-theme-toggle{width:44px}
 .topbar .nav .resource-theme-articles a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.topbar .resource-menu-toggle span,.topbar .resource-theme-toggle span{transition:none}}