/* Shared site navigation — Jazzy Rhythmer. SPDX-License-Identifier: MIT */
.jr-site-header{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px 20px;position:sticky;top:0;z-index:100;width:100%;max-width:1440px;min-height:0;height:auto;margin:0 auto;padding:12px clamp(24px,3.2vw,60px);border:0;border-bottom:1px solid #343636;background:#0c0d0d;color:#eee;line-height:1.2}
.jr-site-header a{color:inherit;text-decoration:none}.jr-site-header a:hover{text-decoration:underline;text-underline-offset:5px}.jr-site-header a:focus-visible{outline:2px solid #eee;outline-offset:4px}
.jr-site-header .jr-brand{grid-column:1;grid-row:1;justify-self:start;display:inline-flex;align-items:center;gap:9px;padding:0;margin:0;font:900 20px/1 Arial,Helvetica,sans-serif;letter-spacing:-.6px;white-space:nowrap}.jr-brand img{display:block;width:24px;height:24px;object-fit:contain}.jr-site-header .jr-brand small{display:inline;margin:0 0 0 2px;font:9px/1 ui-monospace,Menlo,monospace;letter-spacing:.25px;color:#aaa;white-space:nowrap}.jr-brand .jr-mark{font:24px/1 monospace}
.jr-site-header .jr-platform-switcher{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:20px}.jr-platform-group{display:grid;gap:5px}.jr-platform-label{font:8px/1 ui-monospace,Menlo,monospace;letter-spacing:1px;color:#999}.jr-platform-links{display:flex;gap:5px}.jr-site-header .jr-platform-links a{display:block;border:1px solid #343636;padding:7px 8px;margin:0;font:9px/1 ui-monospace,Menlo,monospace;letter-spacing:.5px;background:transparent}.jr-site-header .jr-platform-links a[aria-current]{background:#eee;color:#0c0d0d;border-color:#eee}
.jr-site-header .jr-section-nav{grid-column:2;grid-row:1;justify-self:center;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:16px;margin:0;padding:0;border:0;font:9px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.55px;white-space:nowrap}.jr-site-header .jr-section-nav a{box-sizing:border-box;display:block;min-height:0;height:auto;padding:3px 0;margin:0;border:0;background:transparent;font:inherit;line-height:inherit;letter-spacing:inherit;color:#aaa}.jr-site-header .jr-section-nav a[aria-current]{color:#eee;background:transparent;border:0;text-decoration:underline;text-underline-offset:6px}
html{scroll-padding-top:100px}.jr-manual-utility{max-width:1240px;width:calc(100% - 96px);margin:0 auto;padding:12px 0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;font:10px monospace}.jr-manual-utility a{color:inherit}.jr-manual-utility button{background:transparent;color:inherit;border:1px solid #555;padding:7px 12px;font:10px monospace;cursor:pointer}
@media(max-width:1100px) and (min-width:761px){.jr-site-header{grid-template-columns:auto 1fr;row-gap:9px}.jr-site-header .jr-platform-switcher{grid-column:2;grid-row:1}.jr-site-header .jr-section-nav{grid-column:1/-1;grid-row:2}html{scroll-padding-top:130px}}
@media(max-width:760px){.jr-site-header{grid-template-columns:1fr;gap:10px;padding:12px 24px}.jr-site-header .jr-brand{grid-column:1;grid-row:1;font-size:19px;gap:8px}.jr-site-header .jr-brand small{font-size:8px}.jr-site-header .jr-section-nav{grid-column:1;grid-row:2;justify-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;text-align:center;font-size:9px}.jr-site-header .jr-platform-switcher{grid-column:1;grid-row:3;justify-self:stretch;justify-content:center;gap:30px}.jr-platform-links a{font-size:9px}.jr-manual-utility{width:calc(100% - 48px)}html{scroll-padding-top:180px}}
@media(prefers-reduced-motion:reduce){.jr-site-header *{scroll-behavior:auto}}

/* Opaque shared header: override legacy translucent FM-1 top bars. */
header.jr-site-header,header.jr-site-header.top,header.jr-site-header.topbar{background:#0c0d0d!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}

/* One shared active underline; disable the older FM-1 pseudo-element. */
.jr-site-header .jr-section-nav a::after,.jr-site-header .jr-section-nav a::before{content:none!important;display:none!important}

/* Share the page canvas as well as the header, including legacy black body overrides. */
:root{--bg:#0c0d0d}
html,body{background-color:#0c0d0d!important}
body>main{background-color:transparent!important}

/* A quiet support invitation for the free firmware. */
.jr-support-copy{max-width:680px}.jr-support-copy h2{font:500 clamp(28px,3vw,38px)/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.035em;color:#eee;margin:0 0 22px}.jr-support-copy>p{font:15px/1.85 Arial,Helvetica,sans-serif;color:#aaa;max-width:630px;margin:0 0 18px}.jr-support-actions{margin:24px 0}.jr-support-copy a.jr-support-tip{display:inline-flex;align-items:center;background:#eee;color:#111;border:1px solid #eee;padding:15px 21px;font:12px/1.3 monospace;text-decoration:none}.jr-support-copy a.jr-support-tip:hover{background:#fff;color:#000}.jr-support-copy .jr-support-ongoing{font-size:13px;line-height:1.8}.jr-support-ongoing a{color:#ddd;text-underline-offset:4px}.jr-support-section{border-top:1px solid #343636;padding-top:48px;padding-bottom:48px;scroll-margin-top:80px}.jr-support-copy a:focus-visible{outline:2px solid white;outline-offset:5px}@media(max-width:600px){.jr-support-section{padding-top:35px;padding-bottom:35px}}

/* Fit support to each site's existing reading flow. */
#support.community-panel{align-items:start;scroll-margin-top:85px}
#support.community-panel>div+div{padding-top:4px}
#support.community-panel>div+div h3{margin-top:0}
.support-content:has(.jr-support-host){max-width:none;margin:0;padding-top:35px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px 64px;align-items:start}
.support-content>.jr-support-host{grid-row:span 2;border:0;padding:0;margin:0}
.support-content>.jr-support-host h2{display:none}
.support-content>.about-compact{margin:0;padding-bottom:28px}
.support-content>.jr-support-host .jr-support-copy>p:first-of-type{margin-top:0}
.jr-home-support{display:block!important;padding:42px 0!important}
.jr-home-support>.text-link{display:inline-block;margin-top:10px}
.jr-home-support .jr-support-copy{max-width:680px}
@media(max-width:760px){.support-content:has(.jr-support-host){grid-template-columns:1fr;gap:30px}.support-content>.jr-support-host{grid-row:auto;border-bottom:1px solid #444;padding-bottom:28px}}
