/* Halaman ciri sokongan (Features) — lapisan kecil atas sistem reka bentuk Core (sidepanel.css + styles.css).
   Komponen Core dipakai terus: value-grid, spc-cards, iui-rules, iui-lvl, sp-faq. Komponen app sebenar = shadow root (.gx). */
@font-face{font-family:"ShamelaArabic";src:local("Traditional Naskh"),local("TraditionalNaskh"),local("Traditional Arabic"),local("Sakkal Majalla"),url(https://fonts.gstatic.com/s/amiri/v30/J7aRnpd8CGxBHpUrtLMS7JNKIjk.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF;size-adjust:124%}
@font-face{font-family:"ShamelaArabic";font-weight:600 900;src:local("Traditional Naskh Bold"),local("TraditionalNaskh-Bold"),local("Traditional Arabic Bold"),local("Sakkal Majalla Bold"),url(https://fonts.gstatic.com/s/amiri/v30/J7acnpd8CGxBHp2VkaY6zp5gGDAbnCA.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF;size-adjust:124%}
@font-face{font-family:"ShamelaArabicUI";src:local("Traditional Naskh"),local("TraditionalNaskh"),local("Traditional Arabic"),local("Sakkal Majalla"),url(https://fonts.gstatic.com/s/amiri/v30/J7aRnpd8CGxBHpUrtLMS7JNKIjk.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF;size-adjust:110%}
@font-face{font-family:"ShamelaArabicUI";font-weight:600 900;src:local("Traditional Naskh Bold"),local("TraditionalNaskh-Bold"),local("Traditional Arabic Bold"),local("Sakkal Majalla Bold"),url(https://fonts.gstatic.com/s/amiri/v30/J7acnpd8CGxBHp2VkaY6zp5gGDAbnCA.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF;size-adjust:110%}

/* Hero: tajuk + penerangan + fakta (value-grid bergabung seperti «Why Shamela Agent») */
.ft-hero{padding-block:76px 80px}
.ft-crumb{display:flex;gap:8px;align-items:center;margin:0 0 22px;font-size:13px;color:var(--muted)}
.ft-crumb span[aria-hidden]{opacity:.6}
.sp-page .ft-hero h1{margin:0 0 18px}
.sp-page p.ft-lede{margin:0;max-width:62ch;font-size:17px;line-height:1.65}

/* Kanvas + langkah (corak #tahqiq / #levels): komponen app di atas latar halaman, langkah iui-lvl di sisi */
.ft-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:72px;align-items:center}
.ft-lvl.iui-lvl{margin-top:0}
.ft-canvas{position:relative;min-width:0}
.ft-canvas-composer{padding-block:8px 0}
/* Komposer sebenar diskala (zoom) supaya teks dan butang lebih besar, bukan sekadar lebih panjang */
.ft-composer{width:750px;max-width:none;zoom:1.2}
@media (max-width:1100px){.ft-composer{width:640px;zoom:1.1}}
@media (max-width:800px){.ft-composer{width:100%;zoom:1}}
/* Jawapan: kanvas seperti app — sembang + panel المصادر berlabuh di sisi (tidak menutup jawapan) */
.ft-lvl-row.iui-lvl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:0;margin:44px 0 0}
/* langkah tanpa latar: garis atas nipis + bar aktif */
.ft-lvl-row.iui-lvl button,.ft-lvl-row.iui-lvl button:hover{position:relative;height:100%;border:0;border-top:1px solid var(--line);padding:18px 0 0;background:none;border-radius:0}
/* «Turning it on»: blok di tengah; dua langkah tanpa latar (garis atas + bar aktif) */
/* Tajuk seksyen di tengah: Turning it on, What the web is used for, How sources appear, Preferred sites */
/* Hero = komposer sebenar: semuanya di tengah */
.ft-hero .ft-canvas-composer{margin-top:44px}
:is(#uses,#sources,#sites) .sp-head-stack p{max-width:64ch}
.ft-stats>div{position:relative;text-align:center}
/* desktop: titik halus 4px antara nombor (di tengah ruang antara lajur, sejajar dengan tengah nombor) */
.ft-stats>div+div::before{content:"";position:absolute;top:calc(clamp(40px,4vw,56px) / 2 - 2px);inset-inline-start:-16px;width:4px;height:4px;margin-inline-start:-2px;border-radius:50%;background:var(--muted);opacity:.7}
/* Tablet (2×2): titik halus yang sama di antara dua nombor setiap baris (tengah ruang 24px), tiada titik di awal baris */
@media (max-width:1023px){.ft-stats>div+div::before{inset-inline-start:-12px}.ft-stats>div:nth-child(odd)::before{display:none}}
.ft-on .ft-canvas-composer{display:flex;justify-content:flex-start}
.ft-lvl-row.two.iui-lvl{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:0}
.ft-lvl-row.two.iui-lvl button,.ft-lvl-row.two.iui-lvl button:hover{background:none;border-top:1px solid var(--line);padding:18px 0 0}
.ft-lvl-row.iui-lvl button::before{inset-block:auto;top:0;inset-inline:0;width:auto;height:2px;border-radius:0}
.ft-app{display:flex;justify-content:center;align-items:flex-start;min-height:640px}
.ft-thread{flex:0 1 640px;min-width:0}
.ft-dock{flex:none;width:412px;height:640px;margin-inline-start:32px;transition:width .26s cubic-bezier(.2,0,0,1),margin .26s cubic-bezier(.2,0,0,1),opacity .2s}
.ft-dock[data-open=false]{width:0;margin-inline-start:0;opacity:0;pointer-events:none}
.ft-dock-in{position:relative;width:412px;height:100%;border-radius:12px;overflow:hidden;background:var(--paper);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}
.ft-dock[data-open=false] .ft-dock-in{overflow:hidden}
.ft-dock{overflow:hidden;border-radius:12px}
.ft-panel{width:100%;height:100%}
.ft-menu{position:absolute;z-index:2;top:92px;inset-inline-start:12px}

.spc-card-icon svg{width:22px;height:22px}
/* «What the web is used for» = komponen «Why Shamela Agent» (band + value-grid bergabung), tiga lajur */
.ft-page .sp-context .value-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ft-page #uses .value h3{white-space:normal}
@media(max-width:900px){.ft-page .sp-context .value-grid.three{grid-template-columns:minmax(0,1fr)}.ft-page .sp-context .value-grid.three .value h3{white-space:normal}}

/* Laman pilihan: statistik bergabung + direktori (langkah iui-lvl + kotak band) */
/* Statistik: nombor besar + label, dipisah oleh ruang sahaja (tiada garis, kotak atau kad) */
.ft-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:8px 0 64px}
.ft-stats dt{font:500 clamp(40px,4vw,56px)/1 var(--font-display);letter-spacing:-.03em;color:var(--ink)}
.ft-stats dd{margin:12px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}
@media (max-width:1023px){.ft-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
/* Direktori: tiada kotak, garis atau penatal — negara sebagai tajuk kecil, laman dalam grid 3 lajur, dipisah oleh ruang */
.ft-dirbox{min-width:0}
.ft-dirlist{padding:0}
.sp-page p.ft-grp-h{display:none;margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ft-dirbox.searching p.ft-grp-h{display:block}
.ft-dirbox.searching .ft-grp+.ft-grp{margin-top:48px}
/* Direktori lapang: blok negara dalam dua lajur akhbar; setiap laman satu baris — nama badan, kemudian domain lembut */
.ft-grp{columns:3;column-gap:48px}
.ft-grp:has(.ft-cty:only-of-type:not(:has(h4))){columns:1}
.ft-cty{margin:0 0 32px}
.ft-cty li{break-inside:avoid}
.sp-page .ft-cty h4{break-after:avoid}
.sp-page .ft-cty h4{display:flex;align-items:baseline;gap:8px;margin:0 0 16px;font:600 12px/1.4 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ft-cty h4 em{font-style:normal;font-weight:500;letter-spacing:0;color:var(--muted);opacity:.7}
.ft-cty ul{list-style:none;margin:0;padding:0}
.ft-cty ul li+li{margin-top:12px}
.ft-cty:not(:has(h4)) ul{columns:3;column-gap:48px}
.ft-cty:not(:has(h4)) li{margin:0 0 12px}
.ft-cty:not(:has(h4)) ul li+li{margin-top:0}
.ft-cty li{min-width:0;line-height:1.5}
.ft-cty li[hidden],.ft-cty[hidden],.ft-grp[hidden]{display:none}
.ft-cty li span{font-family:"ShamelaArabicUI",var(--font);font-size:14.5px;color:var(--ink);unicode-bidi:plaintext}
.ft-cty li b{display:block;margin-top:2px;font:400 13px/1.4 var(--font);color:var(--muted);overflow-wrap:anywhere}
@media (max-width:1023px){.ft-grp,.ft-cty:not(:has(h4)) ul{columns:2;column-gap:40px}}
@media (max-width:600px){.ft-grp,.ft-cty:not(:has(h4)) ul{columns:1}}
.sp-page p.ft-none{margin:0;padding:24px 0;font-size:14.5px;color:var(--muted)}

/* Privasi: value-grid tiga lajur bergabung */
.ft-priv .value h3{font-size:18px;white-space:normal}
.ft-priv .value p{font-size:14.5px;line-height:1.6}



@media (max-width:1000px){
  .ft-split{grid-template-columns:minmax(0,1fr);gap:28px}
  .ft-facts.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .ft-hero{padding-block:48px 40px}
  .ft-facts.value-grid,.ft-priv.value-grid{grid-template-columns:minmax(0,1fr)}
  .ft-facts .value,.ft-priv .value{border-inline-start:0;padding-inline:0}
  .ft-lvl-row.two.iui-lvl{gap:28px;margin-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-lvl-row.two.iui-lvl button,.ft-lvl-row.two.iui-lvl button:hover{padding:16px 0}
}
/* Telefon: komposer sebenar dikecilkan supaya semua butang (termasuk Web) kelihatan, tanpa tatal */
@media (max-width:520px){.ft-composer{width:460px;max-width:none;zoom:.77}}
@media (max-width:380px){.ft-composer{zoom:.7}}
/* Tablet & telefon: tiga kad disusun satu lajur (tiada kad tergantung 2+1, tiada tajuk berlainan baris) */
@media (max-width:900px){.ft-page .spc-cards{grid-template-columns:minmax(0,1fr)}.ft-page .spc-card{min-height:0}.ft-page .spc-card .spc-card-icon{margin-bottom:0}}
@media (max-width:600px){.ft-lvl-row.two.iui-lvl{grid-template-columns:minmax(0,1fr);gap:0}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* Tablet & telefon (≤1023, ikut «What a project holds»): langkah jadi bar kemajuan bersegmen (boleh diketuk),
   diikuti kapsyen langkah aktif sahaja — demo dan penerangannya kekal dalam satu skrin. */
.ft-now{display:none}
@media (max-width:1023px){
  .ft-lvl-row.iui-lvl{display:flex;gap:6px;margin:18px 0 0;border:0}
  .ft-lvl-row.iui-lvl button,.ft-lvl-row.iui-lvl button:hover{flex:1;min-width:0;height:24px;padding:0;border:0;background:none}
  .ft-lvl-row.iui-lvl button .iui-lvl-t,.ft-lvl-row.iui-lvl button .iui-lvl-p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
  .ft-lvl-row.iui-lvl button::before{inset:auto 0;top:50%;width:auto;height:3px;margin-top:-1.5px;border-radius:2px;background:var(--line)}
  .ft-lvl-row.iui-lvl button[aria-selected=true]::before{background:var(--ink)}
  .sp-page p.ft-now{display:block;min-height:5.2em;margin:10px 0 0;transition:opacity .18s}
  .sp-page p.ft-now.swap{opacity:0}
  .ft-now b{display:block;color:var(--ink);font:600 17px/1.4 var(--font-display)}
  .ft-now span{display:block;margin-top:4px;color:var(--copy);font-size:15px;line-height:1.6}
}
/* Kanvas jawapan: sembang 640 + panel sisi 412 sentiasa sebelah-menyebelah (panel sisi tidak pernah turun ke bawah).
   Lebar < 1084: seluruh kanvas dikecilkan seragam (ft.js, zoom) — sama dengan skrin demo Core di tablet & telefon. */
.ft-app{width:1084px;max-width:none;justify-content:flex-start}
.ft-app .ft-thread{flex:0 0 640px}
/* Statistik & privasi: tiada garis atas/bawah (pemisah menegak sahaja), seperti value-grid dalam band Core */
.ft-priv.value-grid{border-block:0}
.ft-cty li span{display:block;text-align:left}
html[dir="rtl"] .ft-cty li span{text-align:right}
/* Direktori dua peringkat: tab rantau + carian; negara (kiri) → laman negara itu (kanan). Tiada kotak/kad/garis selain garis bawah tab aktif. */
/* Satu grid lapang bagi setiap rantau: label negara kecil, nama badan, domain lembut */

/* Telefon: statistik 4 tingkat, titik halus yang sama di tengah antara setiap satu */
@media (max-width:480px){
  .ft-stats{grid-template-columns:minmax(0,1fr);gap:0}
  .ft-stats>div{padding:22px 0}
  .ft-stats>div+div::before,.ft-stats>div:nth-child(odd)::before{display:block;top:-2px;inset-inline-start:50%}
  .ft-stats>div:first-child::before{display:none}
}
/* Direktori = jadual boleh tatal: pengepala melekat, garis baris halus, tatal dalam jadual sahaja */
/* Telefon: satu lajur — nama badan, kemudian «Negara · domain» lembut; pengepala disorok */

/* Tab rantau tanpa seret mendatar: desktop label penuh; tablet label pendek sebaris; telefon pil lungsur (pemilih asli) */
/* Garis seksyen: hanya bila hitam bertemu hitam. Seksyen bersebelahan band kelabu (atau hero → band) tanpa garis. */
.ft-page .ft-hero{border-bottom:0}
/* Lajur laman rata ke hujung luar jadual (EN kanan, AR kiri), tajuk sekali — sama dalam kedua-dua bahasa */
/* Tab rantau = pil bulat app (tab Automations / Runs, automations.css .au-tabs): tiada garis bawah, aktif = latar kelabu */
/* Penunjuk pil meluncur: satu latar kelabu bergerak + meregang ke pil terpilih (260ms, ease app) */
/* Kanvas jawapan = kawasan utama app dengan sidebar kiri tertutup (1214 = sembang 640 + jarak 24 + browser 550).
   Lajur sembang kekal 640 dan di tengah ruang yang tinggal: bila panel dibuka ia tertolak ke tepi, tidak menyempit.
   Panel: buku 440, browser 550 (ukuran app sebenar pada tetingkap 1100). */
.ft-app{position:relative;display:flex;width:1214px;max-width:none;justify-content:flex-start;align-items:flex-start;min-height:640px}
.ft-app .ft-thread{flex:1 1 auto;min-width:0;max-width:none;margin:0}
.ft-dock{flex:none;width:0;height:640px;margin-inline-start:0;opacity:0;overflow:hidden;border-radius:12px;
  transition:width .34s cubic-bezier(.2,0,0,1),margin .34s cubic-bezier(.2,0,0,1),opacity .2s}
.ft-dock[data-open=true]{opacity:1;margin-inline-start:24px;pointer-events:auto}
.ft-dock[data-open=true][data-mode=book]{width:440px}
.ft-dock[data-open=true][data-mode=web]{width:550px}
.ft-dock-in{width:100%!important}
.ft-dock[data-mode=web] .ft-dock-in{width:550px!important}
.ft-dock[data-mode=book] .ft-dock-in{width:440px!important}
/* kursor demo (tanpa jejak), sama gaya kursor demo Core */
.ft-cursor{position:absolute;z-index:8;top:0;left:0;opacity:0;pointer-events:none;transition:transform .85s cubic-bezier(.45,0,.2,1),opacity .2s;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.ft-cursor.on{opacity:1}
.ft-cursor svg{display:block;transition:transform .12s}
.ft-cursor.tap svg{transform:scale(.82)}
/* Peraturan seksyen Core terbaru (5ece1fba, Faris 2026-11-10): ruang memisahkan seksyen, garis memisahkan item.
   Tiada garis antara seksyen; seksyen hitam ↔ hitam dipisah ruang sama rata (88px setiap sisi desktop, 56px telefon).
   Garis komponen (FAQ, jadual, grid, langkah) kekal. */
.ft-page section:not(section section),.ft-page .ft-hero{border-top:0!important;border-bottom:0!important}
.ft-page .sp-explore{padding-top:88px}
@media (max-width:760px){.ft-page .sp-explore{padding-top:56px}}

/* Domain laman: pautan ke laman sebenar (tab baharu), gaya pautan teks tapak — garis dilukis dari awal teks bila hover */

/* Langkah ikut urutan berjalan: bar langkah semasa terisi (kiri→kanan; kanan→kiri dalam Arab), langkah lepas penuh */
.ft-lvl-row.iui-lvl button::after{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:var(--ink);transform:scaleX(var(--p,0));transform-origin:left center;opacity:0;pointer-events:none}
html[dir="rtl"] .ft-lvl-row.iui-lvl button::after{transform-origin:right center}
.ft-lvl-row.iui-lvl[data-run] button::after{opacity:1}
.ft-lvl-row.iui-lvl[data-run] button[aria-selected=true]::before{background:transparent}
@media (max-width:1023px){.ft-lvl-row.iui-lvl button::after{top:50%;height:3px;margin-top:-1.5px;border-radius:2px}}
@media (max-width:1023px){.ft-lvl-row.iui-lvl[data-run] button[aria-selected=true]::before{background:var(--line)}}
/* Jarak ke/dari band ikut halaman Core: seksyen→band = 88+72 (telefon 56+72); seksyen akhir→band CTA = 144 */
.ft-page .ft-hero{padding-bottom:88px}
@media (max-width:760px){.ft-page .ft-hero{padding-bottom:56px}}
/* Kanvas jawapan di tengah (zum ikut lebar dan tinggi tetingkap: grounding.js fit) */
/* Telefon & tablet (≤820px): komposer Side agent (panel sisi: usaha & Web ikon sahaja) ganti komposer penuh */
.ft-scomp{display:none}
@media (max-width:820px){
  .ft-on .ft-canvas-composer .ft-composer:not(.ft-scomp){display:none}
  .ft-on .ft-canvas-composer .ft-scomp{display:block;width:100%;max-width:460px;zoom:1}
}
/* Hero seperti halaman Core (spc-hero): cip «New · Web grounding · Capabilities», tajuk penjelas, lede, komposer */
.ft-hero .ft-canvas-composer{margin-top:40px}
@media (max-width:760px){.ft-hero .ft-canvas-composer{margin-top:28px}}
.ft-page .ft-hero.spc-hero{padding-top:92px}
@media (max-width:760px){.ft-page .ft-hero.spc-hero{padding-top:48px}}
/* Direktori laman pilihan (jadual boleh tatal, pil kategori, dropdown app pada telefon) */
.ft-dir{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start}
.ft-dir .iui-lvl-n{margin-top:4px}
.ft-dirside{min-width:0}
.ft-find{display:flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:999px;margin:0 0 20px;background:var(--band);color:var(--muted);cursor:text}
.ft-find svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;flex:none}
.ft-find input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:400 14.5px var(--font);color:var(--ink);-webkit-appearance:none;appearance:none}
.ft-find input::placeholder{color:var(--muted)}
.ft-find input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.ft-find:focus-within{box-shadow:inset 0 0 0 1.5px #3b82f6}
@media (max-width:1000px){.ft-dir{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:760px){.ft-dir .iui-lvl{display:flex;overflow-x:auto;border-top:0;gap:4px;scrollbar-width:none}}
@media (max-width:760px){.ft-dir .iui-lvl button{flex:none;width:auto;border:0;padding:8px 12px;padding-inline-start:12px;background:none}}
@media (max-width:760px){.ft-dir .iui-lvl button[aria-selected=true]{background:var(--band)}}
@media (max-width:760px){.ft-dir .iui-lvl button::before{display:none}}
@media (max-width:760px){.ft-dir .iui-lvl-n{display:none}}
.ft-dtop{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 36px}
.ft-dtabs{display:flex;gap:28px;flex-wrap:wrap}
.ft-dtabs button{padding:6px 0 10px;border:0;border-bottom:2px solid transparent;background:none;font:500 15px/1.3 var(--font);color:var(--muted);cursor:pointer}
.ft-dtabs button:hover{color:var(--ink)}
.ft-dtabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}
.ft-dtop .ft-find{margin:0;width:280px}
.ft-dir2 li{min-width:0;line-height:1.5}
.ft-dir2 li[hidden]{display:none}
.ft-dir2 li span{display:block;font-family:"ShamelaArabicUI",var(--font);font-size:15px;color:var(--ink);unicode-bidi:plaintext;text-align:left}
html[dir="rtl"] .ft-dir2 li span{text-align:right}
.ft-dir2 li b{display:block;margin-top:2px;font:400 13px/1.4 var(--font);color:var(--muted);overflow-wrap:anywhere}
.sp-page .ft-dir2 p.ft-none{padding:0}
.ft-dlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 48px}
.ft-dlist[hidden]{display:none}
.ft-dir2 li small{display:block;margin:0 0 4px;font:600 11.5px/1.4 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ft-dbody .ft-dlist+.ft-dlist:not([hidden]){margin-top:28px}
@media (max-width:1023px){.ft-dlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}.ft-dtop .ft-find{width:100%}}
.ft-dtabs button em{margin-inline-start:6px;font-style:normal;font-size:12.5px;opacity:.6}
.ft-table{max-height:520px;overflow:auto;overscroll-behavior:contain;padding-inline-end:20px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 24%,var(--bg)) transparent}
.ft-table::-webkit-scrollbar{width:8px;height:8px}
.ft-table::-webkit-scrollbar-track{background:transparent}
.ft-table::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 24%,var(--bg));border-radius:8px;border:2px solid var(--bg)}
.ft-table table{width:100%;border-collapse:collapse;table-layout:fixed}
.ft-table th{position:sticky;top:0;z-index:1;padding:0 16px 12px 0;background:var(--bg);text-align:start;font:600 11.5px/1.4 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);box-shadow:inset 0 -1px 0 var(--line)}
.ft-table th.b{width:52%}.ft-table th.c{width:20%}
.ft-table td{padding:14px 16px 14px 0;vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--ink) 7%,var(--bg));font-size:14.5px;line-height:1.5}
.ft-table tr[hidden]{display:none}
.ft-table tbody tr:hover td{background:color-mix(in srgb,var(--ink) 3%,var(--bg))}
.ft-table td.b span{display:block;font-family:"ShamelaArabicUI",var(--font);color:var(--ink);unicode-bidi:plaintext;text-align:left}
html[dir="rtl"] .ft-table td.b span{text-align:right}
.ft-table td.b small{display:none}
.ft-table td.c{color:var(--copy)}
.ft-table td.d{color:var(--muted);overflow-wrap:anywhere}
.ft-table .ft-none{padding:20px 0 0}
@media (max-width:600px){.ft-table{max-height:460px}}
@media (max-width:600px){.ft-table thead,.ft-table td.c,.ft-table td.d{display:none}}
@media (max-width:600px){.ft-table td.b{width:100%;padding-inline-end:0}}
@media (max-width:600px){.ft-table td.b small{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}}
@media (max-width:600px){.ft-table td{font-size:14.5px}}
.ft-dtabs .s{display:none}
@media (max-width:1023px){.ft-dtabs{flex-wrap:nowrap;gap:22px}.ft-dtabs .l{display:none}.ft-dtabs .s{display:inline}}
.ft-region{display:none;position:relative;z-index:6;zoom:1.2}
@media (max-width:600px){.ft-dtabs{display:none}.ft-region{display:block}}
.ft-table th.d,.ft-table td.d{text-align:right;padding-inline-end:0}
html[dir="rtl"] .ft-table th.d,html[dir="rtl"] .ft-table td.d{text-align:left}
.ft-dtabs{gap:6px}
.ft-dtabs button{height:34px;padding:0 15px;border:0;border-radius:999px;background:none;font:500 14px/1 var(--font);color:var(--muted);transition:background .16s,color .16s}
.ft-dtabs button:hover{background:color-mix(in srgb,var(--ink) 7%,var(--bg));color:var(--ink)}
.ft-dtabs button[aria-selected=true]{background:color-mix(in srgb,var(--ink) 13%,var(--bg));color:var(--ink);border:0}
.ft-dtabs button em{margin-inline-start:6px}
@media (max-width:1023px){.ft-dtabs{gap:4px}.ft-dtabs button{padding:0 12px}}
.ft-dtabs{position:relative;isolation:isolate}
.ft-dind{position:absolute;z-index:-1;top:0;left:0;height:34px;border-radius:999px;background:color-mix(in srgb,var(--ink) 13%,var(--bg));pointer-events:none;opacity:0}
.ft-dind.ready{opacity:1;transition:transform .26s cubic-bezier(.2,0,0,1),width .26s cubic-bezier(.2,0,0,1)}
.ft-dtabs.has-ind button[aria-selected=true]{background:none}
.ft-dtabs.has-ind button[aria-selected=true]:hover{background:none}
@media (prefers-reduced-motion:reduce){.ft-dind.ready{transition:none}}
.ft-table td.d a,.ft-table td.b small a{color:inherit;text-decoration:none;unicode-bidi:isolate;padding-bottom:2px;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .5s cubic-bezier(.22,1,.36,1),color .2s}
.ft-table td.d a:is(:hover,:focus-visible),.ft-table td.b small a:is(:hover,:focus-visible){color:var(--ink);background-size:100% 1.5px}
.ft-table td.b small a{font-weight:inherit}
@media (prefers-reduced-motion:reduce){.ft-table td.d a,.ft-table td.b small a{transition:none}}