.site-header{position:relative;inset:auto;z-index:50;background:rgba(251,248,241,.96);border-bottom:1px solid rgba(18,72,68,.16);backdrop-filter:blur(14px)}
.site-header-inner{width:min(1320px,calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;gap:18px}
.site-brand{flex:0 0 auto;color:#173b38;text-decoration:none;font:800 14px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.19em}.site-brand span{color:#d8913a}
.site-primary{display:flex;align-items:center;gap:clamp(9px,1.05vw,17px);margin-left:auto}.site-primary a,.site-secondary a{min-height:44px;display:inline-flex;align-items:center;color:#173b38;text-decoration:none;font:650 clamp(11px,.84vw,13px)/1.2 "Segoe UI",Arial,sans-serif;white-space:nowrap}.site-primary a[aria-current="page"]{border-bottom:1px solid currentColor}
.site-secondary{display:flex;align-items:center;gap:8px;margin-left:4px;padding-left:12px;border-left:1px solid rgba(18,72,68,.18)}.site-secondary a:last-child{padding:7px 14px;border:1px solid rgba(18,72,68,.28);border-radius:999px}
.language-switch{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border:1px solid rgba(18,72,68,.25);border-radius:999px;color:#173b38;text-decoration:none;font:700 12px/1.2 "Segoe UI",Arial,sans-serif;white-space:nowrap}.language-switch:focus-visible{outline:3px solid #d4a84f;outline-offset:3px}
.site-mobile{display:none;margin-left:auto;position:relative}.site-mobile summary{min-height:44px;display:flex;align-items:center;padding:7px 14px;border:1px solid rgba(18,72,68,.25);border-radius:999px;cursor:pointer;font:650 13px "Segoe UI",Arial,sans-serif;list-style:none}.site-mobile summary::-webkit-details-marker{display:none}.site-mobile nav{position:absolute;right:0;top:50px;width:min(300px,calc(100vw - 28px));padding:10px;background:#fbf8f1;border:1px solid rgba(18,72,68,.18);border-radius:18px;box-shadow:0 20px 50px rgba(20,52,48,.14);display:grid;gap:0}.site-mobile a{min-height:44px;display:flex;align-items:center;padding:8px 10px;color:#173b38;text-decoration:none;font:650 14px "Segoe UI",Arial,sans-serif;border-bottom:1px solid rgba(18,72,68,.1)}.site-mobile a:last-child{border:0}.site-mobile .site-mobile-secondary{color:#116d69}
.site-footer{width:100%;padding:52px 0 80px;border-top:1px solid rgba(18,72,68,.18);background:#fbf8f1;color:#173b38}.site-footer-inner{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}.site-footer h2{margin:0 0 12px;font:800 11px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#60726f}.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0}.site-footer a{min-height:40px;display:inline-flex;align-items:center;color:#173b38;text-decoration:none;font:650 13px/1.35 "Segoe UI",Arial,sans-serif}.site-footer a:hover{text-decoration:underline}
@media(max-width:1120px){.site-primary,.site-secondary{display:none}.site-mobile{display:block}}
@media(max-width:520px){.site-header-inner{width:calc(100% - 24px);min-height:64px}.site-footer{padding-bottom:100px}.site-footer-inner{width:calc(100% - 24px);grid-template-columns:1fr;gap:24px}.site-footer nav{display:grid}.site-footer a{min-height:44px}}
@media(prefers-reduced-motion:reduce){.site-mobile *{transition:none!important}}

/* Ask Husam occupies document space, never the page's reading area. */
.ask-launch-dock{width:min(1320px,calc(100% - 40px));margin-inline:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding-block:12px;padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));min-width:0}
.ask-launch-dock>.ask-launch,.ask-launch-dock>#ask{position:static;inset:auto;z-index:auto;flex:0 0 auto;max-width:100%;margin:0}
.ask-launch-dock>.ask-nudge,.ask-launch-dock>#bubble{position:static;inset:auto;z-index:auto;flex:0 1 36rem;width:auto;max-width:100%;margin:0;transform:none}
.ask-launch-dock>#bubble{display:none}.ask-launch-dock>#bubble.show{display:block}
.site-header .site-mobile{z-index:2}
.site-footer a{min-height:44px}
@media(max-width:520px){.ask-launch-dock{width:calc(100% - 24px)}}
