/* Shared website navigation: real links, with a native disclosure on small screens. */
.menubar { position:relative; z-index:30; min-height:36px; display:flex; align-items:center; gap:16px; padding:0 14px; color:var(--ink,#1b2415); background:var(--paper,var(--night,#fbfaf3)); border-bottom:1px solid var(--line,rgba(27,36,21,.12)); font:500 13.5px/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif; }
.site-nav { display:flex; align-items:center; gap:18px; min-width:0; }
.site-nav a,.site-mobile summary,.site-get { color:inherit; text-decoration:none; border-radius:5px; }
.site-nav a:hover,.site-mobile summary:hover,.site-nav a[aria-current="page"] { background:rgba(127,145,105,.18); }
.site-nav .site-brand { display:flex; align-items:center; gap:7px; flex:none; min-height:32px; padding:0 4px; }
.site-brand img { display:block; width:20px; height:20px; }
.site-links { display:flex; align-items:center; gap:4px; }
.site-links a { display:flex; align-items:center; min-height:32px; padding:0 9px; white-space:nowrap; }
.site-nav a:focus-visible,.site-nav summary:focus-visible,.site-get:focus-visible { outline:3px solid #ee5b26; outline-offset:1px; }
.site-mobile { display:none; position:relative; }
.site-mobile summary { padding:0 9px; min-height:36px; display:flex; gap:10px; align-items:center; cursor:pointer; list-style:none; }
.site-mobile summary::-webkit-details-marker { display:none; }
.site-mobile[open] summary { background:rgba(127,145,105,.18); }
.site-mobile-links { position:absolute; left:0; top:calc(100% + 6px); width:230px; padding:6px; background:var(--paper,var(--night,#fbfaf3)); color:var(--ink,#1b2415); border:1px solid var(--line,#d6dacb); border-radius:10px; box-shadow:0 12px 32px #0003; }
.site-mobile-links a { display:flex; align-items:center; min-height:44px; padding:10px 12px; }
.site-get { margin-left:auto; flex:none; padding:8px 10px; white-space:nowrap; }
.site-skip { position:fixed; left:12px; top:-100px; z-index:100; padding:12px 18px; background:#fbfaf3; color:#1b2415; border:2px solid #ee5b26; border-radius:6px; }
.site-skip:focus { top:8px; }
html.is-embedded .menubar { display:none; }
.support-footer { border-top:1px solid var(--line,#d6dacb); text-align:center; padding:40px 20px; font-size:14px; color:var(--ink-2,#4b5941); }
.support-footer img { display:block; margin:0 auto 12px; }
.support-footer p { margin:8px 0; }
.support-footer nav { display:flex; flex-wrap:wrap; gap:10px 20px; justify-content:center; margin:16px 0; }
.support-footer a { color:inherit; text-underline-offset:3px; }
@media(max-width:1000px) { .site-links { display:none; } .site-mobile { display:block; } .site-nav { gap:8px; } .menubar { height:auto; min-height:44px; } .site-mobile summary { min-height:44px; } }
@media(max-width:420px) { .menubar .clock { display:none; } .menubar { gap:8px; padding:0 10px; } .menubar .status { gap:8px; } }