/* Additions for the current public site. Not loaded by the independent guide flow. */
.skip-link{position:fixed;top:-100px;left:16px;z-index:20000;background:#0b1d3a;color:#fff;padding:12px 20px;border-radius:4px}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid #b95700;outline-offset:4px}
.sop-appointment{background:#f0f4f8;color:#0b1d3a;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font:600 15px/1.5 'DM Sans',sans-serif}
.sop-appointment>div{display:flex;gap:10px;flex-wrap:wrap}
.sop-appointment a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #0b1d3a;border-radius:6px;text-decoration:none}
.sop-appointment .sop-book{background:#0b1d3a;color:#fff}
.sop-appointment .sop-whatsapp{background:#fff;color:#0b1d3a}
.sop-appointment a:hover{text-decoration:underline;text-underline-offset:3px}
body:has(.sop-appointment) .wa-float{display:none}
body:has(.sop-appointment) .blog-header,body:has(.sop-appointment) .blog-hub-hero,body:has(.sop-appointment) .oks-hero,body:has(.sop-appointment) .privacy-hero{padding-top:42px}
.sop-related{display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:24px;padding-bottom:24px;font-size:15px}
.sop-related a{color:#0b5cab;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}
/* Current editorial templates use these colors as text on white. */
.blog-card-tag,.blog-card-meta,.blog-tag,.oks-q-num,.error-code,.privacy-content a{color:#8a4300}
.error-btn-primary,.oks-btn-result{background:#0b1d3a;color:#fff}
.nav-sub,.drawer-sub{color:#cbd5e1}
.nav-links a{color:#e2e8f0}
.blog-header .breadcrumb a,.blog-hub-hero .breadcrumb a,.privacy-hero .breadcrumb a,.oks-hero .breadcrumb a,.oks-hero .breadcrumb{color:#cbd5e1}
.blog-header p,.blog-hub-hero p,.privacy-hero p,.oks-hero p{color:#dbe4ee}
.site-footer .footer-grid h2{font:600 18px/1.4 'DM Serif Display',serif;color:#fff}
.site-footer .footer-col h3{font-size:14px}
.table-scroll:focus-visible{outline-offset:2px}
/* Radio controls remain keyboard reachable; labels carry the visible design. */
.oks-option input{display:inline-block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.oks-option:focus-within{outline:3px solid #b95700;outline-offset:2px}
@media(max-width:760px){.sop-appointment{padding:14px 20px;font-size:14px}.sop-appointment>div{width:100%}.sop-appointment a{flex:1;font-size:13px;padding:10px}.sop-related{gap:8px}.sop-related a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.sop-appointment,.sop-related,.skip-link{display:none!important}}
.sop-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.split>*{min-width:0}.bio-portrait{width:100%;max-width:370px;height:auto}
/* These editorial pages carry legacy inline colors. */
.nav .nav-sub{color:#cbd5e1!important}
.sop-light-nav .nav .nav-sub{color:#475569!important}.sop-light-nav .nav-links a{color:#334155}.sop-light-nav .nav-links .nav-cta{color:#0b1d3a}
.sop-light-nav .nav-links a[href="/blog/"]{color:#8a4300!important}.sop-light-nav .nav-links .nav-cta{color:#0b1d3a!important}