/* The existing orange header and logo remain; archive uses a native keyboard-accessible disclosure. */
.header-container{display:flex;justify-content:space-between;align-items:center;background:#ffa500}
.logo-container{flex:1}#logo{height:100px;width:auto;display:block}
#navbar{display:flex;justify-content:center;width:100%}#navbar>ul{list-style:none;padding:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0}
#navbar>ul>li{margin:0 14px;position:relative}#navbar a,#navbar summary{color:#111;font-weight:1000;font-size:x-large;text-decoration:none;cursor:pointer}
#navbar a:hover,#navbar a.active,#navbar summary:hover{text-decoration:underline}#navbar a:focus-visible,#navbar summary:focus-visible,.hamburger:focus-visible{outline:3px solid #111;outline-offset:5px}
.archive-menu{position:relative}.archive-menu summary{list-style:none;padding:16px 0}.archive-menu summary::-webkit-details-marker{display:none}.archive-menu summary::after{content:' ▾';font-size:16px}.archive-menu[open] summary::after{content:' ▴'}
#navbar .dropdown-menu{position:absolute;right:0;top:100%;min-width:250px;width:max-content;max-width:calc(100vw - 32px);list-style:none;margin:0;padding:8px 0;background:#ffa500;border:1px solid #b87900;box-shadow:0 6px 18px #0004;z-index:10;display:block}
#navbar .dropdown-menu li{margin:0;padding:0}#navbar .dropdown-menu a{display:block;font-size:18px;padding:10px 16px;font-weight:700}#navbar .dropdown-menu a:hover{background:#e79b08}
.hamburger{margin-right:1rem;display:none;cursor:pointer;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:0;position:relative}
.hamburger span{display:block;width:100%;height:3px;background:#111;border-radius:3px;position:absolute;transition:transform .2s,opacity .2s}.hamburger span:nth-child(1){top:5px}.hamburger span:nth-child(2){top:12px}.hamburger span:nth-child(3){top:19px}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:768px){.header-container{flex-wrap:wrap}.logo-container{flex:none}.hamburger{display:flex}#navbar{display:none;width:100%}#navbar.active{display:flex}#navbar>ul{flex-direction:column;align-items:stretch;padding:8px 0}#navbar>ul>li{margin:0}#navbar>ul>li>a,#navbar summary{display:block;padding:12px 20px}#navbar .dropdown-menu{position:static;min-width:0;max-width:none;width:100%;border:0;border-top:1px solid #b87900;box-shadow:none;padding:4px 0}#navbar .dropdown-menu a{padding-left:36px}}

/* Reserve the header before the asynchronous fragment arrives. */
.dynamic-header{min-height:100px}