.administration-menu { position:relative; z-index:12; flex:none; }
.administration-menu>summary { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:8px 12px; cursor:pointer; list-style:none; border:1px solid var(--border); border-radius:4px; color:var(--text); background:var(--surface); font-size:14px; white-space:nowrap; }
.administration-menu>summary::-webkit-details-marker { display:none; }
.administration-short { display:none; }
.site-header .administration-menu .administration-links { position:absolute; top:calc(100% + 4px); right:0; display:grid; grid-template-columns:minmax(0,1fr); grid-area:auto; gap:0; width:260px; min-width:0; max-width:calc(100vw - 24px); max-height:min(72svh,30rem); overflow:auto; overscroll-behavior:contain; padding:8px; margin:0; background:#101c1b; border:1px solid #ac9055; border-radius:4px; box-shadow:0 8px 22px #000a; }
.site-header .administration-menu .administration-links>a { display:flex; width:100%; min-height:44px; padding:10px 12px; margin:0; flex:none; color:#f3ebdd; font:16px/1.35 Georgia,serif; border:0; border-bottom:1px solid #77664155; border-radius:0; box-shadow:none; background:none; text-decoration:none; justify-content:flex-start; }
.site-header .administration-menu .administration-links>a:hover { background:#d3b77819; }
.site-header .administration-menu .administration-links>a:focus-visible { outline:2px solid #eed297; outline-offset:-3px; }
:is(.home-page,.library-page,.paginated-reader-page) .administration-menu>summary { border-color:#b69b61; color:#f3ebdd; background:linear-gradient(#171309c9,#171309c9),url('/images/archive/ottone-brunito-v5.png') center/cover; box-shadow:inset 0 0 0 2px #160f08; }
@media(max-width:600px) {
 .administration-label { display:none; }.administration-short { display:inline; }
 .administration-menu>summary { padding:8px 7px; gap:4px; font-size:12px; }
 :is(.home-page,.library-page) .site-header { display:grid; grid-template-columns:minmax(0,1fr) 70px; }
 :is(.home-page,.library-page) .site-header .brand { grid-area:1/1; min-width:0; }
 :is(.home-page,.library-page) .site-header>.profile-menu { grid-area:1/2; width:70px; min-width:0; margin:0; order:0; }
 :is(.home-page,.library-page) .site-header>.profile-menu>summary { font-size:12px; padding:8px; gap:3px; }
 :is(.home-page,.library-page) .site-header>.profile-menu[open]>div { left:auto; right:0; min-width:230px; }
 :is(.home-page,.library-page) .site-header>nav { grid-area:2/1/3/-1; margin-right:0; gap:4px; flex-wrap:nowrap; }
 :is(.home-page,.library-page) .site-header:has(>.administration-menu)>nav { margin-right:76px; }
 :is(.home-page,.library-page) .site-header>nav>a { flex:1; min-width:0; font-size:11px; padding:8px 3px; justify-content:center; }
 :is(.home-page,.library-page) .site-header>.administration-menu { grid-area:2/1/3/-1; justify-self:end; width:68px; }
 :is(.home-page,.library-page) .site-header>.archive-search { grid-area:3/1/4/-1; width:100%; margin:0; }
}