.firo-header{position:fixed;left:0;right:0;top:0;z-index:50;background:#fff;border-bottom:1px solid #e7e5e4;color:#374151}.firo-header-inner{max-width:1248px;margin:auto;padding:10px 16px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.firo-header-brand{flex-shrink:0}.firo-header-brand img{height:40px;width:auto}.firo-navigation{display:flex;align-items:center;gap:24px}.firo-navigation details{position:relative}.firo-navigation summary{cursor:pointer;list-style:none;padding:10px 0}.firo-navigation summary::after{content:'⌄';margin-left:7px}.firo-navigation summary::-webkit-details-marker{display:none}.firo-navigation details>div{position:absolute;top:100%;left:0;min-width:235px;background:#fff;border:1px solid #e7e5e4;border-radius:10px;padding:8px;box-shadow:0 12px 30px #0002}.firo-navigation details>div a{display:block;padding:9px 12px;color:#374151;border-radius:5px}.firo-navigation details>div a:hover{background:#fafaf9;color:#b91c1c}.firo-navigation>a:last-child{background:#ef4444;color:white;padding:11px 20px;border-radius:9px;font-weight:700}.firo-menu-toggle{display:none;border:1px solid #d6d3d1;border-radius:7px;padding:8px 12px;font-weight:600}.firo-header a:focus-visible,.firo-header summary:focus-visible,.firo-menu-toggle:focus-visible,.firo-faq summary:focus-visible{outline:3px solid #b91c1c;outline-offset:4px}.firo-faq{border:1px solid #e7e5e4;border-radius:12px;background:#fff;color:#111827;overflow:hidden}.firo-faq summary{padding:24px 32px;cursor:pointer}.firo-faq summary h3{display:inline;font-size:1.2rem;font-weight:700}.firo-faq-answer{padding:0 32px 24px;line-height:1.7;color:#374151}.firo-faq-answer a{text-decoration:underline;color:#b91c1c}.firo-guide-note{max-width:1152px;margin:24px auto;padding:18px 24px;background:#fafaf9;border:1px solid #d6d3d1;border-radius:12px;color:#374151;line-height:1.6}.firo-guide-note a{text-decoration:underline}.firo-related{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:12px}.firo-related a{text-decoration:underline;color:#b91c1c}@media(max-width:960px){.firo-header-inner{flex-wrap:wrap;gap:8px}.firo-js .firo-menu-toggle{display:block}.firo-js .firo-navigation:not([data-open=true]){display:none}.firo-navigation{display:flex;flex-basis:100%;align-items:stretch;flex-direction:column;gap:4px;max-height:75vh;overflow:auto;padding:12px 0}.firo-navigation[data-open=true]{display:flex}.firo-navigation details>div{position:static;box-shadow:none;min-width:0}.firo-navigation>a{padding:10px}.firo-guide-note{margin:20px 16px}.firo-faq summary{padding:18px}.firo-faq-answer{padding:0 18px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

@media(max-width:960px){html:not(.firo-js) .firo-header{position:static}}

@media(max-width:480px){
 main .flex-1{min-width:0}
 main :is(h1,h2,h3,p){overflow-wrap:anywhere}
 main a.group>.flex{flex-wrap:wrap}
 main .flex.items-center.justify-between{flex-wrap:wrap;gap:.5rem}
 main .flex.items-center.gap-2{flex-wrap:wrap}
}

/* Keep text and action colors legible on the light site surfaces. */
.bg-red-500,.firo-navigation>a:last-child{background-color:#b91c1c}
.text-red-500{color:#b91c1c}
.text-green-600{color:#15803d}
.text-yellow-600{color:#8a5a02}
main p a,main li a{ text-decoration:underline;text-underline-offset:.15em }