/* sharing, anchors */
[id]{scroll-margin-top:84px}
.share{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:12px 0 0}
.share .lab{font:400 11px/1 "Space Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.share a,.share button{font:700 11.5px/1 "Space Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:var(--paper);border:2px solid var(--ink);padding:8px 11px;cursor:pointer;border-radius:0}
.share a:hover,.share button:hover,.share a:focus-visible,.share button:focus-visible{background:var(--marigold);color:#15173B;outline:none}
.share a:focus-visible,.share button:focus-visible{box-shadow:0 0 0 3px var(--ink)}
.share .wa::before{content:"";display:inline-block;width:8px;height:8px;background:#1FA855;margin-right:8px;border:1px solid var(--ink)}
.permalink{margin-left:.35em;font-size:.55em;font-weight:700;text-decoration:none;color:var(--rust);opacity:0;transition:opacity .12s ease;vertical-align:middle}
h2:hover .permalink,h3:hover .permalink,.permalink:focus-visible{opacity:1}
@media (hover:none){.permalink{opacity:.55}}
.figtools{margin:8px 0 22px}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--paper);font:700 12px/1 "Space Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;padding:12px 16px;border:2px solid var(--marigold);z-index:60}
@media (prefers-reduced-motion:reduce){.permalink{transition:none}}

/* accessibility: skip link, visible focus, in-text links */
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);font:700 13px/1 "Space Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;padding:12px 16px;text-decoration:none;border:2px solid var(--marigold)}
.skip:focus{top:12px}
:where(a,button,summary,[tabindex="0"]):focus-visible{outline:3px solid var(--marigold);outline-offset:3px;box-shadow:0 0 0 2px var(--ink)}
main p a:not(.btn),main li a:not(.btn),main td a,main dd a,.callout a{color:var(--rust);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1.5px}
main p a:not(.btn):hover,main li a:not(.btn):hover,.callout a:hover{text-decoration-thickness:3px}
.callout h2{font-size:22px;line-height:1.1}
h1,h2{text-wrap:balance}
main p,main li{text-wrap:pretty}
@media print{.nav,.ticker,.skip,.share,.btns{display:none!important}body{background:#fff;color:#000}a{color:#000}main a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em}}
footer p a{color:#F3EFE4;text-decoration:underline;text-underline-offset:.18em}
footer p a:hover{color:#F3A712}
.brand{text-decoration:none}
@media (max-width:760px){
 .nav-inner{padding:10px 16px;gap:8px}
 nav.menu{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:4px 18px;padding:6px 0 8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 nav.menu a{white-space:nowrap;flex:none;padding:8px 0}
 nav.menu a.btn{display:none}
}