/* Clean-build additions: focus styles, search results, compare chips/table, toast, video dialog */
:focus-visible{outline:2px solid #1F85FF;outline-offset:2px}
.f-root a:focus-visible,.f-root button:focus-visible{outline:2px solid #1F85FF;outline-offset:2px}
html.js .f-root .reveal:not(.in){opacity:0;transform:translateY(26px)}
@media (prefers-reduced-motion: reduce){html.js .f-root .reveal{opacity:1!important;transform:none!important;transition:none!important}}
.nav-search-box{position:relative}
.search-results{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:80;background:#fff;border:1px solid #e3e8ef;border-radius:10px;box-shadow:0 12px 32px rgba(10,37,64,.14);max-height:60vh;overflow:auto}
.search-results[hidden]{display:none}
.search-hit{display:flex;flex-direction:column;gap:2px;padding:10px 14px;color:#0A2540;text-decoration:none;transition:background .15s}
.search-hit:hover,.search-hit:focus-visible{background:#f2f6fb}
.search-hit span{font-size:12px;color:#5b6b7f}
.search-empty{padding:12px 14px;color:#5b6b7f;font-size:14px}
.cb-chip{display:inline-flex;align-items:center;gap:4px;margin-inline-end:6px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.12);font-family:"IBM Plex Mono",monospace;font-size:12px}
.cb-chip button{background:none;border:0;color:inherit;cursor:pointer;font-size:14px;line-height:1}
.hf-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:120;background:#0A2540;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.cmp-overlay{position:fixed;inset:0;z-index:110;background:rgba(10,37,64,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.cmp-modal{position:relative;background:#fff;border-radius:14px;max-width:1000px;width:100%;max-height:86vh;overflow:auto;padding:28px}
.cmp-modal h3{font-family:"Barlow Condensed",sans-serif;font-size:28px;text-transform:uppercase;color:#0A2540;margin:0 0 16px}
.f-cmp-close{position:absolute;inset-inline-end:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer;color:#0A2540}
.cmp-scroll{overflow-x:auto}
.cmp-table{width:100%;border-collapse:collapse;font-size:14px}
.cmp-table th,.cmp-table td{border-bottom:1px solid #e3e8ef;padding:10px;text-align:start;vertical-align:top}
.cmp-table thead th{font-family:"IBM Plex Mono",monospace;color:#1F85FF}
.cmp-table tbody th{color:#5b6b7f;font-weight:500;white-space:nowrap}
.cmp-actions{margin-top:18px;display:flex;justify-content:flex-end}
.hf-video-dialog{border:0;padding:0;background:#000;max-width:min(1100px,94vw);width:100%;border-radius:10px;overflow:visible}
.hf-video-dialog::backdrop{background:rgba(0,0,0,.75)}
.hf-video-dialog video{display:block;width:100%;max-height:80vh}
.hf-vd-close{position:absolute;top:-40px;inset-inline-end:0;background:none;border:0;color:#fff;font-size:32px;cursor:pointer}
[dir=rtl] .f-flip svg{transform:scaleX(-1)}
/* DIFF.md fixes 2026-10-22 */
@media (max-width:639px){
 .f-root .hero .frh-h1-lat{font-size:clamp(24px,8.4vw,60px)!important;overflow-wrap:anywhere;max-width:100%}
 .f-root .fhs-inner>*,.f-root .hero-center{min-width:0;max-width:100%}
 .f-root .hero-center h1{overflow-wrap:anywhere}
 .f-root .f-hero h1,.f-root .page-hero h1,.f-root main h1,.f-root .sec-head h2,.f-root .f-outro h2,.f-root .cta h2{overflow-wrap:anywhere;max-width:100%}
  html:is([lang=es],[lang=fr],[lang=ru]) .f-root .f-hero h1,html:is([lang=es],[lang=fr],[lang=ru]) .f-root .fp-hero h1{font-size:clamp(24px,7.6vw,44px)}
 .f-root .fp-hero h1 .accent{white-space:normal;overflow-wrap:anywhere}
 .f-root .f-hero h1 .accent,.f-root h1 .accent,.f-root h2 .accent,.f-root h1 em,.f-root h2 em{white-space:normal;overflow-wrap:anywhere}
 .f-root .f-hero .container>*,.f-root .sec-head>*{min-width:0;max-width:100%}
 .f-root .hero .hero-eyebrow,.f-root .hero .frh-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .f-root .f-tabs .container{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 [dir=rtl] .f-root .f-tabs .container{-webkit-mask-image:linear-gradient(270deg,#000 85%,transparent);mask-image:linear-gradient(270deg,#000 85%,transparent)}
 .f-root .f-tab{scroll-snap-align:start}
}
html,body{overflow-x:clip}
a[href^="tel:"],.hf-ltr{direction:ltr;unicode-bidi:isolate}
.tb-link[href="/admin/"],.tb-link[href$="/login"],a.tb-link[href*="/login"]{display:none!important}
.f-root .ff-err{color:#e5484d;font-size:.78rem;line-height:1.35}
.f-root .ff-err[hidden]{display:none}
.f-root .ff-success{padding:28px;border:1px solid #e3e8ef;border-radius:12px;background:#fff}
.f-root .ff-success h3{font-family:"Barlow Condensed",sans-serif;font-size:1.8rem;color:#0A2540;text-transform:uppercase;margin:0 0 8px}
.f-root .ff-success [data-ref]{color:#1F85FF;font-size:.8rem;letter-spacing:.08em}
@media (max-width:639px){
 .f-root .hero .frh-copy,.f-root .hero .hero-center{padding-inline-end:48px;box-sizing:border-box}
 html:is([lang=es],[lang=fr],[lang=ru]) .f-root .hero .frh-h1-lat{font-size:clamp(1.6rem,8vw,2.4rem)!important}
 .f-root .hero .frh-line-in{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
.f-root .model-card[hidden]{display:none!important}
[data-pgroup][hidden]{display:none!important}
@media (max-width:1080px){
 .f-root .hero h1,.f-root .hero h1 span{white-space:normal!important;overflow-wrap:anywhere}
 .f-root .hero h1{max-width:calc(100vw - 92px)!important}
 .f-root .hero .frh-line-in{max-width:100%}
}
@media (max-width:639px){ html:is([lang=es],[lang=fr],[lang=ru]) .f-root .hero h1{font-size:clamp(1.6rem,8vw,2.4rem)!important} }
.f-root .m-search-btn{display:none;background:none;border:0;cursor:pointer;padding:8px;color:#0A2540;flex:none}
@media (max-width:1080px){.f-root .m-search-btn{display:inline-flex;margin-inline-start:auto}}
/* ar: hero copy is dir=ltr but dock sits on the left in RTL -> keep title clear of it */
@media (max-width:1080px){[dir=rtl] .f-root .hero h1{margin-left:auto}
 [dir=rtl] .f-root .hero .frh-copy,[dir=rtl] .f-root .hero .hero-center{padding-left:72px;padding-right:0}}
.f-root .page-hero h1{color:#fff}
.f-root .page-hero .kicker{color:#5bb4e3}