/* AIAI Smart Menu — isolated presentation; no page or recommendation styles */
.aiai-smart-trigger{width:44px;height:44px;min-width:44px;padding:0;display:inline-grid;place-items:center;border:1px solid #E5E9E3;border-radius:14px;background:#fff;color:#135B43;cursor:pointer;box-shadow:0 2px 12px rgba(20,44,36,.035);-webkit-tap-highlight-color:transparent}
.aiai-smart-trigger svg{width:24px!important;height:24px!important;display:block}
.aiai-smart-trigger:hover,.aiai-smart-trigger[aria-expanded="true"]{background:#E8F3EC;border-color:#D6E6DB}
.aiai-smart-trigger:focus-visible,.aiai-smart-close:focus-visible,.aiai-smart-link:focus-visible,.aiai-smart-brand:focus-visible{outline:2px solid #135B43;outline-offset:3px}
.aiai-smart-overlay[hidden]{display:none!important}
.aiai-smart-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;display:block!important;width:100%!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;direction:rtl!important;text-align:right!important}
.aiai-smart-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(11,30,22,.34);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:default;animation:aiai-smart-fade .18s ease both}
.aiai-smart-panel{box-sizing:border-box;position:absolute;right:0;top:0;bottom:0;width:min(90vw,380px);height:100dvh;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:calc(19px + env(safe-area-inset-top)) 20px calc(22px + env(safe-area-inset-bottom));border-radius:28px 0 0 28px;background:#FBFAF7;color:#142C24;box-shadow:-18px 0 55px rgba(10,34,23,.12);font-family:"IBM Plex Sans Arabic","Tajawal",sans-serif;animation:aiai-smart-slide .27s cubic-bezier(.19,.75,.27,1) both}
.aiai-smart-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px}
.aiai-smart-top .aiai-smart-brand{display:inline-flex!important;align-items:center!important;max-width:148px;min-height:44px;margin:0!important;padding:0!important;line-height:0;text-decoration:none;border:0!important}
.aiai-smart-brand img{display:block;width:128px;height:44px;object-fit:contain}
.aiai-smart-close{width:40px;height:40px;border:1px solid #E3E6DF;border-radius:13px;background:#fff;color:#142C24;display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.aiai-smart-close svg{width:18px;height:18px}
.aiai-smart-intro{margin:30px 0 17px}
.aiai-smart-eyebrow{margin:0 0 5px!important;color:#B48A3E;font-weight:700;font-size:11px!important;letter-spacing:.01em}
.aiai-smart-intro h2{font:700 25px/1.45 "Readex Pro","IBM Plex Sans Arabic",sans-serif;margin:0;color:#142C24}
.aiai-smart-intro>p:last-child{margin:5px 0 0;font-size:13px;line-height:1.8;color:#67736D}
.aiai-smart-nav{display:block!important;flex:1;min-height:0;margin:0!important;padding:0!important;overflow:visible!important}
.aiai-smart-section{margin:0 0 14px;padding:13px 0 0;border-top:1px solid #E6E9E2}
.aiai-smart-section h3{margin:0 10px 8px;color:#A47F41;font:600 11px/1.5 "IBM Plex Sans Arabic",sans-serif}
.aiai-smart-panel .aiai-smart-link{box-sizing:border-box;display:flex!important;align-items:center;gap:13px;width:100%;min-height:46px;margin:2px 0;padding:10px 12px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#203C30!important;font:600 14px/1.6 "IBM Plex Sans Arabic",sans-serif!important;text-decoration:none!important;box-shadow:none!important;transition:background .16s ease,color .16s ease}
.aiai-smart-link span{flex:1;min-width:0}
.aiai-smart-link svg{display:block;width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round;opacity:.82}
.aiai-smart-panel .aiai-smart-link:hover{background:#EFF4EF!important}
.aiai-smart-panel .aiai-smart-link[aria-current="page"]{position:relative;background:#E8F3EC!important;color:#135B43!important;font-weight:700!important}
.aiai-smart-panel .aiai-smart-link[aria-current="page"]:before{content:"";width:4px;height:16px;flex:0 0 4px;background:#C99D4D;border-radius:4px;position:absolute;right:0}
.aiai-smart-footnote{margin:16px 0 0!important;padding:14px 4px 2px;color:#87918A;text-align:center;font-size:12px;line-height:1.5;border-top:1px solid #E6E9E2}
body.aiai-smart-menu-open{overflow:hidden!important}
@keyframes aiai-smart-slide{from{transform:translateX(30px);opacity:.8}to{transform:translateX(0);opacity:1}}
@keyframes aiai-smart-fade{from{opacity:0}to{opacity:1}}
@media(max-width:350px){.aiai-smart-panel{width:min(94vw,360px);padding-inline:16px}.aiai-smart-intro h2{font-size:22px}.aiai-smart-panel .aiai-smart-link{font-size:13px!important;min-height:44px}}
@media(prefers-reduced-motion:reduce){.aiai-smart-panel,.aiai-smart-scrim{animation:none!important}.aiai-smart-link,.aiai-smart-trigger{transition:none!important}}

/* Polished responsive menu: isolated scrolling */
.aiai-smart-panel{overflow:hidden;padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.aiai-smart-nav{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;flex:1 1 auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#CAD7CC transparent;padding-bottom:12px!important}
.aiai-smart-top,.aiai-smart-intro{flex-shrink:0}

/* Compact hierarchy and refined tap targets */
.aiai-smart-intro{margin:18px 0 14px}
.aiai-smart-intro h2{font-size:22px;line-height:1.35}
.aiai-smart-intro>p:last-child{font-size:12.5px;line-height:1.65;margin:4px 0 0}
.aiai-smart-section{margin:0 0 8px;padding:10px 0 0}
.aiai-smart-section h3{font-size:10.5px;margin:0 9px 6px}
.aiai-smart-panel .aiai-smart-link{min-height:46px;padding:9px 11px!important;margin:1px 0;font-size:13.5px!important;line-height:1.45!important;gap:12px}
.aiai-smart-link svg{width:19px;height:19px;flex-basis:19px}
.aiai-smart-brand img{width:122px;height:42px}
.aiai-smart-close{width:38px;height:38px}
.aiai-smart-footnote{display:none!important}

/* Small and short screens: keep links usable without page overlap */
@media(max-height:680px){.aiai-smart-panel{padding-top:calc(10px + env(safe-area-inset-top))}.aiai-smart-intro{margin:10px 0 9px}.aiai-smart-section{margin-bottom:5px;padding-top:8px}.aiai-smart-panel .aiai-smart-link{min-height:44px}}
@media(max-width:350px){.aiai-smart-panel{padding-inline:15px}.aiai-smart-intro h2{font-size:21px}.aiai-smart-panel .aiai-smart-link{font-size:13px!important}}