:root { --site-ink:#1c2539; --site-accent:#df0a0a; --site-muted:#5d666f; --site-paper:#fff; }
html { scroll-padding-top:110px; }
::selection { background:var(--site-ink); color:var(--site-paper); }
a,button,input,textarea,select { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible { outline:3px solid var(--site-accent)!important; outline-offset:4px; }
.skip-content { position:fixed; inset-block-start:8px; inset-inline-start:8px; z-index:999999; padding:12px 20px; background:var(--site-paper); color:var(--site-ink); transform:translateY(-150%); }
.skip-content:focus { transform:translateY(0); }
.page-banner { position:relative; isolation:isolate; background:#0b1c2a; color:#fff; overflow:hidden; }
.page-banner-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; }
.page-banner::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,24,36,.78),rgba(9,24,36,.32)); z-index:-1; }
.page-banner-content { padding-block:58px 64px; }
.page-banner h1 { color:#fff!important; max-width:24ch; font-size:clamp(30px,3.3vw,48px)!important; line-height:1.18!important; margin:20px 0 16px; overflow-wrap:anywhere; text-wrap:balance; }
.page-banner p { color:#fff; max-width:65ch; line-height:1.65; margin:0; font-size:16px; }
.page-trail ol { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; padding:0; margin:0; list-style:none; font-size:14px; line-height:1.65; }
.page-trail li { display:flex; align-items:baseline; gap:12px; min-width:0; }
.page-trail li+li::before { content:"/"; opacity:.65; }
.page-trail a { color:#fff!important; text-underline-offset:4px; }
.page-trail a:hover { text-decoration:underline; }
.page-trail [aria-current] { color:#e1e7ec; overflow-wrap:anywhere; }
.page-banner-credit { position:absolute; bottom:8px; inset-inline-end:16px; color:#dce4ea; font-size:11px; }
.entry-content p,.entry-content li,.bs-desc p,.bs-desc li { line-height:1.8; }
.entry-content p,.bs-desc p { margin-block-end:1.2em; }
.entry-content h2,.bs-desc h2 { margin-block:1.4em .6em; }
.table-scroll { width:100%; overflow-x:auto; margin-block:24px; }
.table-scroll table { margin:0; min-width:540px; }
.detail-next { margin-block:20px 64px; padding-block:32px; border-top:1px solid #dce2e7; display:flex; align-items:center; gap:32px; justify-content:space-between; }
.detail-next h2 { font-size:28px; line-height:1.3; margin:0 0 12px; }
.detail-next p { max-width:72ch; margin:0; }
.detail-contact { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 24px; flex-shrink:0; background:var(--site-accent); color:#fff!important; border-radius:4px; }
.detail-contact:hover { background:var(--site-ink); }
.main-contain img { max-width:100%; }
.main-contain iframe { max-width:100%; }
[dir="rtl"] .page-banner::after { background:linear-gradient(270deg,rgba(9,24,36,.85),rgba(9,24,36,.38)); }
@media(max-width:767px) {
 .page-banner-content { padding:32px 20px 42px; }
 .page-banner h1 { max-width:100%; font-size:30px!important; }
 .page-banner-image { object-position:65% center; }
 .page-banner::after { background:rgba(9,24,36,.65); }
 .page-trail ol { font-size:13px; gap:4px 8px; }
 .page-trail li { gap:8px; }
 .detail-next { flex-direction:column; align-items:stretch; margin-block-end:40px; padding:28px 20px; gap:20px; }
 .main-contain .elementor-widget-heading h2,.main-contain .entry-content h2,.main-contain .bs-desc h2 { font-size:28px!important; line-height:1.3!important; }
 .main-contain .entry-content h3,.main-contain .bs-desc h3 { font-size:23px!important; line-height:1.4!important; }
 .main-contain .full-blog-content { padding:24px 18px!important; }
 .main-contain .blog-title { overflow-wrap:anywhere; }
 .main-contain .elementor-widget-container { min-width:0; }
 .main-contain input:not([type=checkbox]):not([type=radio]),.main-contain textarea,.main-contain select { max-width:100%; font-size:16px; }
 .main-contain button,.main-contain input[type=submit] { min-height:44px; }
 .reactheme-footer a { overflow-wrap:anywhere; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto!important; }
 *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}
