/* Shared navigation; native details retains usable keyboard behavior. */
:root{--site-header-offset:88px}
html{scroll-padding-top:var(--site-scroll-offset,var(--site-header-offset))}
/* These programmatically focused page destinations are not interactive controls.
   Preserve navigation focus without a browser outline around the entire page. */
#home[tabindex="-1"]:focus,#main[tabindex="-1"]:focus{outline:none}
header{position:sticky;top:0;z-index:70;background:#f7faf7;border-bottom:1px solid #dce6df}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.header-actions .language-nav{margin:0}
.site-menu{position:relative;flex-shrink:0;color:#205e50}
.site-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid #a9c7b8;border-radius:9px;background:#fff;font:600 14px/1.5 Arial,sans-serif;cursor:pointer;list-style:none}
.site-menu>summary::-webkit-details-marker{display:none}
.menu-icon{font-size:18px;line-height:1}
.site-menu[open]>summary{background:#205e50;color:#fff}
.site-menu-panel{position:absolute;inset-inline-end:0;top:calc(100% + 9px);z-index:80;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - var(--site-header-offset) - 24px);overflow:auto;box-sizing:border-box;padding:8px;background:#fff;border:1px solid #c7dacf;border-radius:12px;box-shadow:0 12px 36px #173f3826;text-align:start}
.site-menu-panel a{display:block;padding:11px 12px;min-height:44px;box-sizing:border-box;font-size:15px;line-height:1.5;color:#205e50;text-decoration:none;border-radius:7px}
.site-menu-panel a:hover,.site-menu-panel a[aria-current=page]{background:#edf5ef}
.site-menu-panel a:focus-visible,.site-menu>summary:focus-visible,.article-contents button:focus-visible{outline:2px solid #205e50;outline-offset:2px}
.site-menu-contact{border-top:1px solid #dce6df;margin-top:6px;padding-top:6px}
.site-menu-contact>span{display:block;padding:5px 12px;color:#526b60;font-size:12px}
.site-menu-contact>div{display:grid;grid-template-columns:1fr 1fr}
.readerbar{top:var(--site-header-offset)}
.article-contents{margin:20px 0;border:1px solid #c5d9ce;border-radius:12px;background:#f1f7f3}
.article-contents>summary{padding:13px 16px;min-height:44px;box-sizing:border-box;cursor:pointer;color:#205e50;font-weight:700}
.article-contents nav{max-height:320px;overflow:auto;padding:0 16px 14px}
.article-contents ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;padding-inline-start:24px;margin:0}
.article-contents li{color:#527466;padding-inline-start:2px}
.article-contents button{display:block;width:100%;min-height:44px;text-align:start;border:0;background:none;padding:8px 3px;font:inherit;font-size:15px;line-height:1.65;color:#205e50;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.has-contents .article-jumps{display:none}
.visual-toolbar{position:sticky;top:0;z-index:70;align-items:center;background:#eef3ec;padding:8px 0}
.visual-toolbar .site-menu{margin-inline-start:auto}
@media(max-width:700px){
 header{padding:10px 12px;gap:8px}
 header .brand{font-size:11px;gap:6px}
 header .clinic-monogram{width:30px;height:30px;flex-basis:30px}
 .header-actions{gap:6px}
 .site-menu>summary{font-size:13px;padding:8px;gap:5px}
 .header-actions .language-nav a{font-size:12px;padding:7px;min-height:44px}
 .article-contents ol{grid-template-columns:1fr}
}
@media(max-width:420px){header .brand small{display:none}}
@media print{.site-menu,.article-contents{display:none}header,.visual-toolbar{position:static}}
