/* Tajawal, served from /fonts (public/fonts/README.txt): no extra connection to Google, so the title does not jump
   when the font arrives on a phone */
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-arabic-400.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-arabic-500.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-arabic-700.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/tajawal-arabic-800.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/tajawal-latin-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* rabet.my: white pages, brand blue, Tajawal everywhere (owner design identity). */
:root{--blue:#4C48FF;--blue-50:#EEF0FF;--blue-100:#D7D9FF;--ink:#14131F;--ink-2:#3A3950;--muted:#7A7990;--line:#EFEFF5;--soft:#F6F5FA;--ok:#1E8A4C;--ok-50:#E8F7EE;--hot:#B4530A;--hot-50:#FFF1E2}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:'Tajawal',system-ui,sans-serif;font-size:16px;line-height:1.6}
button,input,select{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
/* a safety net: nothing may widen the page sideways on a phone (iOS zooms the whole page out to fit it) */
html{overflow-x:clip}
/* visually hidden, read by screen readers and crawlers; pinned to its box's corner so it never sits outside a
   scrolling row (inside a card rail its natural spot was off the page and widened it on phones) */
.sr{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.muted{color:var(--muted)} .sm{font-size:14px} .xs{font-size:12px} .center{text-align:center}
.row-sb{display:flex;justify-content:space-between;align-items:center;gap:12px}
.row-g{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.card{background:#fff;border-radius:22px;box-shadow:0 18px 40px rgba(42,39,128,.12)}
.pad{padding:20px;display:flex;flex-direction:column;gap:8px}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;border:0;border-radius:999px;padding:11px 20px;font-weight:700;cursor:pointer;white-space:nowrap}
.pill:hover{background:#3A36E0}
.pill.big{padding:14px;font-size:17px;width:100%}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #E3E3EE;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--ink-2);background:#fff;white-space:nowrap;cursor:pointer}
.chip.on{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue)}
.chip.off{color:#A9A8BA;cursor:default} .chip small{font-size:11px}
.tag{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--blue-50);color:var(--blue);white-space:nowrap}
.tag.ok{background:var(--ok-50);color:var(--ok)} .tag.hot{background:var(--hot-50);color:var(--hot)}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.free{color:var(--ok)}
.sar{display:inline-block;width:.78em;height:.86em;vertical-align:-.06em;background:currentColor;-webkit-mask:url(/sar.png) center/contain no-repeat;mask:url(/sar.png) center/contain no-repeat}
[data-myr]{white-space:nowrap}
h1,h2,h3{margin:0;line-height:1.25}
.h1{font-size:30px;font-weight:800;letter-spacing:-.2px} .h1 span{color:var(--blue)}
.h1.md{font-size:28px} .h1-sub{color:var(--muted)!important;font-size:.6em;font-weight:700}
.lead{font-size:16px;color:#5E5D70;font-weight:500;margin:0}
.sec{margin-top:36px} .sec>h2{font-size:21px;font-weight:800;margin-bottom:14px}
.prose p,.prose li{color:var(--ink-2)} .prose ul{padding-inline-start:20px} .prose a{color:var(--blue);font-weight:700}

/* header / footer */
.hdr{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}
.hdr-in{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;color:var(--blue)}
.hdr .brand img{height:44px;width:auto} .ftr .brand img{height:40px;width:auto}
.nav{display:none;gap:26px;font-weight:600;color:var(--ink-2)} .nav a[aria-current]{color:var(--blue)}
.hact{display:flex;align-items:center;gap:10px}
.curpick select{border:1px solid #E3E3EE;border-radius:999px;padding:7px 10px;background:#fff;font-size:13px;font-weight:700;max-width:120px}
.hact .pill{display:none}
/* Header «أ» (owner pick 2026-10-10): phones get the logo row and a row of every section; scrolling down
   tucks the logo row away (site.js adds .tuck). Desktop keeps one row. The old header has no .hdr2. */
.hdr2{transition:transform .22s ease}
.hdr2 .hdr-in{height:auto;flex-wrap:wrap;column-gap:12px;row-gap:0}
.hdr2 .brand,.hdr2 .hact{height:56px}
.hdr2 .brand img{height:36px}
.hdr2 .hact{gap:8px}
.hdr2 .sbtn{width:40px;height:40px;border-color:#E6E6EF}
.hdr2 .nav{display:flex;order:3;flex:0 0 calc(100% + 32px);margin:0 -16px;padding:0 10px;height:46px;gap:2px;overflow-x:auto;scrollbar-width:none;font-weight:700;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 28px);mask:linear-gradient(90deg,transparent 0,#000 28px)}
.hdr2 .nav::-webkit-scrollbar{display:none}
.hdr2 .nav a{display:flex;align-items:center;gap:6px;padding:0 9px;white-space:nowrap;font-size:14.5px;border-bottom:2.5px solid transparent;margin-bottom:-1px}
.hdr2 .nav a svg{color:var(--muted);flex:none}
.hdr2 .nav a[aria-current]{color:var(--blue);border-bottom-color:var(--blue)} .hdr2 .nav a[aria-current] svg{color:var(--blue)}
.hdr2.tuck{transform:translateY(-56px)}
.curchip{position:relative;height:40px;border:1px solid #E6E6EF;border-radius:999px;display:flex;align-items:center;gap:6px;padding:0 12px 0 10px;background:#fff;color:var(--ink-2);cursor:pointer}
.curchip .cc-f{font-size:18px;line-height:1} .curchip .cc-n{font-size:14px;font-weight:800;color:var(--ink)}
.curchip .cc-n .sar{font-size:18px;vertical-align:-.12em}
.curchip select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;border:0}
.curchip:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-50)}
.curchip:hover{border-color:var(--blue-100)}
@media (max-width:899px){html{scroll-padding-top:56px}}
/* Header like Airbnb (owner 2026-10-10): logo, one search pill with the currency inside (the flag over the riyal
   sign), the menu; under it the three section homes. Sheets: search (full), currency (from the bottom), menu (full). */
.hdr4{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(20,19,31,.04)}
.h4-in{display:flex;align-items:center;gap:10px;height:72px}
.hdr4 .brand img{height:30px;width:auto}
.h4-pill{flex:1;min-width:0;height:56px;display:flex;align-items:center;border:1px solid #ECECF3;border-radius:999px;background:#fff;box-shadow:0 6px 20px rgba(20,19,31,.10)}
.h4-s{flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:10px;border:0;background:none;padding:0 16px 0 6px;cursor:pointer;color:var(--ink);text-align:start;font:inherit;border-radius:999px}
.h4-s svg{flex:none}
.h4-t{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.h4-t b{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h4-t span{font-size:12px;color:#66657A;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h4-cur{flex:none;width:46px;height:46px;margin-inline-end:5px;border-radius:50%;border:1px solid #E6E6EF;background:#F7F7FB;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:0;color:var(--ink)}
.h4-cur .cc-f{display:block;width:21px;height:21px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1.5px #fff,0 1px 3px rgba(20,19,31,.22);color:#66657A}
.h4-cur .cc-f img,.h4-cur .cc-f svg{display:block;width:100%;height:100%}
.h4-cur .cc-n{display:block;line-height:1;height:11px} .h4-cur .cc-n .sar{display:block;font-size:12px;width:10px;height:11px;vertical-align:0}
.h4-cur.solo .cc-n{display:none} .h4-cur.solo .cc-f{width:28px;height:28px}
.h4-menu{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #E6E6EF;background:#fff;color:var(--ink-2);display:grid;place-items:center;cursor:pointer;padding:0}
.h4-s:focus-visible,.h4-cur:focus-visible,.h4-menu:focus-visible,.h4-tabs a:focus-visible{outline:3px solid var(--blue-100);outline-offset:2px}
.h4-app{display:none}
.h4-tabs{display:flex;justify-content:center;max-width:1200px;margin:0 auto;height:60px}
.h4-tabs a{flex:1;max-width:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:700;color:#66657A;border-bottom:2.5px solid transparent;margin-bottom:-1px}
.h4-tabs a[aria-current]{color:var(--blue);border-bottom-color:var(--blue)}
.sheet[hidden],.sh-dim[hidden]{display:none}
.sh-dim{position:fixed;inset:0;z-index:61;background:rgba(20,19,31,.32)}
html.sheet-open{overflow:hidden}
.sfull{position:fixed;inset:0;z-index:62;background:#fff;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom));opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}
.sfull.in{opacity:1;transform:none}
.sh-top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:68px}
.sh-top b{text-align:center;font-size:17px;font-weight:800} .sh-top .brand img{height:30px;width:auto}
.sh-x{width:44px;height:44px;border-radius:50%;border:1px solid #E6E6EF;background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink-2);padding:0;justify-self:end}
.sh-top .sh-x:first-child{justify-self:start}
.qbox.ss-q,.qbox.ss-q:focus-within{display:block;border:0;padding:0;background:none;box-shadow:none;border-radius:0}
.ss-in{display:flex;align-items:center;gap:10px;min-height:56px;border:2px solid var(--blue);border-radius:16px;padding:0 14px;box-shadow:0 0 0 4px var(--blue-50);color:var(--ink-2)}
.ss-in svg{flex:none} .ss-q .ss-in input{font-size:16px}
#ssheet .sugg{position:static;box-shadow:none;padding:0;margin:12px -6px 0;max-height:none;border-radius:0}
.ss-types{display:flex;gap:8px;overflow-x:auto;margin:14px -16px 0;padding:0 16px;scrollbar-width:none}
.ss-types::-webkit-scrollbar{display:none}
.ss-types .chip{flex:none}
#ssheet.typing .ss-idle{display:none}
.ss-l{font-size:13px;font-weight:800;color:#66657A;margin:20px 0 10px}
.ss-tries{display:flex;flex-wrap:wrap;gap:8px}
.srow{display:flex;align-items:center;gap:12px;min-height:60px;border-bottom:1px solid var(--line)}
.srow .mi{width:42px;height:42px;border-radius:13px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;flex:none}
.srow b{flex:1;font-size:16px;font-weight:800} .srow .mch{color:#B9B8C9;display:flex}
.sbottom{position:fixed;left:0;right:0;bottom:0;z-index:62;background:#fff;border-radius:24px 24px 0 0;max-height:85vh;max-height:85dvh;overflow-y:auto;overscroll-behavior:contain;padding:8px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(20,19,31,.15);transform:translateY(100%);transition:transform .25s ease}
.sbottom.in{transform:none}
.sh-grab{display:block;width:40px;height:5px;border-radius:3px;background:#DDDCE6;margin:4px auto 12px}
.sh-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}
.sh-head b{display:block;font-size:18px;font-weight:800} .sh-head span{font-size:13px;color:#66657A;font-weight:600}
.crow{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;text-align:start;cursor:pointer;padding:0;color:var(--ink)}
.crow:last-child{border-bottom:0}
.crow .cf{width:30px;height:30px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(20,19,31,.10);color:#66657A} .crow .cf img,.crow .cf svg{display:block;width:100%;height:100%}
.crow .ct{flex:1;display:flex;flex-direction:column} .crow .ct b{font-size:15.5px;font-weight:800} .crow .ct span{font-size:12.5px;color:#66657A;font-weight:700}
.crow .ck{visibility:hidden;color:var(--blue);font-weight:800;font-size:18px}
.crow[aria-pressed="true"] .ck{visibility:visible} .crow[aria-pressed="true"] .ct b{color:var(--blue)}
.m-search{display:flex;align-items:center;gap:10px;width:100%;height:50px;border-radius:999px;background:var(--soft);border:1px solid #ECECF3;padding:0 16px;color:#66657A;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-align:start}
.mcards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 8px}
.mcard{display:flex;flex-direction:column;gap:2px}
.mcard img,.mcard .ph{width:100%;height:112px;object-fit:cover;border-radius:16px;margin-bottom:6px;background:var(--blue-50);display:block}
.mcard b{font-size:16px;font-weight:800} .mcard span{font-size:12.5px;color:#66657A;font-weight:700}
.mmore{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:10px}
.mmore a,.mmore button{display:flex;align-items:center;gap:12px;min-height:50px;width:100%;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;font-size:15px;font-weight:700;color:var(--ink-2);text-align:start;cursor:pointer;padding:0}
.mmore svg{color:#66657A;flex:none} .m-cur{margin-inline-start:auto;width:22px;height:22px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(20,19,31,.10)} .m-cur img,.m-cur svg{display:block;width:100%;height:100%}
#msheet .mapp{margin-top:16px}
@media (prefers-reduced-motion:reduce){.sfull,.sbottom{transition:none}}
@media (max-width:350px){.h4-in{gap:7px} .hdr4 .brand img{height:26px} .h4-t b{font-size:14px} .h4-s{gap:7px;padding-inline-start:12px}}
/* Header «ب» (owner 2026-10-10): logo, live search in the bar, a small flag chip for the currency and a
   menu that opens under the same bar. The bar's search hides while the page's own box shows (.hq-off). */
.hdr3 .hdr-in{position:relative;height:60px;gap:10px}
.hdr3 .brand img{height:34px}
.hdr3 .nav{display:none}
.hdr3 .qbox.hq{position:static;flex:1;min-width:0;height:42px;padding:0 12px;gap:8px;border:1px solid #ECECF3;border-radius:999px;background:var(--soft);transition:opacity .18s ease}
.hdr3 .qbox.hq:focus-within{background:#fff;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-50)}
.hdr3 .qbox.hq>svg{color:var(--ink-2);width:18px;height:18px}
.hdr3 .qbox.hq input{font-size:16px;padding:0;height:40px}
.hdr3 .qbox.hq input::placeholder{font-size:14px;color:var(--muted);font-weight:600;opacity:1}
.hdr3 .hq .sugg{top:calc(100% - 2px);left:10px;right:10px}
.hdr3.hq-off .qbox.hq{visibility:hidden;opacity:0}
.hdr3 .hact{gap:8px}
.curchip.mini{height:38px;padding:0 9px;gap:4px}
.curchip.mini .cc-f{font-size:19px} .curchip.mini .cc-n:empty{display:none}
.mbtn{width:40px;height:40px;flex:none;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.mbtn svg{grid-area:1/1} .mbtn svg+svg,.mbtn[aria-expanded="true"] svg:first-child{display:none} .mbtn[aria-expanded="true"] svg+svg{display:block}
.hmenu{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--line);max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow:auto;box-shadow:0 100vmax 0 100vmax rgba(20,19,31,.28);padding-bottom:18px} /* dims the page below, never the bar */
.hmenu[hidden]{display:none}
html.menu-open{overflow:hidden}
.mrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.mrow .mi{width:46px;height:46px;border-radius:14px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;flex:none}
.mrow .mt{flex:1;display:flex;flex-direction:column;gap:1px} .mrow .mt b{font-size:17px;font-weight:800} .mrow .mt span{font-size:13px;color:var(--muted);font-weight:700}
.mrow[aria-current] .mt b{color:var(--blue)}
.mrow .mch{color:#B9B8C9;font-size:24px;font-weight:700}
.mmore{display:flex;flex-direction:column;padding:6px 0 4px} .mmore a{display:flex;align-items:center;gap:10px;height:44px;font-size:15px;font-weight:700;color:var(--ink-2)} .mmore svg{color:var(--muted)}
.mapp{margin-top:8px;border-radius:18px;background:var(--soft);display:flex;align-items:center;gap:12px;padding:10px 12px}
.mapp img{width:44px;height:46px;object-fit:contain} .mapp>span:not(.mdl){flex:1;display:flex;flex-direction:column} .mapp b{font-size:15px;font-weight:800} .mapp span span{font-size:12.5px;color:var(--muted);font-weight:700}
.mdl{background:var(--blue);color:#fff;font-weight:800;font-size:14px;border-radius:999px;padding:9px 18px}
@media (prefers-reduced-motion:reduce){.hdr3 .qbox.hq{transition:none}}
@media (prefers-reduced-motion:reduce){.hdr2{transition:none}}
.ftr{margin-top:56px;border-top:1px solid var(--line);padding:28px 0 88px;background:var(--soft)}
.ftr-in{display:grid;gap:18px} .ftr-in p{margin:8px 0 0;font-size:14px;max-width:420px}
.ftr-links{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--ink-2)}
.ftr-note{font-size:13px;margin-top:18px}
.apppill{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:7px 18px 7px 7px;box-shadow:0 10px 30px rgba(20,19,31,.14),0 0 0 1px rgba(20,19,31,.05);font-weight:700;font-size:14px;white-space:nowrap}
.apppill[hidden]{display:none}
.apppill-i{width:32px;height:32px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px rgba(20,19,31,.08);display:flex;align-items:center;justify-content:center}

/* home */
.hero{display:flex;flex-direction:column;gap:20px;padding-top:24px}
.hero-t{display:flex;flex-direction:column;gap:12px}
.hero-p{position:relative} .hero-p img{width:100%;height:220px;object-fit:cover;border-radius:22px}
.badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:7px 12px;box-shadow:0 8px 24px rgba(42,39,128,.16)}
.search{margin-top:20px;padding:12px;display:flex;flex-direction:column;gap:12px}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.fields{display:flex;flex-direction:column;border:1px solid #E3E3EE;border-radius:16px;overflow:hidden}
.f{display:flex;flex-direction:column;padding:10px 14px;border-bottom:1px solid var(--line)}
.f span{font-size:12px;color:var(--muted)} .f select{border:0;background:transparent;font-size:16px;font-weight:700;padding:2px 0;appearance:none}
.go{margin:10px;padding:13px;font-size:16px}
.fields[hidden],.sugg[hidden],.sdegs[hidden],[data-sempty][hidden],.smore[hidden]{display:none}
.f input{border:0;background:transparent;font-size:16px;font-weight:700;padding:2px 0;outline:0;min-width:0;width:100%}
.study{font-size:13px;font-weight:700;color:var(--blue)}
/* search box and suggestions */
.qbox{position:relative;display:flex;align-items:center;gap:10px;border:1.5px solid #E3E3EE;border-radius:16px;padding:6px;padding-inline-start:14px;background:#fff}
.qbox:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-50)}
.qbox>svg{color:var(--muted);flex:none}
.qbox input{flex:1;min-width:0;border:0;outline:0;font-size:16px;font-weight:600;padding:9px 0;background:transparent;-webkit-appearance:none;appearance:none}
.qbox input::-webkit-search-cancel-button{display:none}
.qbox .pill{padding:10px 18px}
.sugg{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:25;background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(20,19,31,.16),0 0 0 1px rgba(20,19,31,.05);padding:6px;max-height:min(70vh,520px);overflow:auto}
.sg{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;min-width:0}
.sg:hover,.sg[aria-selected=true]{background:var(--soft)}
.sg .sl{flex:none;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.sg .sl img{width:36px;height:36px;object-fit:contain}
.sg .sl.ic{background:var(--blue-50);border-color:transparent;color:var(--blue)}
.sg .sl i{font-style:normal;font-weight:800;font-size:17px;line-height:1}
.sg .ty{flex:none;margin-inline-start:auto;font-size:11px;font-weight:800;color:#66657A;background:var(--line);border-radius:999px;padding:3px 9px}
.sg .tx{display:flex;flex-direction:column;min-width:0;line-height:1.4;flex:1}
.sg b{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg.all{justify-content:center;color:var(--blue);font-weight:800;font-size:14px}
.snone{padding:14px;color:var(--muted);font-size:14px}
.sres{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.sres .sg{border:1px solid var(--line);padding:14px}
.smore{margin-top:14px}
.stypes,.sdegs{margin-top:12px}
.sbtn{display:inline-flex;width:38px;height:38px;flex:none;border-radius:50%;align-items:center;justify-content:center;border:1px solid #E3E3EE;color:var(--ink-2)}
.sbtn:hover{color:var(--blue);border-color:var(--blue-100)}
.more{color:var(--blue);font-weight:700;font-size:15px;white-space:nowrap} p .more{white-space:normal}
.cards{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory}
.icard{flex:0 0 250px;scroll-snap-align:start;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(42,39,128,.10);display:flex;flex-direction:column}
.icard img,.icard .ph{width:100%;height:150px;object-fit:cover;background:var(--blue-50)}
.icard-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px} .icard h3{font-size:17px;font-weight:800}
.from{font-weight:700;font-size:15px} .from b{color:var(--blue)}
.answers{display:grid;gap:14px}
.ans{border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 28px rgba(42,39,128,.06)}
.ans .q{font-size:15px;font-weight:700} .ans .big{font-size:28px;font-weight:800;color:var(--blue);line-height:1.15} .ans .big small{font-size:16px;color:var(--ink)}
.ans .cta{color:var(--blue);font-weight:700;font-size:15px;margin-top:4px}
.faq details{border-bottom:1px solid var(--line);padding:14px 0} .faq summary{font-weight:700;cursor:pointer;font-size:17px}
.faq p{margin:8px 0 0;color:var(--ink-2)}

/* institutes list */
.pagehead{padding-top:20px;display:flex;flex-direction:column;gap:8px}
.crumb{font-size:13px} .crumb a:hover{color:var(--blue)}
.durs{display:flex;gap:8px;overflow-x:auto;padding:6px 0}
.list-wrap{display:flex;flex-direction:column;gap:20px;margin-top:8px}
.lrow{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.lrow img{width:96px;height:96px;object-fit:cover;border-radius:14px}
.lrow-t{display:flex;flex-direction:column;gap:4px;min-width:0} .lrow h2{font-size:17px;font-weight:800}
.lrow .hl{font-size:14px;color:var(--ink-2)}
.lrow-p,.lrow-a{grid-column:2} .lrow-p{display:flex;flex-direction:column}
.pm{font-weight:700} .pm b{color:var(--blue);font-size:19px}
.lrow-a{display:flex;gap:8px} .lrow-a .pill{padding:8px 18px}
.side .card{box-shadow:none;border:1px solid var(--line);background:var(--blue-50)}

/* one institute */
.inst{display:flex;flex-direction:column;gap:20px;padding-top:18px}
.inst-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.gallery{display:grid;gap:8px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);height:230px}
.gallery img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;border-radius:14px}
.gallery img:first-child{grid-row:span 2;border-radius:18px}
.gallery.g1{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)} .gallery.g2{grid-template-rows:minmax(0,1fr)} .gallery.g2 img:first-child{grid-row:auto}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fact{border:1px solid var(--line);border-radius:16px;padding:10px 12px;display:flex;flex-direction:column} .fact b{font-size:16px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:10px} .checks li{display:flex;gap:10px;align-items:flex-start;font-weight:600}
.checks svg{flex:none;margin-top:3px}
.lv{display:flex;gap:6px;flex-wrap:wrap}
.tbl{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.tr{display:grid;grid-template-columns:1fr 1fr 1.3fr;padding:11px 14px;border-bottom:1px solid #F0F0F5;font-size:15px;gap:8px;align-items:center}
.tr:last-child{border-bottom:0} .th{background:var(--soft);font-size:13px;font-weight:700;color:var(--muted)}
.tr .acc{color:var(--blue);font-weight:700} .hide-sm{display:none} .tbl+h3,.sec h3{margin:18px 0 8px;font-size:17px}
.pcard{padding:20px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--line)}
.pfrom{font-size:24px;font-weight:800;color:var(--blue)}
.pchips{display:flex;flex-wrap:wrap;gap:6px} .pchips .chip{padding:7px 11px;font-size:13px}
.bd{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.bl{display:flex;justify-content:space-between;gap:10px;font-size:15px}
.bl.tot{font-size:17px;border-top:1px solid var(--line);padding-top:10px} .bl.tot b{color:var(--blue)}
.vtog{display:flex;align-items:center;gap:8px;font-size:15px;cursor:pointer;padding:8px 10px;border:1px dashed var(--blue-100);border-radius:12px;background:#FAFAFF}
.vtog input{width:18px;height:18px;accent-color:var(--blue);margin:0;flex:none} .vtog span{flex:1} .vtog b{white-space:nowrap}
.vnote{margin:-2px 0 0;line-height:1.5}
.inst-side{display:none}
.sticky-book{position:fixed;left:0;right:0;bottom:0;z-index:31;background:#fff;border-top:1px solid var(--line);padding:12px 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sticky-book>div{display:flex;flex-direction:column} .sticky-book b{font-size:19px}
body:has(.sticky-book) .apppill{display:none}

/* universities, fields, scholarships */
.ulogo{border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--line);flex:none}
.ph.lg{width:96px;height:96px;border-radius:14px;background:var(--blue-50);display:flex;align-items:center;justify-content:center}
.block{display:block} .en{font-family:'Tajawal',system-ui,sans-serif;letter-spacing:0;margin:0}
.plink{color:var(--ink)} .plink:hover{color:var(--blue);text-decoration:underline}
.prose-page{padding-top:20px;max-width:900px} .prose-page .sec ul{padding-inline-start:20px} .lnk{color:var(--blue);font-weight:700}
.tbl.tr4 .tr{grid-template-columns:minmax(0,2fr) 1fr} .tbl.tr5 .tr{grid-template-columns:minmax(0,2fr) 1fr 1fr}
.dg{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;overflow:hidden}
.dg>summary{cursor:pointer;padding:14px 16px;background:var(--soft);list-style:none} .dg>summary::-webkit-details-marker{display:none}
.dg>summary h2,.dg>summary h3{margin:0;font-size:17px;display:inline} .dg[open]>summary{border-bottom:1px solid var(--line)}
.dg .tbl{border:0;border-radius:0}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.frow{border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:2px} .frow:hover{border-color:var(--blue-100);background:#FAFAFF}
.olist{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.orow{border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px} .orow:hover{border-color:var(--blue-100)}
.orow h2{font-size:17px;font-weight:800}
.tag.off{background:#F0F0F5;color:#6B6A80}
.urow .lv{margin-top:2px} .urow .lv .chip{padding:4px 10px;font-size:12px}

/* scholarships, picture cards */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.stats div{border:1px solid var(--line);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column}
.stats b{font-size:26px;font-weight:800;color:var(--blue);line-height:1.1} .stats span{font-size:13px;color:var(--muted)}
.ogrid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:6px}
.ocard{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 28px rgba(42,39,128,.10);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.ocard:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(42,39,128,.16)}
.ocard[hidden]{display:none}
.ocard-img{position:relative;aspect-ratio:16/9;min-height:0;flex:none;background:var(--blue-50)}
.ocard-img>img,.ocard-img>.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tag.over{position:absolute;top:12px;right:12px;box-shadow:0 4px 12px rgba(20,19,31,.12)} .tag.over:not(.ok):not(.off){background:#fff}
.ologo{position:absolute;bottom:-22px;left:16px;width:52px;height:52px;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(20,19,31,.14);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ologo img{width:44px;height:44px;object-fit:contain}
.ologo.lg{position:static;width:72px;height:72px;flex:none} .ologo.lg img{width:62px;height:62px}
.ocard-b{padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px}
.ocard-b h2{font-size:17px;font-weight:800;line-height:1.4} .ocard .prov{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.chip.sm{padding:4px 10px;font-size:12px;cursor:default}
.dl{font-size:13px;font-weight:700;color:var(--ink-2)} .dl em{font-style:normal;color:var(--blue)}
.ohead{display:flex;gap:14px;align-items:flex-start;margin-top:6px} .lead.sm{font-size:15px}
.cover{background:linear-gradient(180deg,#F4F4FF,#FFFFFF);border:1px solid var(--blue-100);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:8px}
.cover p{margin:0;font-size:17px;font-weight:700;line-height:1.7}
.bigdl .dl{font-size:15px} .bigdl em{display:block;font-size:24px;font-weight:800}

/* best-price guarantee */
.guar{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2);padding:8px 10px;border-radius:12px;background:#F7F7FF;border:1px solid var(--blue-100);width:fit-content}
.guar b{color:var(--blue)} .guar:hover{border-color:var(--blue)} .shield{flex:none}
.gband{margin-top:16px;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,#F5F5FF,#FFFFFF);border:1px solid var(--blue-100)}
.gband div{flex:1;display:flex;flex-direction:column;gap:2px} .gband b{font-size:18px;font-weight:800} .gband div span{color:var(--ink-2);font-size:14.5px;line-height:1.6}
.ghero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 0 4px}
.gsteps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.gsteps li{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:14px 16px}
.gsteps div{display:flex;flex-direction:column;gap:2px} .gnum{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}

@media (min-width:900px){
  .wrap{padding:0 32px}
  .hdr-in{height:72px} .nav{display:flex} .hact .pill{display:inline-flex} .apppill{display:none}
  .hdr2 .hdr-in{height:72px;flex-wrap:nowrap;column-gap:16px} .hdr2 .brand,.hdr2 .hact{height:auto} .hdr2 .brand img{height:44px} .hdr2 .hact{gap:10px}
  .hdr2 .nav{order:0;flex:none;margin:0;padding:0;height:auto;gap:26px;overflow:visible;font-weight:600;-webkit-mask:none;mask:none}
  .hdr2 .nav a{padding:0;border:0;margin:0;font-size:inherit} .hdr2 .nav a svg{display:none} .hdr2.tuck{transform:none}
  .h4-in{height:80px;gap:16px} .hdr4 .brand img{height:40px} .h4-pill{max-width:560px;margin:0 auto} .h4-app{display:inline-flex}
  .h4-tabs a{flex:0 0 170px}
  #ssheet{inset:84px auto auto 50%;transform:translateX(-50%);width:640px;max-height:calc(100vh - 120px);border-radius:24px;box-shadow:0 30px 80px rgba(20,19,31,.25)} #ssheet.in{transform:translateX(-50%)}
  #msheet{inset:0 auto 0 0;width:420px;box-shadow:0 0 60px rgba(20,19,31,.2)} #csheet{left:50%;right:auto;bottom:auto;top:50%;width:420px;border-radius:24px;transform:translate(-50%,-40%)} #csheet.in{transform:translate(-50%,-50%)} #csheet .sh-grab{display:none} html.sheet-open{overflow:hidden}
  .hdr3 .hdr-in{height:72px;gap:16px} .hdr3 .brand img{height:44px} .hdr3 .nav{display:flex;order:1} .hdr3 .qbox.hq{order:2;flex:0 1 250px;position:relative}
  .hdr3 .hq .sugg{top:calc(100% + 6px);left:auto;right:0;width:420px} .hdr3 .hact{order:3} .hdr3 .mbtn,.hdr3 .hmenu{display:none} html.menu-open{overflow:visible}
  .ftr{padding-bottom:40px} .ftr-in{grid-template-columns:2fr 1fr 1fr}
  .h1{font-size:50px} .h1.md{font-size:38px} .lead{font-size:18px}
  .hero{flex-direction:row;align-items:center;gap:48px;padding-top:44px}
  .hero-t{flex:1} .hero-p{width:440px;flex:none} .hero-p img{height:270px;border-radius:28px}
  .search{margin-top:30px;padding:16px}
  .fields{flex-direction:row;align-items:center}
  .f{flex:2;border-bottom:0;border-left:1px solid var(--line);padding:12px 18px} .f:first-child{flex:3}
  .go{margin:8px;padding:14px 28px;font-size:17px}
  .cards{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}
  .icard img,.icard .ph{height:170px}
  .answers{grid-template-columns:repeat(3,1fr)}
  .list-wrap{flex-direction:row;align-items:flex-start;gap:32px} .list{flex:1} .side{width:280px;flex:none;position:sticky;top:96px}
  .lrow{grid-template-columns:150px 1fr 200px 120px;gap:20px;align-items:center;padding:16px 0}
  .lrow img{width:150px;height:104px;border-radius:16px} .lrow h2{font-size:19px}
  .lrow-p,.lrow-a{grid-column:auto} .lrow-a{flex-direction:column}
  .inst{flex-direction:row;align-items:flex-start;gap:32px;padding-top:28px}
  .inst-main{flex:1} .inst-side{display:block;width:360px;flex:none;position:sticky;top:96px;margin-top:110px}
  .gallery{height:330px} .gallery img{border-radius:18px} .gallery img:first-child{border-radius:22px}
  .facts{grid-template-columns:repeat(4,1fr)}
  .checks{grid-template-columns:1fr 1fr}
  .tr{grid-template-columns:1fr 1fr 1.2fr 1.2fr 1fr} .hide-sm{display:block}
  .tbl.tr4 .tr{grid-template-columns:minmax(0,2.4fr) 1fr 1fr 1fr} .tbl.tr5 .tr{grid-template-columns:minmax(0,2.2fr) 1.2fr 1fr 1fr 1fr}
  .fgrid{grid-template-columns:repeat(4,1fr)}
  .ogrid{grid-template-columns:repeat(3,1fr);gap:22px} .ogrid.sm3{grid-template-columns:repeat(3,1fr)}
  .stats{max-width:620px}
  .gsteps{grid-template-columns:repeat(3,1fr)} .gsteps li{flex-direction:column}
  .sticky-book{display:none}
}

/* booking sheet (owner pick «أ · نافذة من تحت», 2026-10-09): a bottom sheet over the page */
body.bk-lock{position:fixed;left:0;right:0;overflow:hidden;width:100%}
.bk-dim{position:fixed;inset:0;z-index:60;background:rgba(20,19,31,.42);opacity:0;transition:opacity .26s ease}
.bk-dim.on{opacity:1}
.bk{position:fixed;left:0;right:0;bottom:0;z-index:61;background:#fff;border-radius:26px 26px 0 0;box-shadow:0 -10px 40px rgba(20,19,31,.18);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);color:var(--ink)}
.bk.on{transform:none}
.bk[hidden],.bk-dim[hidden],.bk [hidden]{display:none!important}
.bk-handle{width:42px;height:5px;border-radius:3px;background:#D9D8E6;margin:9px auto 0;flex:none}
.bk-body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 16px calc(20px + env(safe-area-inset-bottom))}
.bk-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.bk-head h2{font-size:19px;font-weight:800;outline:0}
.bk-x{width:36px;height:36px;flex:none;border-radius:50%;border:0;background:var(--soft);color:var(--ink-2);display:flex;align-items:center;justify-content:center;cursor:pointer}
.bk-step{display:flex;flex-direction:column;gap:10px}
.bk-final .bk-head{position:absolute;top:10px;left:12px;margin:0}
.bk-final .bk-head h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bk-sum{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:10px}
.bk-sum-i{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none;background:var(--blue-50)}
.bk-sum-t{display:flex;flex-direction:column;min-width:0;line-height:1.4}
.bk-sum-n{font-size:16px;font-weight:800}
.bk-sum-s{font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bk-sum-p{margin-inline-start:auto;text-align:left;flex:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1.35}
.bk-price{color:var(--blue);font-size:17px;font-weight:800;white-space:nowrap}
.bk-price-l{font-size:12px;color:var(--muted)}
.bk-visa{margin:-6px 0 0;font-size:13px;font-weight:700;color:var(--ink-2)}
/* the visa as one more line (owner pick «أ», 2026-10-10): off by default, the whole line toggles it */
.bk-vrow{display:flex;align-items:center;gap:12px;border:1.5px solid var(--blue-100);background:#FBFBFF;border-radius:16px;padding:10px 12px;cursor:pointer}
.bk-vti{width:36px;height:36px;border-radius:11px;background:#F5F3FF;color:#0E0063;display:flex;align-items:center;justify-content:center;flex:none}
.bk-vt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35} .bk-vt b{font-size:14px;font-weight:800} .bk-vt span{font-size:11.5px;color:var(--muted);font-weight:600}
.bk-vam{font-size:14.5px;font-weight:800;white-space:nowrap;opacity:.45;transition:opacity .18s} .bk-vrow.on .bk-vam{opacity:1}
.bk-vsw{-webkit-appearance:none;appearance:none;flex:none;width:44px;height:26px;border-radius:13px;background:#D9D8E6;position:relative;margin:0;cursor:pointer;transition:background .18s}
.bk-vsw::after{content:'';position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(20,19,31,.2);transition:right .18s}
.bk-vsw:checked{background:var(--blue)} .bk-vsw:checked::after{right:21px}
.bk-vsw:focus-visible{outline:3px solid var(--blue-100);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.bk-vsw,.bk-vsw::after,.bk-vam{transition:none}}
.bk-sum2{display:flex;flex-direction:column;gap:2px;background:var(--soft);border-radius:16px;padding:10px 14px}
.bk-sum2-n{font-size:14px;font-weight:800}
.bk-sum2-p{font-size:13px;color:var(--muted);font-weight:600}
.bk-sum2-v{color:var(--blue);font-size:15px;font-weight:800;white-space:nowrap}
.bk-hint{margin:-6px 0 0;font-size:12.5px;color:var(--muted);line-height:1.6}
.bk-done-total{margin:-4px 0 0;text-align:center;font-size:14px;color:var(--muted);font-weight:600}
.bk-done-v{color:var(--blue);font-size:16px;font-weight:800;white-space:nowrap}
.bk-gen .bk-link{font-size:13px}
.bk-months{border:0;margin:0;padding:0;min-width:0}
.bk-months legend{font-size:13px;font-weight:700;color:var(--muted);padding:0;margin-bottom:6px}
.bk-chips{display:flex;gap:6px;flex-wrap:wrap}
.bk-chip{padding:7px 13px;font-weight:700;position:relative;line-height:1.3}
.bk-chip:focus-within{box-shadow:0 0 0 3px var(--blue-100)}
.bk-fw{display:flex;flex-direction:column;gap:4px}
.bk-f{position:relative;display:flex;flex-direction:column;gap:0;border:1.5px solid #E3E3EE;border-radius:12px;padding:4px 12px 5px;background:#fff;transition:border-color .15s,box-shadow .15s}
.bk-f>span{font-size:11px;color:var(--muted);font-weight:600;line-height:1.35}
.bk-f input,.bk-f select{border:0;outline:0;background:transparent;font-size:16px;font-weight:700;padding:0;height:22px;line-height:22px;width:100%;min-width:0;-webkit-appearance:none;appearance:none;border-radius:0}
.bk-f input[dir=ltr]{text-align:right}
.bk-f input::placeholder{color:#B4B3C2;font-weight:600}
.bk-f:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-50)}
.bk-f.bad{border-color:#D92D20}
.bk-f.bad:focus-within{box-shadow:0 0 0 4px #FDECEA}
.bk-sel select{cursor:pointer;padding-inline-end:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%237A7990' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") left center/16px no-repeat}
.bk-row2{display:flex;gap:8px}
.bk-dial{flex:none;width:86px}
.bk-dial-v{font-size:16px;font-weight:700;line-height:22px;height:22px;text-align:right}
.bk-dial select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.bk-grow{flex:1;min-width:0}
.bk-err{margin:0;font-size:13px;font-weight:600;color:#C4321F;line-height:1.5}
.bk-gen{background:#FDECEA;border-radius:12px;padding:9px 12px}
.bk-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:800;font-size:17px;cursor:pointer}
.bk-btn:disabled{opacity:.75;cursor:default}
.bk-btn.busy::after{content:"";width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;animation:bkspin .8s linear infinite}
@keyframes bkspin{to{transform:rotate(360deg)}}
.bk-note{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:13px;color:var(--ink-2);font-weight:600;line-height:1.55}
.bk-note i{flex:none;width:20px;height:20px;border-radius:50%;background:var(--ok-50);color:var(--ok);font-style:normal;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}
.bk-p{margin:0;font-size:14px;color:var(--ink-2);font-weight:600;line-height:1.65}
.bk-p b[dir=ltr]{unicode-bidi:isolate}
.bk-center{text-align:center}
.bk-link{border:0;background:none;padding:0;color:var(--blue);font-weight:800;cursor:pointer;font-size:inherit}
.bk-link:disabled{color:#8D8AF5;cursor:default}
.bk-code{position:relative;display:flex;gap:10px;justify-content:center;margin:4px 0}
.bk-code span{width:58px;height:66px;border:1.5px solid #E3E3EE;border-radius:16px;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;background:#fff;pointer-events:none}
.bk-code span.on{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-50)}
.bk-code input{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px;letter-spacing:0;text-align:center;outline:0;z-index:1;-webkit-text-fill-color:transparent}
.bk-code input::selection{background:transparent}
.bk-resend{margin:0;text-align:center;font-size:14px;color:var(--muted)}
.bk-cd{font-variant-numeric:tabular-nums}
.bk-done{align-items:stretch;padding-top:6px}
.bk-ok{width:76px;height:76px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;margin:6px auto 0}
.bk-h1{margin:0;text-align:center;font-size:23px;font-weight:800}
.bk-order{align-self:center;background:var(--soft);border-radius:999px;padding:6px 16px;font-weight:800;font-size:15px}
.bk-track{border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}
.bk-track>span{font-size:12px;font-weight:700;color:var(--muted)}
.bk-r{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.bk-r i{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #D9D8E6;flex:none;font-style:normal;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.bk-r i.on{background:var(--blue);border:0}
.bk-stores{display:flex;gap:8px}
.bk-stores a{flex:1;height:46px;border-radius:12px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
@media (hover:hover){.bk-x:hover{background:#ECEBF3}.bk-btn:not(:disabled):hover{background:#3A36E0}.bk-stores a:hover{background:#2B2A3A}}
.bk :focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.bk .bk-f :focus-visible,.bk .bk-code input:focus-visible,.bk-head h2:focus-visible{outline:0}
@media (min-width:900px){
  .bk{left:50%;right:auto;width:460px;transform:translate(-50%,100%)}
  .bk.on{transform:translate(-50%,0)}
}
@media (prefers-reduced-motion:reduce){
  .bk,.bk-dim{transition:none}
  .bk-btn.busy::after{animation-duration:2s}
}

/* phone layout polish (owner 2026-10-09: «بعض النصوص مضغوطة وبعضها مقصوصة») */
.row-sb>h2{font-size:21px;font-weight:800;line-height:1.35}
.icard .row-sb{flex-direction:column;align-items:flex-start;gap:6px}
.icard h3{line-height:1.35}
.h1-sub{display:block;margin-top:6px;font-size:.62em!important;line-height:1.5}
.faq summary{list-style:none;position:relative;padding-inline-end:30px;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';position:absolute;inset-inline-end:4px;top:50%;width:9px;height:9px;margin-top:-7px;border:solid var(--muted);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
@media (max-width:899px){
  .sec>.row-sb{flex-direction:column;align-items:flex-start;gap:6px}
  .sec>.row-sb>h2{margin:0}
  .gband{flex-wrap:wrap;align-items:flex-start;gap:10px 14px;padding:18px}
  .gband>svg{flex:none;margin-top:2px}
  .gband div{flex:1 1 0;min-width:0}
  .gband .more{flex:1 1 100%;padding-inline-start:58px}
  .durs{flex-wrap:wrap;overflow:visible}
  .qbox .pill{padding:10px 16px}
}
/* Badges on the institute photo (owner 2026-10-09): white pills over the top corner, readable on any photo. */
.pwrap{position:relative;display:block}
.pbadges{position:absolute;top:10px;right:10px;left:10px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.pbadges .tag{background:#fff;box-shadow:0 4px 12px rgba(20,19,31,.14)}
.pbadges .tag.hot{background:#fff;color:var(--hot)}
/* the institutes list: one quiet line under the name instead (owner pick «ب») */
.mline{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}
.mline .hot{color:var(--hot)} .mline .dot{width:3px;height:3px;border-radius:50%;background:#C9C8D6}
.pwrap>img,.pwrap>.ph{display:block}
/* The institutes page, owner pick «ب · كرت مضغوط» (2026-10-09: «بدون فراغات مالها داعي»). A short header, the
   hours as one two-way switch, the lengths in one row; each institute a compact card: the small photo beside its
   name, then the price and the two buttons in one row under both. Scoped to the institutes page (.ihead, .irow). */
.ihead{padding-top:12px;gap:6px}
.ihead .guar{padding:6px 10px;font-size:13px}
.ihead .durs{padding:2px 0;gap:6px}
.ihead .durs.hours{display:grid;grid-template-columns:1fr 1fr;background:#F3F3F8;border-radius:14px;padding:4px;gap:4px;margin-top:4px;overflow:visible}
.ihead .durs.hours .chip{justify-content:center;border:0;background:transparent;padding:9px 6px;border-radius:11px;font-weight:700}
.ihead .durs.hours .chip.on{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(20,19,31,.08)}
.ihead .durs.months{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.ihead .durs.months::-webkit-scrollbar{display:none}
.ihead .durs.months .chip{flex:1 0 auto;justify-content:center;padding:7px 10px;font-size:13.5px}
.ihead+.list-wrap{margin-top:6px}
.ihead+.list-wrap .list{display:flex;flex-direction:column;gap:10px}
.lrow.irow{grid-template-columns:84px minmax(0,1fr) auto;column-gap:12px;row-gap:10px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}
.irow>a:first-child{grid-column:1;grid-row:1}
.irow img{width:84px;height:84px;border-radius:14px;display:block}
.irow .lrow-t{grid-column:2/4;grid-row:1;gap:2px}
.irow h2{line-height:1.35}
.irow .row-g{flex-direction:column;align-items:flex-start;gap:2px}
.irow .row-g .tag{background:none;padding:0;border-radius:0;font-size:13px;white-space:normal}
.irow .muted.sm,.irow .hl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.irow .hl{font-size:13.5px}
.irow .lrow-p{grid-column:1/3;grid-row:2;justify-content:center;padding-top:10px;border-top:1px solid var(--line);margin-inline-end:-12px;padding-inline-end:12px}
.irow .pm b{font-size:17px}
.irow .lrow-a{grid-column:3;grid-row:2;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.irow .lrow-a .pill,.irow .lrow-a .chip{padding:8px 14px;font-size:14px}
@media (max-width:359px){
  .irow .lrow-p{grid-column:1/-1;margin-inline-end:0;padding-inline-end:0}
  .irow .lrow-a{grid-column:1/-1;grid-row:3;border-top:0;padding-top:0}
  .irow .lrow-a a{flex:1;justify-content:center}
}
@media (min-width:900px){
  .ihead .durs.hours{width:420px}
  .ihead .durs.months{flex-wrap:wrap}
  .ihead .durs.months .chip{flex:0 0 auto}
  .lrow.irow{grid-template-columns:150px minmax(0,1fr) 200px 130px;column-gap:20px;align-items:center;padding:14px}
  .irow img{width:150px;height:104px;border-radius:16px}
  .irow .lrow-t{grid-column:2;grid-row:1}
  .irow .lrow-p{grid-column:3;grid-row:1;border-top:0;padding-top:0;margin-inline-end:0;padding-inline-end:0}
  .irow .lrow-a{grid-column:4;grid-row:1;border-top:0;padding-top:0;flex-direction:column;align-items:stretch}
  .irow .lrow-a a{justify-content:center}
}
@media (max-width:899px){ .ihead .h1.md{font-size:25px;line-height:1.3} .ihead .lead{font-size:14.5px} }
/* The phone reads left to right, always (owner 2026-10-09): the dial code on the left, the number after it,
   both aligned left; each field's own label stays Arabic, right to left. */
.bk-row2{direction:ltr}
.bk-row2>.bk-f{direction:rtl}
.bk-row2 .bk-dial-v{text-align:left}
.bk-row2 input[name=phone]{text-align:left}

/* Home, owner pick «ج» merged with the search card (2026-10-09). The old .hero styles stay for homeV1. */
.hx-photo{height:360px;border-radius:0 0 30px 30px;overflow:hidden;background:var(--soft)}
.hx-photo{position:relative}
.hx-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:0;transition:opacity .8s ease}
.hx-photo img.on{opacity:1}
.hx-card.search{position:relative;margin:-118px 0 0;padding:20px 16px 16px;gap:14px;background:#fff;border-radius:26px;box-shadow:0 18px 44px rgba(42,39,128,.15)}
.hx-eye{font-size:13px;font-weight:700;color:var(--blue)}
.hx-h1{font-size:28px;line-height:1.28;font-weight:800;margin-top:-6px} .hx-h1 span{color:var(--blue)}
.hx-card .qbox{background:var(--soft);border-color:var(--soft);border-radius:999px;padding:6px;padding-inline-start:18px;min-height:56px}
.hx-card .qbox:focus-within{background:#fff}
.hx-card .qbox>svg{display:none}
.hx-card .qbox input::placeholder{color:var(--ink-2);font-weight:600;opacity:1}
.hx-card .qbox .pill{width:44px;height:44px;padding:0;border-radius:50%;font-size:0;flex:none;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16.5 16.5 4 4'/%3E%3C/svg%3E") center/20px no-repeat}
.hx-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:var(--soft);border-radius:16px}
.hx-tabs a{height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.hx-tabs a.on{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(42,39,128,.12)}
.hx-f{display:flex;flex-direction:column;gap:12px}
.hx-opt{border:0;margin:0;padding:0;min-width:0;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:8px}
.hx-opt3{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
.hx-opt3 span{height:44px;font-size:14.5px}
.hx-opt span{min-width:0;padding:0 4px;overflow:hidden;text-overflow:ellipsis}
/* the hero never makes the page wider than the screen */
.hx{overflow-x:clip}
.hx-opt legend{padding:0;margin-bottom:6px;font-size:12.5px;font-weight:700;color:var(--muted)}
.hx-opt label{position:relative;display:block;cursor:pointer}
.hx-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.hx-opt span{height:50px;flex-direction:column;line-height:1.2;border-radius:12px;border:1.5px solid #E3E3EE;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.hx-opt small{font-size:11px;font-weight:600;color:var(--muted);margin-top:2px}
.hx-opt input:checked+span small{color:var(--blue);opacity:.8}
.hx-opt input:checked+span{border-color:var(--blue);background:var(--blue-50);color:var(--blue)}
.hx-opt input:focus-visible+span{box-shadow:0 0 0 3px var(--blue-100)}
.hx-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hx-box{display:flex;flex-direction:column;border:1.5px solid #E3E3EE;border-radius:14px;padding:7px 12px;min-width:0;cursor:pointer}
.hx-box:focus-within{border-color:var(--blue)}
.hx-box>span{font-size:12px;font-weight:700;color:var(--muted)}
.hx-box select,.hx-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:16px;font-weight:800;padding:1px 0;-webkit-appearance:none;appearance:none}
.hx-box select{padding-inline-end:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A7990' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left center/16px}
.hx-box input{font-weight:600} .hx-box input::placeholder{color:#A9A8BA}
.hx-go{width:100%;height:52px;font-size:17px;font-weight:800}
.hx-meta{margin:-4px 0 0;text-align:center;font-size:13px;font-weight:600;color:var(--muted)} .hx-meta b{color:var(--ink);font-weight:800}
.hx-num{margin-top:24px;border-radius:24px;background:linear-gradient(180deg,#F5F5FF,#fff);border:1px solid var(--blue-100);padding:18px 16px 4px}
.hx-big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .hx-big b{font-size:44px;font-weight:800;color:var(--blue);line-height:1} .hx-big span{font-size:16px;font-weight:800}
.hx-num p{margin:6px 0 0;font-size:13.5px;color:var(--ink-2);line-height:1.6}
.hx-n3{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border-top:1px solid var(--blue-100)}
.hx-n3 a{padding:12px 8px 14px;border-inline-start:1px solid var(--blue-100);display:flex;flex-direction:column;gap:2px} .hx-n3 a:first-child{border-inline-start:0;padding-inline-start:0}
.hx-n3 b{font-size:22px;font-weight:800} .hx-n3 span{font-size:12.5px;font-weight:700;color:var(--ink-2);line-height:1.4}
.hx-sch{margin-top:10px;border-radius:20px;border:1px solid var(--line);padding:14px 16px;display:flex;gap:12px;align-items:center}
.hx-ti{width:44px;height:44px;border-radius:14px;background:var(--blue-50);color:var(--blue);display:flex;align-items:center;justify-content:center;flex:none}
.hx-st{flex:1;display:flex;flex-direction:column;gap:2px} .hx-st b{font-size:15.5px;font-weight:800;line-height:1.45} .hx-st span{font-size:13px;color:var(--ok);font-weight:700}
.hx-arr{color:var(--blue);font-weight:800;font-size:18px}
.gband.hx-g{margin-top:12px;background:#fff} .hx-g div span{font-size:13.5px}
@media (min-width:900px){
  .hx-photo{height:560px;border-radius:0 0 40px 40px}
  .hx-card.search{width:500px;margin-top:-500px}
  .hx{min-height:592px} /* a section home's search card is shorter than the photo: the next section starts below it */
  .hx-below{display:grid;grid-template-columns:1fr 1fr;column-gap:12px} .hx-num{grid-column:1/-1}
  .hx-photo img{object-position:center 30%}
}

/* Home sections below the search (2026-10-09) */
.hx-sec{margin-top:34px}
.hx-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.hx-sh h2,.hx-h2{font-size:20px;font-weight:800;margin:0} .hx-h2{margin-bottom:12px}
.hx-sh p{margin:2px 0 0;font-size:13.5px;color:var(--muted);line-height:1.5}
.hx-sh>a{font-size:14px;font-weight:700;color:var(--blue);white-space:nowrap;flex:none}
.hx-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 6px;scroll-padding-inline:16px;scrollbar-width:none}
.hx-rail::-webkit-scrollbar{display:none}
.hx-rail>a{flex:0 0 74%;scroll-snap-align:start}
.hx-c{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
.hx-c .pwrap img,.hx-c .ph{width:100%;aspect-ratio:10/7;height:auto;object-fit:cover;background:var(--soft)}
.hx-cb{padding:10px 14px 14px;display:flex;flex-direction:column;gap:3px;flex:1}
.hx-cb>b{font-size:17px;font-weight:800;line-height:1.3}
.hx-p{font-size:14.5px;font-weight:800;color:var(--blue);margin-top:auto} .hx-p small{font-size:12.5px;font-weight:600;color:var(--muted)}
.hx-ulg{position:absolute;bottom:10px;right:10px;width:48px;height:48px;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(20,19,31,.14);display:flex;align-items:center;justify-content:center}
.hx-ulg .ulogo{width:40px;height:40px;border:0;border-radius:8px}
.hx-more{border-radius:20px;background:var(--blue-50);border:1px solid var(--blue-100);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px;color:var(--blue)}
.hx-rail>a.hx-more{flex-basis:56%}
.hx-more-i{width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}
.hx-more b{font-size:16.5px;font-weight:800} .hx-more span:last-child{font-size:13px;font-weight:700;color:var(--ink-2)}
.hx-dots{display:flex;justify-content:center;gap:6px;margin-top:8px;min-height:6px}
.hx-dots i{width:6px;height:6px;border-radius:3px;background:#D9D8E6;transition:width .2s,background .2s} .hx-dots i.on{width:18px;background:var(--blue)}
.hx-offers{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.hx-off{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--line)} .hx-off:first-child{border-top:0}
.hx-lg{width:48px;height:48px;border-radius:12px;border:1px solid var(--line);object-fit:contain;background:#fff;flex:none}
.hx-on{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px} .hx-on b{font-size:16px;font-weight:800}
.hx-pct{align-self:flex-start;font-size:12px;font-weight:800;color:var(--ok);background:var(--ok-50);border-radius:999px;padding:2px 9px}
.hx-op{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25} .hx-op b{font-size:16px;font-weight:800;color:var(--blue)}
.hx-op s{font-size:12.5px;color:var(--muted)} .hx-op small{font-size:11.5px;color:var(--muted);font-weight:600}
.hx-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hx-fields a{border-radius:18px;background:var(--soft);padding:14px;display:flex;flex-direction:column;gap:2px;min-height:112px}
.hx-fields b{font-size:16px;font-weight:800;line-height:1.35} .hx-fields a>span:not(.hx-p){font-size:12.5px;font-weight:700;color:var(--muted)}
.hx-fields .hx-p{font-size:13px} .hx-fields .hx-p small{font-size:11.5px}
.hx-all{margin-top:12px;height:50px;border-radius:999px;border:1.5px solid var(--blue-100);color:var(--blue);font-weight:800;font-size:15.5px;display:flex;align-items:center;justify-content:center}
.hx-opps{display:flex;flex-direction:column;gap:10px}
.hx-opp{display:flex;gap:12px;align-items:stretch;border:1px solid var(--line);border-radius:18px;padding:10px}
.hx-opp>img{width:88px;height:88px;border-radius:14px;object-fit:cover;flex:none}
.hx-ob{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hx-ok{font-size:12px;font-weight:800;color:var(--ok)}
.hx-ob>b{font-size:15px;font-weight:800;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hx-ob .sm{font-size:12.5px} .hx-ob .dl{font-size:12px;color:var(--ink-2);font-weight:600} .hx-ob .dl em{font-style:normal;color:var(--hot);font-weight:800}
.hx-logos{overflow:hidden} .hx-logos p{margin:-8px 0 14px;font-size:13.5px;color:var(--muted)}
.hx-mq{overflow:hidden;direction:ltr;margin-top:10px;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hx-mt{display:flex;gap:12px;width:max-content;animation:hxmq 48s linear infinite}
.hx-mq.rev .hx-mt{animation-direction:reverse;animation-duration:60s}
.hx-lt{width:76px;height:76px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex:none}
.hx-lt img{width:56px;height:56px;object-fit:contain}
@keyframes hxmq{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}
@media (prefers-reduced-motion:reduce){.hx-mt{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.hx-mt>[aria-hidden]{display:none}.hx-photo img{transition:none}}
.hx-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:hx}
.hx-steps li{counter-increment:hx;position:relative;padding:0 0 18px;padding-inline-start:50px;display:flex;flex-direction:column;gap:2px}
.hx-steps li::before{content:counter(hx);position:absolute;top:0;right:0;width:36px;height:36px;border-radius:50%;background:var(--blue-50);color:var(--blue);font-weight:800;display:flex;align-items:center;justify-content:center}
.hx-steps li:not(:last-child)::after{content:'';position:absolute;top:40px;bottom:4px;right:17px;width:2px;background:var(--blue-100)}
.hx-steps b{font-size:16px;font-weight:800;padding-top:6px} .hx-steps span{font-size:14px;color:var(--ink-2);line-height:1.6}
.hx-stores{display:flex;gap:8px;margin-top:8px}
.hx-guides{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.hx-guides a{padding:14px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px;position:relative;padding-inline-end:40px} .hx-guides a:first-child{border-top:0}
.hx-guides a::after{content:'←';position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--blue);font-weight:800}
.hx-guides b{font-size:15.5px;font-weight:800} .hx-guides span{font-size:13px;color:var(--muted)}
@media (min-width:900px){
  .hx-rail{margin:0;padding:2px 0 6px;overflow:visible;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px}
  .hx-rail>a,.hx-rail>a.hx-more{flex:none}
  .hx-dots{display:none}
  .hx-offers{display:grid;grid-template-columns:1fr 1fr} .hx-off:nth-child(2){border-top:0} .hx-off:nth-child(even){border-inline-start:1px solid var(--line)}
  .hx-fields{grid-template-columns:repeat(6,1fr)}
  .hx-opps{display:grid;grid-template-columns:repeat(3,1fr)}
  .hx-steps{flex-direction:row;gap:24px} .hx-steps li{flex:1} .hx-steps li::after{display:none}
  .hx-guides{display:grid;grid-template-columns:repeat(3,1fr)} .hx-guides a:nth-child(n){border-top:0;border-inline-start:1px solid var(--line)} .hx-guides a:first-child{border-inline-start:0}
}
.hx-fi{width:40px;height:40px;border-radius:12px;background:#fff;color:#0E0063;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.hx-of{font-size:13px;font-weight:700;color:var(--ink-2)}
@media (min-width:900px){.hx-g,.hx-sch{grid-column:1/-1}}

/* the English name beside the Arabic one (owner pick «أ», 2026-10-10) */
.enx{font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:0;white-space:nowrap;unicode-bidi:isolate}
.en .en-n{color:var(--ink-2);font-size:15px;font-weight:700}

/* «اسأل فهيم» as a ready question box (owner pick «ب», 2026-10-10) */
.fq{display:flex;flex-direction:column;gap:10px;border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(42,39,128,.08);padding:14px}
.fq-h{display:flex;align-items:center;gap:10px} .fq-h img{width:40px;height:42px;flex:none} .fq-h b{font-size:16px;font-weight:800;line-height:1.4}
.fq-box{display:flex;align-items:center;gap:8px;border-radius:999px;background:var(--soft);padding:6px;padding-inline-start:16px;min-height:52px}
.fq-box span{flex:1;font-size:14px;color:var(--muted);font-weight:600}
.fq-box i{flex:none;width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800}
.fq-ex{display:flex;gap:6px;flex-wrap:wrap} .fq-ex span{font-size:12.5px;font-weight:700;color:var(--blue);background:var(--blue-50);border-radius:999px;padding:6px 11px}
.fq:hover .fq-box,.fq:focus-visible .fq-box{background:var(--blue-50)} .fq:focus-visible{outline:3px solid var(--blue-100);outline-offset:2px}

/* universities list: a big photo card like the scholarships, the logo on the photo's left corner (owner pick «أ», 2026-10-10) */
.ugrid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.ucard{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.ucard-ph{position:relative;display:block}
.ucard-ph img,.ucard-ph .ph{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;background:var(--soft)}
.ucard-n{position:absolute;top:12px;right:12px;background:#fff;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:800;box-shadow:0 4px 12px rgba(20,19,31,.14)}
.ucard-lg{position:absolute;left:14px;bottom:-26px;width:64px;height:64px;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(20,19,31,.16);display:flex;align-items:center;justify-content:center}
.ucard-lg .ulogo{width:52px;height:52px;border:0;border-radius:10px}
.ucard-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:3px;flex:1}
.ucard-b h2{font-size:20px;font-weight:800;margin:0;padding-inline-end:78px}
.ucard-b .sm,.ucard-b .en{padding-inline-end:78px}
.ucard-p{margin-top:8px;font-size:15px;font-weight:800;color:var(--blue)} .ucard-p b{font-weight:800} .ucard-p small{font-size:12px;color:var(--muted);font-weight:600}
.ucard-d{font-size:12.5px;color:var(--ink-2);font-weight:600}
.ucard-a{display:flex;gap:8px;margin-top:auto;padding-top:12px}
/* the university page: name and logo under the photos */
.uhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:16px}
.uhead-t{min-width:0;display:flex;flex-direction:column;gap:2px} .uhead-ar{margin:2px 0 0;font-size:15px;font-weight:700;color:var(--ink-2)}
.uhead-lg{width:72px;height:72px;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(20,19,31,.12);display:flex;align-items:center;justify-content:center;flex:none}
.uhead-lg .ulogo{width:60px;height:60px;border:0;border-radius:12px}
@media (min-width:900px){.ugrid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* reviews: students' opinions of Rabet on the home page, Google reviews on an institute's page (2026-10-10) */
.hx-rail>.rv{flex:0 0 78%;scroll-snap-align:start}
.rv{margin:0;border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px;background:#fff}
.rv-q{font-size:40px;line-height:.6;height:18px;color:var(--blue-100);font-weight:800}
.rv blockquote{margin:0;font-size:15px;line-height:1.7;color:var(--ink-2);font-weight:500;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.rv-who{display:flex;align-items:center;gap:10px;margin-top:auto} .rv-who b{display:block;font-size:14.5px;font-weight:800} .rv-who span span{font-size:12.5px;color:var(--muted);font-weight:600}
.rv-av{position:relative;flex:none;border-radius:50%;overflow:hidden;background:var(--blue-50);display:inline-flex;align-items:center;justify-content:center}
.rv-av i{font-style:normal;font-weight:800;color:var(--blue);font-size:16px}
.rv-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rv-st{color:#F5B301;letter-spacing:2px;font-size:15px}
.rv-avg{display:flex;flex-direction:column;align-items:flex-end;flex:none} .rv-avg b{font-size:22px;font-weight:800;line-height:1.1} .rv-avg span:last-child{font-size:12px;color:var(--muted);font-weight:700}
@media (min-width:900px){.hx-rail.rvr{display:flex;overflow-x:auto;padding-bottom:10px} .hx-rail.rvr>.rv{flex:0 0 31%} .hx-rail.rvr>a.hx-more{flex:0 0 22%} .hx-rail.rvr+.hx-dots{display:flex}}
.rv blockquote.open{-webkit-line-clamp:unset;display:block}
.rv-more{align-self:flex-start;border:0;background:none;padding:0;margin-top:-4px;color:var(--blue);font:inherit;font-size:13.5px;font-weight:800;cursor:pointer}
.hx-rail.rvr:focus-visible{outline:3px solid var(--blue-100);outline-offset:4px;border-radius:20px}
@media (min-width:900px){.hx-rail.rvr{scrollbar-width:thin;scrollbar-color:var(--blue-100) transparent} .hx-rail.rvr::-webkit-scrollbar{display:block;height:6px} .hx-rail.rvr::-webkit-scrollbar-thumb{background:var(--blue-100);border-radius:3px}}
/* Home: students' opinions of Rabet, two strips moving slowly in opposite directions (owner pick «أ», 2026-10-10).
   A tap holds a strip (site.js), hover and keyboard focus too. The photos are small and cannot be dragged or saved. */
.rvq{background:linear-gradient(180deg,#F4F4FF 0%,#fff 100%);padding:30px 0 4px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.rvq-h{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.rvq-h h2{font-size:22px;font-weight:800;margin:0} .rvq-h p{margin:0;font-size:14px;color:var(--ink-2);font-weight:600}
.rvq-fl{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:13px;font-weight:700;color:var(--muted)} .rvq-fl b{font-size:18px;letter-spacing:2px;font-weight:400}
.rvq-r{overflow:hidden;padding:6px 0 20px;margin-bottom:-12px;-webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.rvq-r:focus{outline:0} .rvq-r:focus-visible{outline:3px solid var(--blue-100);outline-offset:-3px;border-radius:20px}
.rvq-t{display:flex;align-items:stretch;gap:12px;width:max-content;animation:rvq var(--d,65s) linear infinite}
.rvq-r.rev .rvq-t{animation-direction:reverse;animation-delay:-9s}
.rvq-r.hold .rvq-t,.rvq-r:focus-visible .rvq-t{animation-play-state:paused}
@media (hover:hover){.rvq-r:hover .rvq-t{animation-play-state:paused}}
@keyframes rvq{to{transform:translateX(calc(50% + 6px))}}
.rq{margin:0;width:250px;flex:none;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 8px 22px rgba(42,39,128,.07);display:flex;flex-direction:column;gap:10px}
.rq blockquote{margin:0;font-size:14px;line-height:1.65;color:var(--ink-2);font-weight:500}
.rq .rv-who{gap:9px} .rq .rv-who b{font-size:13.5px} .rq .rv-who span span{font-size:12px}
.rq .rv-av i{font-size:14px}
.rv-av.lock img{pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none}
@media (min-width:900px){.rq{width:300px;padding:16px} .rq blockquote{font-size:15px} .rvq-h h2{font-size:24px}}
@media (prefers-reduced-motion:reduce){.rvq-r{overflow-x:auto;-webkit-mask:none;mask:none;padding-inline:16px}.rvq-t{animation:none}.rvq-t>[aria-hidden]{display:none}}

/* Logos where they were missing (owner 2026-10-10: «اللوجو ما يظهر»): institutes list, field chips, programme tables. */
/* institutes list: the logo beside the name (owner pick «أ»), as on the universities list and in search */
.irow h2.ilh{display:flex;align-items:center;flex-wrap:wrap;column-gap:8px;row-gap:2px}
.irow h2.ilh img.ulogo{width:26px;height:26px;border-radius:7px;flex:none}
.lgchip{display:inline-flex;align-items:center;gap:7px;padding-inline-start:6px}
.lgchip .ulogo,.ulnk .ulogo{width:22px;height:22px;border-radius:6px}
.ulnk{display:inline-flex;align-items:center;gap:7px;min-width:0;vertical-align:middle}
.ulnk>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.tbl .ulnk .ulogo{display:none}} /* the university column is narrow on a phone: the name alone */
.uhead.ihd{margin-top:4px}
a.uhead-lg{text-decoration:none}

/* Footer «ب» and the app band «أ» (owner pick 2026-10-10: «الاثنين»). html.mjs footer() / appBand(). */
.stb{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 14px 0 16px;border-radius:12px;background:#0B0B10;color:#fff;min-width:164px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .15s}
.stb:hover{transform:translateY(-1px)} .stb:focus-visible{outline:3px solid var(--blue-100);outline-offset:2px} .stb svg{flex:none}
.stb span{display:flex;flex-direction:column;line-height:1.1;text-align:start}
.stb small{font-size:11px;font-weight:500;opacity:.85} .stb b{font-family:-apple-system,"Helvetica Neue",Arial,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.3px;direction:ltr;text-align:right}
.badges{display:flex;flex-wrap:wrap;gap:8px}
.qrbox{display:none;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:10px 14px 10px 10px;box-shadow:0 6px 18px rgba(42,39,128,.10)}
.qrbox img{width:92px;height:92px;display:block} .qrbox span{font-size:13px;font-weight:700;color:var(--ink-2);max-width:130px;line-height:1.5}
.appic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--blue);box-shadow:0 4px 12px rgba(76,72,255,.3)}
.appic img{height:28px;width:auto;filter:brightness(0) invert(1)} .appic.sm{width:24px;height:24px;border-radius:7px;box-shadow:none} .appic.sm img{height:15px}
.appband{margin-top:48px}
.ab{display:grid;grid-template-columns:1fr;background:var(--blue-50);border-radius:28px;overflow:hidden;padding:26px 22px 0}
.ab-eye{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--blue);background:#fff;border-radius:999px;padding:5px 12px 5px 6px}
.ab h2,.ab h1{font-size:26px;font-weight:800;line-height:1.3;margin:12px 0 6px}
.ab p{font-size:15px;color:#55546A;margin:0 0 16px;line-height:1.7;max-width:420px}
.ab-ph{display:flex;justify-content:center;margin-top:20px} .ab-ph img{width:280px;height:auto;display:block}
.ftr2{margin-top:56px;background:var(--soft);border-top:1px solid var(--line);padding:32px 0 88px}
.appband+.ftr2{margin-top:32px}
.fin{display:grid;grid-template-columns:1fr 1fr;gap:26px 16px}
.fab,.fapp{grid-column:1/-1} .fab p{font-size:14px;color:#66657A;margin:8px 0 0;max-width:420px} .ftr2 .brand img{height:40px;width:auto}
.fcol{display:flex;flex-direction:column;gap:10px;min-width:0} .fcol b{font-size:14px;font-weight:800;margin-bottom:2px} .fcol a{font-size:14px;font-weight:600;color:#55546A}
.fapp{background:#fff;border-radius:20px;padding:18px;box-shadow:0 8px 24px rgba(42,39,128,.08);display:flex;flex-direction:column;gap:12px}
.fh{display:flex;align-items:center;gap:12px} .fh b{font-size:16px;font-weight:800;display:block} .fh span{font-size:13px;color:#66657A}
.fbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;border-top:1px solid #E7E7F0;padding-top:16px;margin-top:24px;font-size:12.5px;color:var(--muted)}
@media (max-width:899px){.stb{height:48px;min-width:0;flex:1 1 140px;justify-content:center;padding:0 10px;gap:8px} .stb b{font-size:17px} .stb small{font-size:10.5px}}
@media (min-width:900px){
  .ab{grid-template-columns:1.1fr .9fr;padding:44px 56px 0;align-items:center}
  .ab h2,.ab h1{font-size:36px} .ab-t{padding-bottom:44px} .ab-ph{margin:0} .ab-ph img{width:340px}
  .ab .qrbox{display:inline-flex;margin-top:16px}
  .ftr2{padding-bottom:40px}
  .fin{grid-template-columns:1.6fr 1fr 1fr 1.4fr} .fab,.fapp{grid-column:auto}
  .fapp{align-self:start} .fapp .badges{flex-direction:column;align-items:flex-start} .fapp .qrbox{display:inline-flex;box-shadow:none;padding:0;margin-top:4px}
}

/* Header «ج» + tabs «ب» (owner 2026-10-10; html.mjs HEADER_FIT). A 68px row (logo 40, then the search with room
   before it), the three sections under it with a blue line that slides to the chosen one (site.js). One row on a
   computer: logo, sections, a compact search, the flag, «حمّل التطبيق». */
.hdr4.h4c{box-shadow:none;view-transition-name:rabet-hdr}
.hdr4.h4c .h4-in{height:auto;flex-wrap:wrap;column-gap:16px;row-gap:0}
.hdr4.h4c .brand{height:68px;display:flex;align-items:center} .hdr4.h4c .brand img{height:40px}
.hdr4.h4c .h4-pill{height:48px;border-color:#E9E9F1;box-shadow:0 2px 8px rgba(20,19,31,.08)}
.hdr4.h4c .h4-s{gap:8px;padding:0;padding-inline:14px 8px} .hdr4.h4c .h4-s svg{width:18px;height:18px}
.hdr4.h4c .h4-t{line-height:1.3;padding-top:2px} .hdr4.h4c .h4-t b{font-size:15px} .hdr4.h4c .h4-t span{font-size:12px}
.h4-dk{display:none;font-style:normal}
.hdr4.h4c .h4-cur{width:40px;height:40px;margin-inline-end:3px;gap:2px}
.hdr4.h4c .h4-cur .cc-f{width:18px;height:18px;box-shadow:0 0 0 1.5px #fff,0 1px 2px rgba(20,19,31,.2)}
.hdr4.h4c .h4-cur .cc-n{height:10px} .hdr4.h4c .h4-cur .cc-n .sar{width:9px;height:10px;font-size:11px}
.hdr4.h4c .h4-cur.solo .cc-f{width:24px;height:24px}
.hdr4.h4c .h4-menu{width:40px;height:40px;border-color:#E9E9F1;box-shadow:0 1px 4px rgba(20,19,31,.06)} .hdr4.h4c .h4-menu svg{width:20px;height:20px}
.hdr4.h4c .h4-tabs{order:10;flex:0 0 100%;position:relative;height:48px;max-width:none;margin:0;gap:4px}
.hdr4.h4c .h4-tabs a{flex:1;max-width:none;flex-direction:row;align-items:center;justify-content:center;gap:7px;margin:0;border:0;font-size:14.5px;line-height:1;color:#66657A;transition:color .3s;-webkit-tap-highlight-color:transparent}
.hdr4.h4c .h4-tabs a span{padding-top:2px} .hdr4.h4c .h4-tabs a svg{width:19px;height:19px;flex:none;transform-origin:50% 60%}
.hdr4.h4c .h4-tabs a[aria-current]{color:var(--blue);border:0}
.tind{position:absolute;left:0;bottom:0;height:3px;width:0;border-radius:3px 3px 0 0;background:var(--blue);opacity:0;pointer-events:none;will-change:transform,width}
.tind.tgo{transition:transform .55s cubic-bezier(.34,1.36,.5,1),width .55s cubic-bezier(.34,1.36,.5,1)}
@keyframes rb-book{0%{transform:none}35%{transform:scaleX(-1)}70%{transform:translateY(-2px)}100%{transform:none}}
@keyframes rb-cap{0%{transform:none}30%{transform:translateY(-6px) rotate(-14deg)}60%{transform:rotate(6deg)}100%{transform:none}}
@keyframes rb-award{0%{transform:none}25%{transform:rotate(-16deg)}50%{transform:rotate(12deg)}75%{transform:rotate(-6deg)}100%{transform:none}}
.h4-tabs a.live[data-ic=book] svg{animation:rb-book .8s ease .15s} .h4-tabs a.live[data-ic=cap] svg{animation:rb-cap .8s ease .15s} .h4-tabs a.live[data-ic=award] svg{animation:rb-award .9s ease .15s}
/* a section change crossfades the page; the bar stays put (site.js keeps it to the three tabs) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
::view-transition-group(rabet-hdr),::view-transition-new(rabet-hdr){animation:none} ::view-transition-old(rabet-hdr){display:none}
@media (prefers-reduced-motion:reduce){.tind.tgo{transition:none} .h4-tabs a.live svg{animation:none!important} ::view-transition-old(root),::view-transition-new(root){animation:none}}
/* phones under 430px: «معهد · جامعة · منحة», so the line never ends in «…» (Safari draws Tajawal a little wider) */
.h4-x{font-style:normal} @media (max-width:429px){.hdr4.h4c .h4-x{display:none}}
@media (max-width:359px){.hdr4.h4c .h4-in{column-gap:10px} .hdr4.h4c .brand img{height:36px} .hdr4.h4c .h4-t span{display:none} .hdr4.h4c .h4-s{padding-inline:12px 8px} .hdr4.h4c .h4-tabs a{font-size:13.5px;gap:5px}}
/* computer: the search and the currency open as a panel under their button, not over the whole page */
.sheet.drop{border-radius:20px;box-shadow:0 24px 60px rgba(20,19,31,.18);max-height:calc(100vh - 110px);overflow-y:auto}
#ssheet.drop,#csheet.drop{inset:auto;transform:none;bottom:auto;right:auto} #ssheet.drop.in,#csheet.drop.in{transform:none}
.sheet.drop .sh-top,#csheet.drop .sh-grab{display:none} #ssheet.drop>.wrap{padding:16px}
.sh-dim.light{background:rgba(20,19,31,.10)}
@media (min-width:900px){
  .hdr4.h4c .h4-in{flex-wrap:nowrap;height:76px;column-gap:24px}
  .hdr4.h4c .brand{height:auto}
  .hdr4.h4c .h4-tabs{order:2;flex:none;height:76px;gap:2px}
  .hdr4.h4c .h4-tabs a{flex:none;padding:0 12px;font-size:15.5px}
  .hdr4.h4c .h4-pill{order:3;flex:0 1 380px;max-width:380px;margin:0;margin-inline-start:auto}
  .hdr4.h4c .h4-t b,.hdr4.h4c .h4-t span{display:none} .hdr4.h4c .h4-dk{display:block;font-size:14.5px;font-weight:600;color:#66657A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hdr4.h4c .h4-menu{display:none} .hdr4.h4c .h4-app{order:4}
  .hdr4.h4c .h4-tabs .h4-dt{display:flex} .hdr4.h4c .h4-sep{display:block;align-self:center;width:1px;height:22px;margin:0 6px;background:#E6E6EF}
  .hdr4.h4c .h4-tabs .h4-dt img{width:21px;height:22px;flex:none;object-fit:contain;filter:grayscale(1) opacity(.62);transition:filter .3s}
  .hdr4.h4c .h4-tabs .h4-dt[aria-current] img,.hdr4.h4c .h4-tabs .h4-dt:hover img{filter:none}
}
/* «المجتمع» and «فهيم» in the bar are for computers; phones have them in the bottom bar */
.h4-tabs .h4-dt,.h4-sep{display:none}
/* a narrow computer: the five sections as words only, so the search keeps its room */
@media (min-width:900px) and (max-width:1099px){.hdr4.h4c .h4-tabs a svg,.hdr4.h4c .h4-tabs .h4-dt img{display:none} .hdr4.h4c .h4-tabs a{padding:0 9px} .hdr4.h4c .h4-in{column-gap:18px}}

/* Bottom bar on phones (html.mjs bottomNav): الرئيسية · المجتمع · فهيم · التطبيق */
.bnav{display:none}
@media (max-width:899px){
  .bnav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;height:calc(64px + env(safe-area-inset-bottom));padding:7px 4px env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
  .bnav a{flex:1;max-width:96px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:#66657A;-webkit-tap-highlight-color:transparent}
  .bnav a svg{width:24px;height:24px} .bnav a img{width:26px;height:27px;object-fit:contain;filter:grayscale(1) opacity(.62)}
  .bnav a[aria-current]{color:var(--blue)} .bnav a[aria-current] img{filter:none}
  body:has(.bnav){padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  body:has(.bnav) .apppill{display:none!important}
  body:has(.bnav) .ftr2{padding-bottom:32px}
  body:has(.sticky-book) .bnav{display:none} body:has(.sticky-book){padding-bottom:0}
}

/* «المجتمع» (src/community.mjs) */
.cm-h{padding-top:18px} .cm-h h1{font-size:28px;font-weight:800;color:var(--blue);margin:0} .cm-h>p{margin:4px 0 0;font-size:14.5px;color:#66657A;font-weight:600}
.cm-chips{margin-top:12px}
.cm-list{display:flex;flex-direction:column}
.cm-q{padding:18px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:9px} .cm-q[hidden]{display:none}
.cm-who{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:#66657A;font-weight:700} .cm-who b{color:var(--ink-2)}
.cm-av{width:30px;height:30px;border-radius:50%;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.cm-av.fh,.cm-av.tm{background:#fff;border:1px solid var(--line)} .cm-av.fh img{width:22px;height:23px;object-fit:contain} .cm-av.tm img{height:18px;width:auto}
.cm-tm{font-size:11px;font-weight:800;color:var(--blue);background:var(--blue-50);border-radius:6px;padding:2px 6px}
.cm-t{font-size:17.5px;font-weight:800;line-height:1.55;margin:0} .cm-t a{color:var(--ink)}
.cm-x{margin:0;font-size:14.5px;line-height:1.7;color:var(--ink-2)}
.cm-opts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px} .cm-opts li{border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:14px;font-weight:700;color:var(--ink-2)}
.cm-best{border-radius:16px;background:#F7F7FB;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.cm-bl{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--ok)}
.cm-best p{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cm-meta{display:flex;gap:18px;font-size:13px;color:#66657A;font-weight:700} .cm-meta a,.cm-meta span{display:flex;align-items:center;gap:5px;color:inherit}
.cm-end{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 0 8px} .cm-end b{font-size:18px} .cm-end span{font-size:14px;color:#66657A}
.cm-end-b{margin-top:8px;display:inline-flex;gap:8px;align-items:center}
.cm-ask{position:fixed;left:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:39;height:50px;border-radius:999px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:8px;padding:0 20px;font-weight:800;font-size:15px;box-shadow:0 10px 24px rgba(76,72,255,.3)}
.cm-qp{padding-top:14px;padding-bottom:20px} .cm-qp h1{font-size:23px;line-height:1.5;font-weight:800;margin:8px 0 8px}
.cm-body p{margin:8px 0 0;font-size:15.5px;line-height:1.85;color:var(--ink-2)}
.cm-qp>.cm-opts{margin-top:12px}
.cm-ans{border-top:1px solid var(--line);margin-top:16px;padding-top:16px;display:flex;flex-direction:column;gap:6px} .cm-ans p{margin:0;font-size:15.5px;line-height:1.85;color:var(--ink-2)}
.cm-ans.top{border:0;background:#F7F7FB;border-radius:18px;padding:14px 16px}
.cm-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;color:var(--ok);background:var(--ok-50);border-radius:6px;padding:2px 7px}
.cm-rel{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-top:18px;color:var(--ink)}
.cm-rel>span{flex:1;display:flex;flex-direction:column} .cm-rel b{font-size:15px} .cm-rel>span>span{font-size:12.5px;color:#66657A;font-weight:700}
.cm-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:16px;background:var(--blue-50);color:var(--blue);font-weight:800;font-size:15px;margin:14px 0 6px;padding:0 14px;text-align:center}
.cm-sim h2{font-size:18px;font-weight:800;margin:22px 0 4px}
.cm-sim a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink)} .cm-sim a b{font-size:15px;font-weight:700} .cm-sim a span{color:#66657A;font-size:12.5px;font-weight:700;flex:none}
@media (min-width:900px){.cm-list,.cm-qp,.cm-h,.cm-end{max-width:760px} .cm-ask{display:none} .cm-h h1{font-size:34px} .cm-qp h1{font-size:30px}}

/* /faheem/ (pages3.mjs faheemPage) */
.fhp{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:28px;padding-bottom:12px;max-width:640px}
.fhp-owl{width:110px;height:auto} .fhp h1{font-size:25px;font-weight:800;margin:10px 0 4px;line-height:1.4}
.fhp-lead{margin:0;font-size:16px;font-weight:800;color:var(--blue)} .fhp-sub{margin:8px 0 18px;font-size:14.5px;color:#66657A;line-height:1.75;max-width:420px}
.fhp-tries{align-self:stretch;display:flex;flex-direction:column;gap:8px;text-align:start}
.fhp-tries a{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #E3E3EE;border-radius:16px;padding:13px 14px;font-size:15px;font-weight:700;color:var(--ink)} .fhp-tries a svg{color:#B9B8C9;flex:none}
.fhp-app{margin:22px 0 10px;font-weight:800} .fhp .badges{justify-content:center}

/* /faheem/ chat (faheem/web/chat.js): the app's own Faheem in the browser, per the approved mock-up */
.fhc{max-width:720px;padding-top:22px;padding-bottom:150px}
.fhc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:8px}
.fhc-empty h1{font-size:26px;font-weight:800;margin:8px 0 2px;line-height:1.4}
.fhc-lead{margin:0 0 18px;font-size:14.5px;color:#66657A;line-height:1.8;max-width:420px}
.fhc-empty .fhp-tries{width:100%} .fhp-tries a{cursor:pointer}
.fhc-top{display:flex;justify-content:flex-end;margin-bottom:4px}
.fhc-new{border:1px solid #E3E3EE;background:#fff;border-radius:999px;padding:6px 14px;font:700 13px/1.4 'Tajawal',system-ui,sans-serif;color:var(--ink-2);cursor:pointer}
.fm{margin:14px 0;scroll-margin-top:132px}
.fm.me{display:flex;justify-content:flex-start}
.fm.me p{margin:0;max-width:85%;background:var(--blue);color:#fff;border-radius:20px;border-end-start-radius:6px;padding:9px 15px;font-size:15.5px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}
.fm.bot{display:flex;align-items:flex-start;gap:9px;animation:fh-in .32s ease-out both}
.fav{width:30px;height:auto;flex:none;margin-top:3px}
.fbd{flex:1;min-width:0}
.ftx p{margin:0 0 6px;font-size:15.5px;line-height:1.85;color:var(--ink);overflow-wrap:anywhere} .ftx ul{margin:2px 0 8px;padding-inline-start:20px} .ftx li{font-size:15px;line-height:1.8;color:var(--ink)}
.ftx p.fstep{font-size:14px;font-weight:700;color:#4A4960}
.ftx[dir=ltr]{text-align:left}
.fcards{border:1px solid #E8E8F0;border-radius:18px;overflow:hidden;margin:10px 0 4px;background:#fff}
.fcard{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"lg b p" "lg go go";column-gap:10px;row-gap:2px;padding:12px 14px;color:var(--ink);-webkit-tap-highlight-color:transparent}
.fcard+.fcard{border-top:1px solid #F0F0F5} .fcard:hover{background:#FAFAFE}
.fc-lg{grid-area:lg;width:38px;height:38px;border-radius:11px;border:1px solid #EDEDF3;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.fc-lg img{width:100%;height:100%;object-fit:contain;padding:3px} .fc-lg b{font-size:16px;font-weight:800;color:var(--blue)}
.fc-lg.sm{width:30px;height:30px;border-radius:9px}
.fc-b{grid-area:b;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.fc-t{font-size:14.5px;font-weight:800;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fc-s{font-size:12.5px;color:#66657A;line-height:1.6;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-bd{margin-top:3px;font-size:11.5px;font-weight:800;color:var(--blue);background:var(--blue-50);border-radius:8px;padding:1px 8px}
.fc-r{margin-top:3px;font-size:12px;font-weight:700;color:var(--ok);background:var(--ok-50);border-radius:8px;padding:1px 8px}
.fc-p{grid-area:p;display:flex;flex-direction:column;align-items:flex-end;text-align:end;padding-inline-start:4px}
.fc-p b{font-size:16px;font-weight:800;white-space:nowrap;line-height:1.5} .fc-p s{font-size:12px;color:var(--muted);white-space:nowrap} .fc-p small{font-size:11.5px;color:var(--muted);line-height:1.45;max-width:118px}
.fc-go{grid-area:go;justify-self:end;display:inline-flex;align-items:center;gap:2px;margin-top:4px;font-size:13px;font-weight:800;color:var(--blue)}
.fcode{border:1.5px dashed var(--blue-100);background:#FAFAFF;border-radius:16px;padding:12px 14px;margin:10px 0 4px;display:flex;flex-direction:column;gap:6px}
.fco-t{font-size:14.5px;font-weight:800} .fco-a{font-size:13px;color:#66657A;line-height:1.7}
.fco-c{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fco-c code{font:800 17px/1.4 'Tajawal',system-ui,sans-serif;letter-spacing:1.5px;background:#fff;border:1px solid var(--blue-100);border-radius:10px;padding:5px 12px;color:var(--ink)}
.fco-c button{border:0;background:var(--blue);color:#fff;border-radius:999px;padding:8px 14px;font:800 13px/1.3 'Tajawal',system-ui,sans-serif;cursor:pointer}
.fco-p{display:flex;flex-wrap:wrap;gap:6px} .fco-p span{font-size:12px;font-weight:700;color:var(--ink-2);background:#fff;border:1px solid #E8E8F0;border-radius:8px;padding:1px 8px} .fco-p span.ok{color:var(--ok);background:var(--ok-50);border-color:transparent}
.fcode.off{border-style:solid;border-color:#E8E8F0;background:#F6F6F9;flex-direction:row;justify-content:space-between;color:#8A8A99;font-size:13px}
.ftbl-w{overflow-x:auto;margin:10px 0 4px;border:1px solid #E8E8F0;border-radius:16px;-webkit-overflow-scrolling:touch}
.ftbl{border-collapse:collapse;width:100%;font-size:13.5px;line-height:1.55}
.ftbl th,.ftbl td{padding:9px 10px;text-align:start;vertical-align:top}
.ftbl tbody tr{border-top:1px solid #F0F0F5} .ftbl tbody th{color:#66657A;font-weight:700;white-space:nowrap}
.ftbl thead th{background:#FAFAFD;font-weight:800;font-size:13px;text-align:center;min-width:110px} .ftbl thead th:first-child{min-width:0}
.ftbl thead th a,.ftbl thead th>span:not(.fc-lg){color:var(--ink)} .ftbl thead th a{display:flex;flex-direction:column;align-items:center;gap:4px}
.fh-act{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;margin:8px 0 2px;background:var(--blue);color:#fff;border-radius:999px;padding:10px 18px;font-size:14.5px;font-weight:800}
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.fchips button{border:0;background:#F2F2F7;border-radius:999px;padding:8px 14px;font:700 13.5px/1.4 'Tajawal',system-ui,sans-serif;color:var(--ink-2);cursor:pointer;text-align:start}
.fchips button:hover{background:var(--blue-50);color:var(--blue)}
.fdots{display:inline-flex;gap:5px;padding:12px 2px} .fdots i{width:7px;height:7px;border-radius:50%;background:#B9B8C9;animation:fh-dot 1s infinite ease-in-out} .fdots i:nth-child(2){animation-delay:.15s} .fdots i:nth-child(3){animation-delay:.3s}
@keyframes fh-dot{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes fh-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fm.bot,.fdots i{animation:none}}
.fhc-end{margin:18px 0 6px;border:1px solid #E8E8F0;border-radius:20px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.fhc-end b{font-size:17px;font-weight:800;margin-top:4px} .fhc-end>span{font-size:14px;color:#66657A;margin-bottom:10px} .fhc-end .badges{justify-content:center}
.fhc.done .fhp-tries{opacity:.5;pointer-events:none}
.fhc-bar{position:fixed;left:0;right:0;bottom:0;z-index:35;margin:0;padding:16px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(rgba(255,255,255,0),#fff 22px)}
.fhc-in{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E3E3EE;border-radius:999px;padding:5px;padding-inline-start:12px;box-shadow:0 6px 22px rgba(20,19,31,.07)}
.fhc-in:focus-within{border-color:var(--blue-100);box-shadow:0 0 0 3px var(--blue-50),0 6px 22px rgba(20,19,31,.07)}
.fhc-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 16px/1.5 'Tajawal',system-ui,sans-serif;color:var(--ink);padding:8px 4px}
.fhc-in input::placeholder{color:#9A99AC}
.fhc-send{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.fhc-send svg{transform:scaleX(-1)} .fhc-send:disabled,.fhc-in input:disabled{opacity:.45;cursor:default}
.fhc-note{max-width:720px;margin:6px auto 0;text-align:center;font-size:12.5px;color:#77768A} .fhc-note a{color:var(--blue);font-weight:800}
body:has(.fhc-bar) .apppill{display:none!important}
body:has(.fhc-bar){padding-bottom:96px}
@media (max-width:899px){
  .fhc-bar{bottom:calc(64px + env(safe-area-inset-bottom));padding-bottom:6px}
  body:has(.fhc-bar){padding-bottom:calc(64px + 96px + env(safe-area-inset-bottom))}
  body.fh-kb .bnav{display:none} body.fh-kb .fhc-bar{bottom:0;padding-bottom:8px} body.fh-kb .fhc-note{display:none}
}
@media (min-width:900px){.fm{scroll-margin-top:92px} .fhc{padding-top:34px}}
.fco-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px} .fco-e{flex:none;font-size:11.5px;font-weight:800;color:var(--hot);background:var(--hot-50);border-radius:8px;padding:1px 8px}
.fco-s{display:flex;flex-direction:column} .fco-s b{font-size:13px;color:var(--ok)} .fco-s small{font-size:11.5px;color:var(--muted);line-height:1.5}
.fco-g{display:flex;align-items:flex-start;gap:6px;font-size:13px;font-weight:700;color:var(--ok)} .fco-g svg{flex:none;margin-top:3px}
.fcode .fh-act{align-self:flex-start;margin-top:4px}

/* «أسئلة فهيم الشائعة» (src/faq.mjs), owner pick «ب»: the number first, فهيم's full answer under it */
.fhc-faq{display:inline-flex;align-items:center;gap:3px;margin-top:14px;font-size:14px;font-weight:800;color:var(--blue)}
.fq2{max-width:860px;padding-top:22px;padding-bottom:40px}
.fq2-h{text-align:center} .fq2-h img{width:72px;height:auto} .fq2-h h1{margin:6px 0 2px;font-size:26px;font-weight:800;line-height:1.35} .fq2-h p{margin:0 auto;color:#66657A;font-size:14.5px;max-width:420px;line-height:1.75}
.fq-cats{display:flex;gap:8px;overflow-x:auto;margin:16px 0 4px;padding-bottom:4px;scrollbar-width:none} .fq-cats::-webkit-scrollbar{display:none} .fq-cats .chip{flex:none;padding:7px 14px;font-size:13.5px}
.fq2-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px;align-items:start} @media (min-width:760px){.fq2-grid{grid-template-columns:1fr 1fr}}
.fq2-c{border:1px solid #E8E8F0;border-radius:20px;background:#fff;scroll-margin-top:140px} .fq2-c[open]{box-shadow:0 8px 24px rgba(20,19,31,.07);border-color:#DCDCF5}
@media (min-width:760px){.fq2-c[open]{grid-column:1/-1}}
.fq2-c summary{list-style:none;display:flex;flex-direction:column;padding:14px 16px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent} .fq2-c summary::-webkit-details-marker{display:none}
.fq2-k{font-size:12px;font-weight:800;color:var(--blue)} .fq2-q{font-size:16px;font-weight:800;margin:3px 0 8px;line-height:1.5}
.fq2-n{font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.3px} .fq2-n small{font-size:14.5px;font-weight:700;color:#4A4960;letter-spacing:0}
.fq2-u{font-size:13px;color:#66657A;margin-top:3px;line-height:1.65}
.fq2-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #F0F0F5}
.fq2-row>span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#8A8A99} .fq2-row img{width:20px;height:auto}
.fq2-open{display:inline-flex;align-items:center;gap:2px;font-size:13.5px;color:var(--blue)} .fq2-c[open] .fq2-open svg{transform:rotate(-90deg)}
.fq-a{display:flex;gap:9px;padding:0 16px 16px} .fq-ow{width:26px;height:auto;flex:none;margin-top:3px;align-self:flex-start} .fq-ab{flex:1;min-width:0}
.fq-ab p{margin:0 0 6px;font-size:15px;line-height:1.85} .fq-ab ul{margin:0 0 8px;padding-inline-start:18px;font-size:14.5px;line-height:1.8}
.fq-ask{display:inline-flex;align-items:center;gap:3px;margin-top:10px;font-size:14px;font-weight:800;color:var(--blue)}
.fq2-c[hidden]{display:none}
.fq2-note{margin:18px 0 0;text-align:center;font-size:13px;color:#77768A;line-height:1.8} .fq2-note a{color:var(--blue);font-weight:800}

/* فهيم and «المجتمع» (html.mjs IMMERSIVE): no footer; on a phone a slim bar (69 instead of 117), hidden while reading
   down the community and back on the way up */
@media (max-width:899px){
  body.imm .hdr4.h4c .h4-tabs{display:none}
  body.imm-c .hdr4.h4c{transition:transform .28s ease} body.imm-c .hdr4.h4c.hdr-up{transform:translateY(-100%)}
  body.imm .fm{scroll-margin-top:84px} body.imm .fq2-c{scroll-margin-top:90px}
}
body.imm main{min-height:calc(100vh - 160px)}
@media (prefers-reduced-motion:reduce){body.imm-c .hdr4.h4c{transition:none}}

/* فهيم «أ» (pages3.mjs FAHEEM_LOOK): one big question, the most-asked with their number; the bottom bar once chatting */
.fhc.fa-on{padding-top:22px}
.fhc.fa-on:not(.chatting) ~ .fhc-bar{display:none}
body:has(.fhc.fa-on:not(.chatting)){padding-bottom:0}
@media (max-width:899px){body:has(.fhc.fa-on:not(.chatting)){padding-bottom:calc(64px + env(safe-area-inset-bottom))}}
.fhc.fa-on:not(.chatting){padding-bottom:36px}
.fa{text-align:start;align-items:stretch;padding-top:4px}
.fa-top{display:flex;align-items:center;gap:10px} .fa-top img{width:46px;height:auto} .fa-top b{display:block;font-size:15px;font-weight:800;color:var(--blue)} .fa-top span{display:block;font-size:12.5px;color:#7A7990}
.fa h1{font-size:30px;line-height:1.35;font-weight:800;margin:18px 0 16px;letter-spacing:-.3px}
.fa-box{border:1.5px solid var(--blue-100);border-radius:24px;padding:14px 14px 10px;box-shadow:0 10px 30px rgba(76,72,255,.08);background:#fff}
.fa-box:focus-within{border-color:var(--blue)}
.fa-box textarea{width:100%;border:0;outline:0;resize:none;font:500 17px/1.6 'Tajawal',system-ui,sans-serif;min-height:56px;color:var(--ink);background:transparent}
.fa-box textarea::placeholder{color:#9A99AC}
.fa-row{display:flex;justify-content:space-between;align-items:center;gap:10px} .fa-row small{color:#8A8A99;font-size:12px}
.fa-row button{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer} .fa-row button svg{transform:scaleX(-1)}
.fhc.done .fa-box{opacity:.5;pointer-events:none}
.fa-h{display:flex;justify-content:space-between;align-items:baseline;margin:26px 0 4px} .fa-h b{font-size:16px;font-weight:800} .fa-h a{font-size:13px;font-weight:800;color:var(--blue)}
.fa-q{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #F0F0F5;color:var(--ink)} .fa-q:last-child{border-bottom:0}
.fa-q>i{font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--blue-50);color:var(--blue);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}
.fa-q>span{flex:1;font-size:15px;font-weight:700;line-height:1.5}
.fa-q em{font-style:normal;display:flex;flex-direction:column;align-items:flex-end;flex:none} .fa-q em b{font-size:15.5px;font-weight:800;white-space:nowrap} .fa-q em small{font-size:11px;color:#8A8A99;font-weight:600}
@media (min-width:900px){.fa h1{font-size:36px}}

/* «المجتمع» «أ» (community.mjs COMMUNITY_LOOK): each question with its best answer, one card each */
.ca-h h1{font-size:26px} .ca-h p{margin-top:2px}
.ca-list{display:flex;flex-direction:column;gap:10px;padding-top:4px}
.cm-q.ca-c{border:1px solid #E8E8F0;border-radius:20px;padding:14px 16px;gap:0;background:#fff}
.ca-k{font-size:12px;font-weight:800;color:var(--blue)}
.ca-q{margin:3px 0 10px;font-size:16.5px;font-weight:800;line-height:1.55} .ca-q a{color:var(--ink)}
.ca-c .cm-opts{margin:0 0 10px}
.ca-a{border-inline-start:3px solid var(--blue-100);padding:2px 12px;margin-bottom:10px} .ca-a b{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800}
.ca-a p{margin:3px 0 0;font-size:14.5px;line-height:1.75;color:var(--ink-2)}
.ca-f{display:flex;align-items:center;gap:14px;font-size:12.5px;color:#8A8A99;font-weight:600} .ca-f a{margin-inline-start:auto;display:inline-flex;align-items:center;gap:2px;color:var(--blue);font-weight:800}
@media (min-width:900px){.ca-h,.ca-list{max-width:1040px} .ca-list{display:grid;grid-template-columns:1fr 1fr;align-items:start} .cm-q.ca-c[hidden]{display:none}}

/* «نصيحة فهيم» on an institute's page (pages.mjs FAHEEM_TIP), design «ب»: the app's code and what it saves */
.tipF{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding:14px;border-radius:18px;background:var(--blue-50);border:1px solid var(--blue-100)}
.tipF[hidden]{display:none}
.tipF>img{width:44px;height:auto;flex:none} .tipF .tb{flex:1;min-width:0} .tipF .tk{font-size:12px;font-weight:800;color:var(--blue)}
.tipF p{margin:2px 0 8px;font-size:14.5px;line-height:1.75;color:var(--ink)} .tipF p b{color:var(--ok);white-space:nowrap}
.tipF .tc{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#66657A}
.tipF code{font:800 13px/1.4 'Tajawal',system-ui,sans-serif;letter-spacing:1px;background:#fff;border:1px dashed #B9B8FF;border-radius:8px;padding:2px 8px;color:var(--ink)}
.tipF .tg{display:flex;width:max-content;align-items:center;gap:3px;margin-top:10px;background:var(--blue);color:#fff;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:800}
.tipF.d{display:none}
@media (min-width:900px){.tipF.m{display:none} .tipF.d:not([hidden]){display:flex;margin-top:12px}}

/* ─── «المجتمع» على شكل «الخيط» (المالك 2026-10-11: «أ» + صفحة لكل موضوع + بطاقة المعهد) — community.mjs COMMUNITY_LOOK='t' */
:root{--k-brand:#4C48FF;--k-ink:#14131F;--k-sub:#5E5D70;--k-line:#ECECF3;--k-soft:#F4F4FB;--k-green:#1F7A4D;--k-faint:#8A8999;--k-body:#3B3A4A;--k-lav:#EEEEFF;--k-mint:#EAF6EF;--k-band:#F6F6FC;--k-heart:#FF3040;--k-bsoft:#EDEDFF}
.kx{font-family:'Tajawal',system-ui,sans-serif;color:var(--k-ink);padding-bottom:12px}
.kx a{color:inherit;text-decoration:none}
.kx h1,.kx h2,.kx h3,.kx p{margin:0}
.k-top{display:flex;align-items:center;gap:4px;padding:14px 16px 2px}
.k-top h1{flex:1;font-size:25px;font-weight:800;color:var(--k-brand);line-height:1.2}
.k-top .k-ib{width:44px;height:44px;display:grid;place-items:center;color:var(--k-ink);border-radius:50%}
.k-lede{padding:0 16px 6px;font-size:14px;color:var(--k-faint);line-height:1.5}
.k-ask{display:flex;align-items:center;gap:10px;height:60px;padding:0 16px;border-bottom:1px solid var(--k-line)}
.k-pc{width:36px;height:36px;border-radius:50%;background:var(--k-lav);color:var(--k-brand);display:grid;place-items:center;flex:none}
.k-askt{flex:1;min-width:0;font-size:16px;color:var(--k-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-endt{flex:1;font-size:16px;font-weight:700}
.k-pill{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:18px;background:var(--k-brand);color:#fff!important;font-size:14px;font-weight:800;white-space:nowrap;flex:none}
.k-tabs{display:flex;align-items:stretch;height:48px;padding:0 16px;gap:26px;border-bottom:1px solid var(--k-line)}
.k-tabs a{display:flex;align-items:center;font-size:16px;font-weight:700;color:var(--k-sub);position:relative}
.k-tabs a[aria-current]{color:var(--k-brand)}
.k-tabs a[aria-current]::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:3px;border-radius:3px;background:var(--k-brand)}
.k-tabs .k-flt{margin-inline-start:auto;gap:6px;font-size:15px;color:var(--k-sub)}
.k-post{display:flex;gap:12px;padding:14px 16px 4px;border-bottom:1px solid var(--k-line);background:#fff}
.k-post.nl{border-bottom-color:transparent}
.k-av{--s:36px;width:var(--s);height:var(--s);flex:none;border-radius:50%;background:var(--k-bsoft);color:var(--k-brand);display:grid;place-items:center;font-weight:800;font-size:calc(var(--s)*.42);line-height:1}
.k-av.tm{background:#fff;box-shadow:inset 0 0 0 1.5px var(--k-brand)}
.k-av.fh{background:var(--k-lav);overflow:hidden;align-items:end} .k-av.fh img{width:84%;height:auto}
.k-c{flex:1;min-width:0}
.k-hd{display:flex;align-items:center;gap:4px;height:32px;font-size:13px;color:var(--k-faint);white-space:nowrap;overflow:hidden}
.k-hd b{font-size:14.5px;font-weight:800;color:var(--k-ink);flex:none} .k-hd span{overflow:hidden;text-overflow:ellipsis}
.k-hd .vf{flex:none;width:15px;height:15px}
.k-q{font-size:17px;font-weight:700;line-height:1.5;margin-top:6px!important}
.k-q a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.k-best{display:flex;gap:10px;margin-top:8px}
.k-mav{width:24px;height:24px;flex:none;margin-top:2px;border-radius:50%;background:var(--k-mint);color:var(--k-green);display:grid;place-items:center;font-size:11px;font-weight:800}
.k-mav.tm{background:#fff;box-shadow:inset 0 0 0 1.3px var(--k-brand)}
.k-best>div{min-width:0}
.k-bl{display:flex;align-items:center;gap:4px;font-size:13px;line-height:1.6} .k-bl b{font-weight:800} .k-bl .vf{width:13px;height:13px}
.k-best p{font-size:15px;color:var(--k-body);line-height:1.55;margin-top:2px!important;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.k-help{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:12.5px;color:var(--k-faint)}
.k-acts{display:flex;align-items:center;height:44px;margin-top:4px}
.k-act{display:inline-flex;align-items:center;gap:6px;height:44px;min-width:44px;padding-inline-end:18px;color:var(--k-ink)}
.k-act b{font-size:14px;font-weight:700}
.k-act.end{padding-inline-end:0}
.k-grow{flex:1}
.k-wait{font-size:13.5px;color:var(--k-faint)} .k-ans{font-size:14px;font-weight:800;color:var(--k-brand)!important;padding:0 8px;height:44px;display:inline-flex;align-items:center}
.k-poll{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.k-poll li{height:48px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--k-line);border-radius:12px;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-pnote{font-size:13px;color:var(--k-sub);margin-top:8px!important}
.k-men{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 10px 10px 8px;background:var(--k-soft);border-radius:16px}
.k-logo{width:42px;height:42px;flex:none;border-radius:11px;background:#fff;border:1px solid var(--k-line);display:grid;place-items:center;overflow:hidden;color:var(--k-brand)}
.k-logo img{width:100%;height:100%;object-fit:contain}
.k-mt{flex:1;min-width:0;display:flex;flex-direction:column}
.k-mt b{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.45}
.k-mt>span{font-size:12.5px;font-weight:700;color:var(--k-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.k-men>svg{color:var(--k-faint);flex:none}
.k-men.pl .k-mt b{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.k-pr{flex:none;display:flex;flex-direction:column;align-items:flex-end;padding-inline:10px 4px;border-inline-start:1px solid #E6E6F0;line-height:1.3}
.k-pr small{font-size:11.5px;color:var(--k-faint);font-weight:700}
.k-pr b{font-size:15px;font-weight:800;color:var(--k-ink);white-space:nowrap}
.k-pr .cur .sar{width:.74em;height:.82em}
.k-band{background:var(--k-band);padding:20px 0 22px;border-bottom:1px solid var(--k-line)}
.k-band h3{font-size:18px;font-weight:800;padding:0 16px}
.k-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 16px 0}
.k-tile{height:92px;background:#fff;border:1px solid var(--k-line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--k-brand)}
.k-tile b{font-size:14px;font-weight:800;color:var(--k-ink);text-align:center;line-height:1.25;padding:0 6px}
.k-tile span{font-size:12px;color:var(--k-faint);margin-top:-4px}
.k-band.cnt .k-tile{height:100px}
.k-fh{display:flex;align-items:center;gap:14px;padding:20px 16px 22px}
.k-fh img{flex:none;width:88px;height:auto}
.k-fh h3{padding:0} .k-fh p{font-size:15px;color:var(--k-sub);line-height:1.5;margin:6px 0 12px!important}
.k-card{display:block;border:1px solid var(--k-line);border-radius:16px;background:#fff;padding:16px}
.k-appc b{display:block;font-size:16px;font-weight:800;line-height:1.4} .k-appc p{font-size:14px;color:var(--k-sub);margin:4px 0 12px!important;line-height:1.5}
.k-qrr{display:flex;align-items:center;gap:14px;padding-top:12px;border-top:1px solid var(--k-line)}
.k-qrr span{font-size:13px;color:var(--k-faint);line-height:1.6}
.k-qr{width:92px;height:92px;flex:none}
.k-rtop h3{font-size:16px;font-weight:800;margin-bottom:4px!important}
.k-rtop a{display:flex;align-items:center;gap:12px;height:44px;color:var(--k-brand)}
.k-rtop a b{flex:1;font-size:15px;font-weight:700;color:var(--k-ink)} .k-rtop a span{font-size:13px;color:var(--k-faint)}
.k-rfh{display:flex;align-items:center;gap:12px}
.k-rfh>span{flex:1;display:flex;flex-direction:column} .k-rfh b{font-size:15px;font-weight:800} .k-rfh>span>span{font-size:13.5px;color:var(--k-sub)}
.k-rfh>svg{color:var(--k-faint)}
.k-rail{display:none}
.k-sheet,.k-dim{display:none}
.k-sheet:target{display:block;position:fixed;inset-inline:0;bottom:0;z-index:80;background:#fff;border-radius:22px 22px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -2px 18px rgba(20,19,31,.10)}
.k-sheet:target+.k-dim{display:block;position:fixed;inset:0;z-index:79;background:rgba(20,19,31,.42)}
.k-grab{display:block;width:40px;height:5px;border-radius:3px;background:#DCDCE6;margin:0 auto 14px}
.k-sheet h3{font-size:18px;font-weight:800;margin-bottom:6px!important}
.k-srow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--k-line)}
.k-srow:last-of-type{border-bottom:0}
.k-srow>span:nth-child(2){flex:1;display:flex;flex-direction:column} .k-srow b{font-size:16px;font-weight:800} .k-srow>span>span{font-size:13.5px;color:var(--k-sub);line-height:1.5}
.k-sic{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1.5px var(--k-brand)}
.k-sic.fh{background:var(--k-lav);box-shadow:none;overflow:hidden;align-items:end}
.k-srow>svg{color:var(--k-faint)}
@media (min-width:900px){
  .kx{padding:28px 32px 48px}
  .k-grid{display:grid;grid-template-columns:minmax(0,620px) 320px;gap:56px;justify-content:center}
  .k-feed{border:1px solid var(--k-line);border-radius:20px;overflow:hidden;align-self:start}
  .k-rail{display:flex;flex-direction:column;gap:14px;position:sticky;top:100px;align-self:start}
  .k-top{padding-top:18px}
}
.p-crumb{display:flex;gap:6px;align-items:center;padding:14px 16px 0;font-size:13px;color:var(--k-faint)}
.p-crumb a{color:var(--k-sub)!important;font-weight:700}
.p-head{display:flex;align-items:center;gap:10px;padding:12px 16px 0}
.p-head>div{display:flex;flex-direction:column;line-height:1.35}
.p-head b{font-size:15px;font-weight:800} .p-head span{font-size:13px;color:var(--k-faint)}
.p-q{font-size:20px!important;font-weight:800;line-height:1.55;padding:12px 16px 0}
.p-acts{padding:2px 16px 0;border-bottom:1px solid var(--k-line)}
.p-acts .k-acts{margin:0}
.p-cl{display:flex;align-items:baseline;gap:8px;padding:16px 16px 10px}
.p-cl h2{font-size:16px;font-weight:800} .p-cl span{font-size:13px;color:var(--k-faint)}
.p-cm{display:flex;gap:10px;padding:0 16px 12px}
.p-cm .k-av{margin-top:2px}
.p-cm>div{flex:1;min-width:0}
.p-cm p{font-size:15px;line-height:1.6;color:var(--k-ink)}
.p-cm p b{font-weight:800} .p-cm p .vf{width:13px;height:13px;vertical-align:-2px;margin-inline:2px 4px}
.p-meta{display:flex;gap:16px;margin-top:4px;font-size:12.5px;font-weight:700;color:var(--k-faint)}
.p-meta a{color:var(--k-faint)!important}
.p-hl{flex:none;color:var(--k-faint);width:28px;display:flex;justify-content:center;padding-top:4px}
.p-more{display:flex;align-items:center;gap:6px;height:44px;margin:0 16px;padding-inline-start:42px;font-size:14px;font-weight:800;color:var(--k-brand)!important}
.p-reply{display:flex;align-items:center;gap:10px;margin:8px 16px 4px}
.p-reply span.in{flex:1;height:44px;border-radius:22px;background:var(--k-soft);display:flex;align-items:center;padding:0 16px;font-size:15px;color:var(--k-faint)}
.p-reply .k-av{--s:32px}
.p-rel{padding:6px 16px 18px}
.p-sim{padding-top:18px}
.p-sim h2{font-size:18px;font-weight:800;padding:0 16px 4px}
.p-sq{display:block;padding:12px 16px;border-bottom:1px solid var(--k-line)}
.p-sq b{display:block;font-size:16px;font-weight:700;line-height:1.5}
.p-sq span{font-size:13px;color:var(--k-faint)}
.p-sq .vf{width:12px;height:12px;vertical-align:-1px}
@media (min-width:900px){ .p-q{font-size:24px!important} }
.k-best p{-webkit-line-clamp:3}
.k-mav.fh{background:var(--k-lav);overflow:hidden;align-items:end}.k-mav.fh img{width:86%;height:auto}
.k-th{gap:10px}.k-th h1{font-size:22px;color:var(--k-ink)}.k-th .k-pc{width:38px;height:38px}
.p-crumb span{color:var(--k-ink);font-weight:700}
.p-body{padding:8px 16px 0;font-size:15.5px;line-height:1.7;color:var(--k-body)}.p-body p{margin:0 0 8px}
.p-poll{padding:4px 16px 0}
.p-head b{display:flex;align-items:center;gap:4px}.p-head .vf{width:14px;height:14px}
.p-meta time{color:var(--k-faint)}
.k-sheet.on{display:block;position:fixed;inset-inline:0;bottom:0;z-index:80;background:#fff;border-radius:22px 22px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -2px 18px rgba(20,19,31,.10)}
.k-sheet.on+.k-dim{display:block;position:fixed;inset:0;z-index:79;background:rgba(20,19,31,.42)}
@media (min-width:900px){.k-sheet.on,.k-sheet:target{inset-inline:auto;left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%);width:420px;border-radius:22px}}

/* The four header ideas (owner 2026-10-11, «طبقها كلها»; html.mjs CTX_BAR · NAV_FX · SEARCH_V2 · RESUME) */
/* «أ» on a phone: past the title the bar becomes the page's own (logo, name, back, share) */
.ctxbar{display:none}
@media (max-width:899px){
  .ctxbar{position:fixed;top:0;inset-inline:0;z-index:21;height:62px;display:flex;align-items:center;gap:8px;padding:0 6px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line);transform:translateY(-100%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}
  body.ctx-on .ctxbar{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  body:has(.ctxbar) .hdr4{transition:transform .28s cubic-bezier(.2,.8,.2,1)} body.ctx-on .hdr4{transform:translateY(-100%)}
  html:has(.ctxbar){scroll-padding-top:72px}
  .cx-b,.cx-s{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink);flex:none;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .cx-b:active,.cx-s:active{background:var(--soft)}
  .ctxbar img{width:38px;height:38px;border-radius:10px;box-shadow:0 0 0 1px #ECECF3;object-fit:contain;background:#fff;flex:none}
  .cx-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
  .cx-t b{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cx-t small{font-size:12.5px;color:#66657A;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cx-s svg+svg,.cx-s.done svg{display:none} .cx-s.done svg+svg{display:block;color:var(--blue)}
}
/* «ب»: a thin blue line from the tap until the next page arrives; the page fades and lifts in under still bars */
.navline{position:fixed;top:0;right:0;z-index:90;height:3px;width:0;border-radius:0 0 0 3px;background:var(--blue);opacity:0;pointer-events:none}
.navline.nl-go{opacity:1;width:72%;transition:width 1.8s cubic-bezier(.08,.7,.2,1),opacity .1s}
.navline.nl-end{opacity:0;width:100%;transition:width .3s ease,opacity .35s ease .25s}
@keyframes rb-in{from{opacity:0;transform:translateY(10px)}}
@keyframes rb-out{to{opacity:0}}
html.fx::view-transition-old(root){animation:rb-out .14s ease both}
html.fx::view-transition-new(root){animation:rb-in .34s cubic-bezier(.2,.8,.2,1) both}
html.fx .bnav{view-transition-name:rabet-bnav} html.fx .resume{view-transition-name:rabet-resume}
html.fx::view-transition-group(rabet-bnav),html.fx::view-transition-group(rabet-resume){animation-duration:.2s}
@media (prefers-reduced-motion:reduce){.navline.nl-go,.navline.nl-end{transition:none} html.fx::view-transition-old(root),html.fx::view-transition-new(root){animation:none}}
/* «ج»: the search sheet before typing */
.ss-l:has(.ss-clr){display:flex;align-items:center;justify-content:space-between}
.ss-clr{border:0;background:none;padding:6px 0;color:var(--blue);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.ss-rl .rc{display:flex;align-items:center;border-bottom:1px solid var(--line)}
.ss-rl .rc a{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:48px;color:var(--ink)}
.ss-rl .rc a svg{color:#8A8999;flex:none} .ss-rl .rc b{font-size:15.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-rl .rc button{width:40px;height:40px;flex:none;border:0;background:none;border-radius:50%;color:#8A8999;display:grid;place-items:center;cursor:pointer;padding:0}
.ss-rl .rc button:hover{background:var(--soft);color:var(--ink-2)}
.ss-lg{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ss-lg a{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12.5px;font-weight:700;text-align:center;line-height:1.3;color:var(--ink)}
.ss-lg img{width:62px;height:62px;border-radius:16px;box-shadow:0 0 0 1px #ECECF3;object-fit:contain;background:#fff;padding:5px}
.ss-lg a:hover img{box-shadow:0 0 0 1.5px var(--blue-100),0 4px 12px rgba(48,42,160,.10)}
.ss-lg span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ss-fh{display:flex;align-items:center;gap:12px;margin:22px 0 6px;padding:14px;border-radius:18px;background:#F4F4FB;color:var(--ink)}
.ss-fh img{width:46px;height:auto;flex:none}
.ss-fh>span{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4} .ss-fh b{font-size:15px;font-weight:800} .ss-fh>span>span{font-size:13.5px;color:#5E5D70;font-weight:600}
.ss-fh svg{color:var(--blue);flex:none}
/* «د»: «كمّل من حيث وقفت», floating over the bottom bar (a computer: the bottom corner) */
.resume{position:fixed;z-index:39;inset-inline:12px;bottom:calc(64px + env(safe-area-inset-bottom) + 12px);max-width:460px;margin:0 auto;display:flex;background:#fff;border-radius:22px;box-shadow:0 14px 34px rgba(48,42,160,.16),0 0 0 1px rgba(20,19,31,.05);transform:translateY(calc(100% + 96px));opacity:0;transition:transform .5s cubic-bezier(.2,.9,.25,1.12),opacity .25s ease}
.resume[hidden]{display:none}
.resume.in{transform:none;opacity:1} .resume.in.away{transform:translateY(calc(100% + 96px));opacity:0;transition-timing-function:ease}
.resume.now{transition:none}
html.sheet-open .resume{visibility:hidden}
.rs-go{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px;padding-inline-start:12px;color:var(--ink);border-radius:22px;-webkit-tap-highlight-color:transparent}
.rs-lg{width:52px;height:52px;flex:none;border-radius:16px;padding:2px;background:var(--blue);display:grid;place-items:center}
.rs-lg img,.rs-lg i{width:48px;height:48px;border-radius:14px;border:2px solid #fff;background:#fff;object-fit:contain}
.rs-lg i{display:grid;place-items:center;font-style:normal;font-size:20px;font-weight:800;color:var(--blue)} .rs-lg img[hidden]{display:none}
.rs-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.rs-t small{font-size:12px;font-weight:800;color:var(--blue)}
.rs-t b{font-size:15.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-p{font-size:13px;font-weight:600;color:#66657A;white-space:nowrap}
.rs-a{width:42px;height:42px;flex:none;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(76,72,255,.28)}
.resume.in .rs-a svg{animation:rs-nudge 1.2s ease .9s 2}
@keyframes rs-nudge{0%,100%{transform:none}40%{transform:translateX(-4px)}}
.rs-x{position:absolute;top:-9px;inset-inline-end:-5px;width:26px;height:26px;border-radius:50%;border:0;padding:0;background:#fff;color:#66657A;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(20,19,31,.16),0 0 0 1px rgba(20,19,31,.06)}
.rs-x::after{content:"";position:absolute;inset:-8px}
.rs-go:focus-visible,.rs-x:focus-visible{outline:3px solid var(--blue-100);outline-offset:2px}
@media (min-width:900px){.resume{inset-inline:auto;left:24px;bottom:24px;width:370px;margin:0} .rs-go:hover .rs-a{background:#3d39e6}}
@media (prefers-reduced-motion:reduce){.resume{transition:opacity .2s} .resume.in .rs-a svg{animation:none}}
/* the community for Google (2026-10-11): a topic's own lines, and names inside answers that link to their pages */
.k-intro{font-size:15px;line-height:1.75;color:#5E5D70;margin:-2px 0 14px}
.k-intro a,.p-ln{color:var(--blue);font-weight:700}
.p-ln:hover,.k-intro a:hover{text-decoration:underline}

/* «أ١» the price card on an institute's page (owner 2026-10-11, pages.mjs PRICE_LOOK 'a1'): every length to pick, the
   course's monthly price first, what the total holds (open, it folds); under the facts on a phone, the side column on a
   computer (site.js) */
.pc2{padding:18px 16px 16px;display:flex;flex-direction:column;gap:0;border:1px solid #ECECF3;border-radius:22px;background:#fff;box-shadow:0 8px 24px rgba(48,42,160,.07);scroll-margin-top:84px}
.pc2-hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
/* «وين تبي تدرس؟» (owner 2026-10-21, «اعتمد أ»; pages.mjs branchCards): one card per branch, the chosen one blue */
.pc2-br{margin:0 0 16px}.pc2-br h3{font-size:17px;font-weight:800;margin:0 0 10px}
.pc2-brs{display:flex;gap:10px}
.brc{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:start;font:inherit;color:#16152B;background:#fff;border:1.5px solid #ECEBF3;border-radius:18px;padding:12px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.brc.on{border-color:#4C48FF;background:#FAFAFF;box-shadow:0 0 0 3px rgba(76,72,255,.08)}
.brc:focus-visible{outline:2px solid #4C48FF;outline-offset:2px}
.brc-h{display:flex;width:100%;align-items:flex-start;gap:6px}.brc-t{flex:1;min-width:0;font-size:15px;font-weight:800;line-height:1.35}
.brc-d{flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;border:2px solid #C9C8D6;box-sizing:border-box;transition:border .18s}
.brc.on .brc-d{border:5px solid #4C48FF}
.brc-l{font-size:12px;color:#77768A;line-height:1.5}
.brc-tag{font-size:11px;font-weight:700;color:#12805C;background:#E9F6F0;border-radius:8px;padding:1px 7px;margin-top:3px}
.brc-p{margin-top:auto;padding-top:8px;font-size:12px}.brc-p b{font-size:16px;color:#4C48FF;font-weight:800}
.pc2-hd h2{font-size:18px;font-weight:800;margin:0}.pc2-hd span{font-size:12.5px;color:#7A7990;font-weight:600;white-space:nowrap}
.pc2-ch{flex-wrap:nowrap!important;overflow-x:auto;margin:12px -16px 0;padding:2px 16px 4px;scrollbar-width:none;gap:8px!important}
.pc2-ch::-webkit-scrollbar{display:none}
.pc2-ch .chip{flex:none;height:40px;padding:0 15px!important;font-size:14.5px!important;font-weight:700;border-radius:999px}
.pc2-ch .chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.pc2-big{margin-top:14px}
.pc2-big small{display:block;font-size:12.5px;color:#7A7990;font-weight:600;margin-bottom:2px}
.pc2-big b{font-size:30px;font-weight:800;color:var(--ink);line-height:1.05}.pc2-big b .sar{font-size:.8em}
.pc2-big em{font-style:normal;font-size:15px;font-weight:700;color:#66657A;margin-inline-start:4px}
.pc2-sum{font-size:13.5px;color:#5E5D70;margin:8px 0 0;line-height:1.65}.pc2-sum b{color:var(--ink);font-weight:800;white-space:nowrap}
.pc2-more{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:12px 14px;border:0;border-radius:14px;background:var(--soft);font:inherit;font-size:14.5px;font-weight:800;color:var(--blue);cursor:pointer}
.pc2-more svg{transition:transform .2s}.pc2-more[aria-expanded="true"] svg{transform:rotate(180deg)}
.pc2-rows{display:flex;flex-direction:column;margin-top:4px}.pc2-rows[hidden]{display:none}
.pc2-r{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #F0F0F6}
.pc2-r:last-of-type{border-bottom:0}
.pc2-i{width:32px;height:32px;border-radius:10px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;flex:none}
.pc2-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.pc2-t b{font-size:14px;font-weight:700}.pc2-t small{font-size:12px;color:#7A7990;font-weight:500}
.pc2-v{font-size:14.5px;font-weight:800;white-space:nowrap}.pc2-v s{font-weight:600;font-size:12.5px}
.pc2-vr{cursor:pointer}
.pc2-sw{appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:13px;background:#E3E3EE;position:relative;flex:none;margin:0;cursor:pointer;transition:background .2s}
.pc2-sw::after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.pc2-sw:checked{background:var(--blue)}.pc2-sw:checked::after{transform:translateX(-18px)}
.pc2-sw:focus-visible{outline:3px solid var(--blue-100);outline-offset:2px}
.pc2-nv{margin:8px 0 0}
.pc2 .guar{margin-top:12px}
.pc2-go{margin-top:12px;width:100%;justify-content:center}
.pc2>.muted.xs{margin-top:8px;text-align:center}
@media (min-width:900px){.inst-side .pc2{margin-bottom:14px}}
/* a very short window: the side column scrolls on its own so «احجز» stays reachable */
@media (min-width:900px) and (max-height:560px){.inst-side{max-height:calc(100vh - 108px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px}}
@media (prefers-reduced-motion:reduce){.pc2-more svg,.pc2-sw,.pc2-sw::after{transition:none}}
/* the booking sheet «ن٢»: the length as a small button in the summary, its list, «وش داخله؟» */
.bk-durw{position:relative;display:block;margin-top:6px}
.bk-dur{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px 0 8px;border-radius:999px;border:1.5px solid var(--blue);color:var(--blue);background:#fff;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer}
.bk-dur svg{transition:transform .2s}.bk-dur[aria-expanded="true"] svg{transform:rotate(180deg)}
.bk-durs{position:absolute;z-index:5;top:calc(100% + 6px);inset-inline-start:0;width:220px;max-height:300px;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 12px 34px rgba(20,19,31,.18),0 0 0 1px rgba(20,19,31,.05);padding:6px;display:flex;flex-direction:column;overscroll-behavior:contain}
.bk-durs[hidden]{display:none}
.bk-do{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:10px;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;text-align:start}
.bk-do small{font-size:12px;color:#7A7990;font-weight:600;white-space:nowrap}
.bk-do[aria-selected="true"]{background:var(--blue-50);color:var(--blue)}
.bk-do:hover,.bk-do:focus-visible{background:var(--soft);outline:none}.bk-do[aria-selected="true"]:focus-visible{background:var(--blue-100)}
.bk-why{display:block;border:0;background:none;padding:2px 0 0;font:inherit;font-size:12.5px;font-weight:700;color:var(--blue);cursor:pointer;text-align:inherit}
.bk-why[hidden]{display:none}
.bk-parts{margin:8px 0 2px;border:1px solid #ECECF3;border-radius:14px;padding:4px 12px}
.bk-parts[hidden]{display:none}
.bk-pl{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:13.5px;border-bottom:1px solid #F0F0F6}
.bk-pl:last-child{border-bottom:0}.bk-pl span{color:#5E5D70}.bk-pl b{font-weight:800;white-space:nowrap}
.bk-pl span small{display:block;font-size:11.5px;color:#8A8CA3;font-weight:600;margin-top:1px}
/* the «تم» screen: the booking's lines, then its total on one row under them (as emailed) */
.bk-dparts{margin:2px 0 0}
.bk-done-total.in-box{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0;padding:2px 12px 0;text-align:start;color:var(--ink);font-weight:800;font-size:14.5px}
.bk-done-total.in-box .bk-done-v{font-size:18px}
@media (prefers-reduced-motion:reduce){.bk-dur svg{transition:none}}
/* «ج٦» (pages.mjs LEN_PICK 'list'): the length is one field; its list is a sheet from the bottom on a phone, a list
   under the field on a computer */
.pc2-ch[hidden]{display:none!important}
.pc2-ddw{position:relative;margin-top:12px}
.pc2-dd{display:flex;align-items:center;gap:10px;width:100%;height:54px;padding:0 14px;border:1.5px solid #DCDBEA;border-radius:16px;background:#fff;font:inherit;color:var(--ink);text-align:start;cursor:pointer}
.pc2-dd:hover{border-color:#C5C3E0}
.pc2-dd[aria-expanded="true"]{border-color:var(--blue);box-shadow:0 0 0 3px rgba(76,72,255,.12)}
.pc2-dd-l{font-size:17px;font-weight:800;white-space:nowrap}
.pc2-dd-x{flex:1;min-width:0;font-size:13px;font-weight:700;color:#1E8A4C;text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc2-dd-x[hidden]{display:none}
.pc2-dd-c{margin-inline-start:auto;width:28px;height:28px;border-radius:50%;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;flex:none}
.pc2-dd-c svg{transition:transform .2s}.pc2-dd[aria-expanded="true"] .pc2-dd-c svg{transform:rotate(180deg)}
.pc2-dl{position:absolute;z-index:30;top:calc(100% + 6px);inset-inline:0;max-height:min(440px,62vh);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:18px;box-shadow:0 14px 40px rgba(20,19,31,.18),0 0 0 1px rgba(20,19,31,.05);padding:6px;display:flex;flex-direction:column}
.pc2-dl[hidden]{display:none}
.dl-g,.dl-h,.dl-x{display:none}
.dl-ls{display:flex;flex-direction:column}
.dl-o{flex:none;display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:12px;background:none;font:inherit;color:var(--ink);text-align:start;cursor:pointer}
.dl-o+.dl-o{background:linear-gradient(#F0EFF6,#F0EFF6) center top/calc(100% - 20px) 1px no-repeat}
.dl-o:hover{background-color:#F7F7FC}
.dl-o.on,.dl-o.on+.dl-o{background-image:none}
.dl-o.on{background-color:var(--blue-50);box-shadow:inset 0 0 0 2px var(--blue)}
.dl-o:focus-visible{outline:3px solid var(--blue-100);outline-offset:-3px}
.dl-k{width:22px;height:22px;border-radius:50%;border:2px solid #CFCEDD;flex:none;display:grid;place-items:center}
.dl-o.on .dl-k{border:0;background:var(--blue);color:#fff}
.dl-l{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:15.5px;font-weight:800}
.dl-l em{font-style:normal;font-size:11px;font-weight:800;color:#17703D;background:#E8F7EE;border-radius:999px;padding:2px 8px}
.dl-v{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3;white-space:nowrap}
.dl-v b{font-size:15px;font-weight:800}.dl-v b small{font-size:12px;color:#66657A;font-weight:700}
.dl-v>small{font-size:12.5px;color:#5E5D70;font-weight:600}
.dl-n{flex:none;margin:10px 8px 4px;font-size:12.5px;color:#5E5D70;font-weight:600;line-height:1.6}
.dl-dim{position:fixed;inset:0;z-index:95;background:rgba(20,19,31,.42)}
.dl-dim[hidden]{display:none}
@media (max-width:899px){
  html.dl-lock{overflow:hidden}
  .pc2-dl{position:fixed;z-index:96;top:auto;bottom:0;inset-inline:0;max-height:86vh;border-radius:24px 24px 0 0;padding:8px 14px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(20,19,31,.18)}
  .dl-g{display:block;flex:none;width:40px;height:5px;border-radius:3px;background:#DCDBEA;margin:4px auto 10px}
  .dl-h{display:flex;flex:none;align-items:center;gap:10px;padding:0 4px 8px;position:sticky;top:-8px;z-index:1;background:#fff}
  .dl-h b{font-size:18px;font-weight:800}.dl-h span{flex:1;font-size:12.5px;color:#5E5D70;font-weight:600;text-align:end}
  .dl-x{width:36px;height:36px;border-radius:50%;border:0;background:var(--soft);color:var(--ink);display:grid;place-items:center;flex:none;cursor:pointer}
}
/* «المجموع أول» (pages.mjs PRICE_FIRST 'total'): the total big, the course's monthly price under it */
.pc2-big.tf + .pc2-sum{margin-top:4px}
/* the table under «أسعار … لكل مدة» folded into one line (pages.mjs TABLE_LOOK 'fold') */
.ptf{margin-top:12px;border:1px solid #ECECF3;border-radius:16px;background:#fff}
.ptf>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;color:var(--blue)}
.ptf>summary::-webkit-details-marker{display:none}
.ptf>summary b{display:block;font-size:15px;font-weight:800}
.ptf>summary small{display:block;margin-top:2px;font-size:12.5px;color:#7A7990;font-weight:600}
.ptf>summary svg{flex:none;transition:transform .2s}.ptf[open]>summary svg{transform:rotate(180deg)}
.ptf-b{padding:0 12px 12px}
.pc2-sum .nw{white-space:nowrap}
/* the price table as a real <table> (pages.mjs PRICE_TABLE 'table'), the same look as the div grid */
.ptb{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:15px}
.ptb th,.ptb td{padding:11px 14px;border-bottom:1px solid #F0F0F5;text-align:start;font-weight:500;vertical-align:middle}
.ptb tbody tr:last-child>*{border-bottom:0}
.ptb thead th{background:var(--soft);font-size:13px;font-weight:700;color:var(--muted)}
.ptb tbody th{font-weight:700}
.ptb .acc{color:var(--blue);font-weight:700}
.ptb .hs{display:none}
@media (min-width:900px){.ptb .hs{display:table-cell}}
.ptb+p{margin-top:8px}
/* the one sentence with the prices above the table (shown; what Google and AI assistants quote) */
.pdir{margin:10px 0 0;font-size:15px;line-height:1.85;color:var(--ink-2)}
.pdir [data-myr]{font-weight:700;color:var(--ink);white-space:nowrap}
/* the price table's columns (pages.mjs priceTable): a phone shows the admin fee and the books as one column (.so);
   a computer shows the course, the admin fee and the books each (.hs) */
.ptb .so{display:table-cell}
.ptb .tot{font-weight:800;color:var(--ink)}
.ptb thead th{white-space:nowrap}
@media (max-width:420px){.ptb th,.ptb td{padding:10px 8px;font-size:14px}.ptb thead th{font-size:12px}}
@media (min-width:900px){.ptb .so{display:none}}
/* the privacy policy and terms (src/legal.mjs): the app's English text in a plain document card */
.fbot a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.legal .lg-h{margin:8px 0 18px} .legal .lg-h p{margin:6px 0 0}
.lg-doc{background:#fff;border:1px solid #E7E7F0;border-radius:16px;padding:22px 20px;text-align:left;line-height:1.7;overflow-wrap:anywhere}
.lg-doc p{margin:0 0 12px} .lg-sec{border-top:1px solid #EFEFF5;padding-top:14px;margin-top:14px}
.lg-sec h2{font-size:17px;margin:0 0 8px;color:var(--ink)} .lg-co{border-top:1px solid #EFEFF5;margin-top:18px;padding-top:14px;font-size:14px}
.lg-other{margin:18px 0 8px}
@media (min-width:760px){.lg-doc{padding:32px}}