/* SIRAI phase 1: mobile, accessibility and RTL improvements. */
:root{color-scheme:light}html{scroll-padding-top:94px}body{overflow-x:clip}main,section,article,aside,header,footer{min-width:0}img,svg,video{max-width:100%}a,button,input,select,textarea{touch-action:manipulation}button,a,input,select,textarea{accent-color:#235743}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #7562b5!important;outline-offset:3px!important}button:disabled{opacity:.65;cursor:not-allowed}input,select,textarea{max-width:100%}input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:44px}textarea{line-height:1.6}table{max-width:100%}[id]{scroll-margin-top:100px} .footer-links{row-gap:12px} .site-footer .footer-links a{line-height:1.6} .sirai-transparency{background:#f6f4ec;padding:clamp(32px,6vw,78px) 0 88px}.sirai-transparency .lead{max-width:760px;font-size:clamp(17px,2vw,20px);line-height:1.7;color:#365647}.sirai-transparency h1{font-size:clamp(36px,6vw,66px);line-height:1.09;color:#123e30;max-width:900px;margin:10px 0 20px}.sirai-transparency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}.sirai-transparency-card{background:#fffef9;border:1px solid #e1e2d5;border-radius:16px;padding:clamp(20px,3vw,32px);box-shadow:0 8px 24px rgba(14,53,38,.04)}.sirai-transparency-card h2{font-size:clamp(21px,3vw,27px);margin:0 0 12px;color:#123e30}.sirai-transparency-card p,.sirai-transparency-card li{line-height:1.75;color:#334d40}.sirai-transparency-card a{color:#125d45;text-decoration:underline}.sirai-transparency .backlink{display:inline-block;margin-top:30px;font-weight:700;color:#123e30}.sirai-connection-note{font-size:12px;line-height:1.5;max-width:26ch;color:#eaf3ee}.sirai-connection-note[data-offline="true"]{color:#fff0cd} [dir="rtl"] .footer-links,[dir="rtl"] .sirai-transparency{text-align:start} [dir="rtl"] .sirai-transparency-card ul{padding-inline-start:24px} @media(max-width:760px){.sirai-transparency-grid{grid-template-columns:1fr}.header-inner{gap:8px}.site-footer .footer-links{gap:14px 22px}.sirai-offline-indicator{font-size:10px;padding:5px 8px}.sirai-transparency{padding-top:32px} .sf-layout,.ps-layout,.tq-layout{min-width:0}}@media(max-width:480px){.header-inner>.brand{min-width:0}.header-inner>.brand .brand-text{min-width:0}.sirai-connection-note{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.sirai-connection-note{display:none!important}.sirai-transparency-card{box-shadow:none;break-inside:avoid}.sirai-transparency{background:white}}

/* Mobile header: status is in its own flow row, never floating over controls. */
#sirai-offline-indicator.sirai-offline-indicator{position:static!important;inset:auto!important;z-index:auto;display:block;width:max-content;max-width:calc(100% - 32px);margin:7px 16px 8px auto;margin-inline-start:auto;margin-inline-end:16px;padding:6px 12px;font-size:11px;line-height:1.4;text-align:center;box-shadow:none!important;border-radius:999px}
/* Sage-green language control for visibility. */
.site-header .lang-select{flex-shrink:0;appearance:auto;-webkit-appearance:menulist;background:#e7efe8;color:#173b2e;border:2px solid #2e5a46;border-radius:12px;min-height:46px;padding:9px 10px;font-size:13px;font-weight:800;box-shadow:0 2px 0 rgba(23,59,46,.07)}
.site-header .lang-select:hover{background:#d9e9dc;border-color:#173b2e}
.site-header .lang-select:focus-visible{outline:3px solid #7562b5!important;outline-offset:3px}
@media(max-width:760px){.site-header .header-inner{gap:10px}.site-header .lang-select{min-width:100px;max-width:115px;font-size:12px;padding:8px 7px}#sirai-offline-indicator.sirai-offline-indicator{font-size:10px;margin-top:6px;margin-bottom:7px}}
@media print{#sirai-offline-indicator.sirai-offline-indicator{display:none!important}}

/* Keep six primary links clear on mid-size tablets without squeezing the logo. */
@media(min-width:901px) and (max-width:1200px){.site-header .nav{display:none;position:absolute;top:100%;inset-inline:0;padding:20px 30px;background:#f3ede0;border-bottom:1px solid #d9d1bd;box-shadow:0 15px 25px rgba(15,42,29,.10);flex-direction:column;align-items:stretch;gap:14px}.site-header .nav.open{display:flex}.site-header .menu-toggle{display:block}}