/* OMQ Encyclopedia — category-only visual design */
.owa-page{--owa-red:#861624;--owa-red-bright:#bb3442;--owa-gold:#d0a65f;--owa-ink:#090b0d;--owa-muted:#acafb1;direction:rtl;background:#080a0c;color:#eceef0;min-height:75vh;font-family:"Cairo","Noto Sans Arabic",sans-serif}
.owa-page,.owa-page *{box-sizing:border-box}
.owa-container{width:min(1260px,calc(100% - 56px));margin:0 auto}
.owa-page a{text-decoration:none;color:inherit}
.owa-page button,.owa-page input{font:inherit}
.owa-page a:focus-visible,.owa-page input:focus-visible,.owa-page button:focus-visible{outline:3px solid var(--owa-gold);outline-offset:4px}
.owa-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(208,166,95,.18);background:radial-gradient(ellipse 690px 490px at 80% 45%,rgba(116,18,30,.25),transparent 75%),radial-gradient(ellipse 580px 440px at 9% 85%,rgba(175,35,45,.1),transparent 70%),linear-gradient(135deg,#0f1115,#050608 77%);}
.owa-hero:before{content:"";position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:linear-gradient(90deg,rgba(208,166,95,.08) 1px,transparent 1px),linear-gradient(rgba(208,166,95,.08) 1px,transparent 1px);background-size:47px 47px;mask-image:linear-gradient(90deg,transparent,black,transparent)}
.owa-hero:after{content:"";position:absolute;top:0;right:0;width:38%;height:2px;background:linear-gradient(90deg,transparent,#c49b55,transparent)}
.owa-breadcrumb{position:relative;z-index:1;display:flex;align-items:center;gap:13px;padding:25px 0 0;color:#9a9b9d;font-size:12px;font-weight:700}
.owa-breadcrumb span:last-child{color:#d0a65f}
.owa-breadcrumb a:hover{color:#fff}
.owa-hero__grid{min-height:460px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:56px;align-items:center;padding:30px 0 65px}
.owa-hero__copy{position:relative;z-index:1}
.owa-kicker{display:flex;gap:12px;align-items:center;color:#c6a971;font:600 11px "IBM Plex Mono","Cairo",monospace;letter-spacing:.08em}
.owa-kicker__dot,.owa-online-dot,.owa-person__indicator{width:7px;height:7px;flex:0 0 7px;display:inline-block;border-radius:50%;background:#b62632;box-shadow:0 0 0 4px rgba(182,38,50,.14)}
.owa-kicker__line{width:28px;height:1px;background:rgba(208,166,95,.4)}
.owa-hero h1{font-family:"Cairo",sans-serif;font-weight:900;font-size:clamp(46px,6.2vw,88px);letter-spacing:-.06em;line-height:1.35;margin:18px 0 10px;color:#f6f4ef}
.owa-hero h1 em{font-style:normal;color:var(--owa-gold)}
.owa-hero__lead{font-weight:800;font-size:clamp(19px,2.15vw,27px);line-height:1.65;color:#f2ede3;margin:0 0 14px}
.owa-hero__desc{max-width:700px;color:#aeb1b6;font-size:16px;line-height:2.1;margin:0}
.owa-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:31px;border-top:1px solid rgba(208,166,95,.19);padding-top:23px}
.owa-hero__number{color:#dfbe7e;font:700 47px "IBM Plex Mono",monospace;direction:ltr;letter-spacing:-.06em}
.owa-hero__number-label{font-size:13px;line-height:1.8;font-weight:800;color:#f0e6d4}
.owa-hero__number-label small{font-size:11px;color:#9da1a5;font-weight:500}
.owa-hero__separator{height:34px;width:1px;background:rgba(208,166,95,.27);margin-inline:16px 2px}
.owa-hero__principle{font-size:13px;color:#a6a8aa}
.owa-hero__principle span{color:var(--owa-gold);margin:0 8px}
.owa-hero__mark{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}
.owa-hero__mark:before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(203,164,89,.10),transparent 72%);filter:blur(13px);z-index:-1}
.owa-hero__orbit{width:320px;height:320px;position:absolute;border:1px solid rgba(208,166,95,.20);border-radius:50%;max-width:95%}
.owa-hero__orbit--two{width:376px;height:376px;border-color:rgba(208,166,95,.09);border-style:dashed}
.owa-hero__logo{width:min(258px,72%);height:auto;max-height:245px;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(0,0,0,.4))}
.owa-hero__mark-line{font:600 10px "IBM Plex Mono",monospace;letter-spacing:.23em;direction:ltr;margin-top:19px;color:rgba(208,166,95,.65)}
.owa-directory{position:relative;padding:72px 0 92px;background:linear-gradient(180deg,#0a0c0f 0%,#07090b 100%)}
.owa-directory__top{display:grid;grid-template-columns:1fr minmax(300px,430px);align-items:end;gap:40px;margin-bottom:30px}
.owa-directory__eyebrow{font-size:12px;color:#d0a65f;font-weight:700;letter-spacing:.04em}
.owa-directory__title h2{font-size:clamp(27px,3vw,39px);line-height:1.5;font-weight:900;margin:6px 0;color:#f2f2f3}
.owa-directory__title h2 span{color:var(--owa-gold)}
.owa-directory__title p{margin:2px 0 0;color:#9b9fa5;font-size:14px;line-height:1.9}
.owa-search{display:block}
.owa-search label{display:block;font-size:13px;font-weight:700;color:#dbdcdd;margin-bottom:9px}
.owa-search__field{display:flex;gap:10px;align-items:center;min-height:58px;border:1px solid rgba(208,166,95,.24);border-radius:12px;background:#111418;padding:6px 10px 6px 6px;box-shadow:0 12px 30px rgba(0,0,0,.1)}
.owa-search__field svg{width:21px;height:21px;color:#c4a46b;margin-inline:8px 2px;flex:0 0 auto}
.owa-search__field input{min-width:0;flex:1;width:100%;color:#f4f4f4;background:transparent;border:0;outline:0;padding:9px 0;font-size:15px}
.owa-search__field input::placeholder{color:#898c90}
.owa-search__field button{flex:0 0 auto;border:1px solid rgba(220,123,130,.2);border-radius:8px;background:linear-gradient(135deg,#a32b38,#65101b);color:white;padding:9px 19px;min-height:42px;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s ease,transform .2s ease}
.owa-search__field button:hover{background:#be3544;transform:translateY(-1px)}
.owa-filterline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-block:1px solid rgba(208,166,95,.14);padding:17px 2px 19px;margin-bottom:31px}
.owa-filterline__label{color:#d4d6d8;font-size:14px;font-weight:800;display:flex;align-items:center;gap:12px}
.owa-filterline__count{margin-inline-start:auto;color:#c6a56e;font-size:13px}
.owa-filterline__clear{font-size:13px;color:#e6ce9d!important;border-bottom:1px solid currentColor}
.owa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.owa-person{position:relative;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);overflow:hidden;min-height:320px;border-radius:14px;border:1px solid rgba(208,166,95,.2);background:linear-gradient(150deg,#171a1e,#101215);box-shadow:0 14px 35px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.owa-person:hover,.owa-person:focus-within{transform:translateY(-4px);border-color:rgba(208,166,95,.54);box-shadow:0 22px 46px rgba(0,0,0,.32)}
.owa-person__media{position:relative;display:block;overflow:hidden;min-height:320px;background:#191b1d}
.owa-person__media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,8,10,.48),transparent 46%)}
.owa-person__portrait{width:100%;height:100%;min-height:320px;display:block;object-fit:cover;object-position:center 20%;transition:transform .4s ease,filter .3s ease;filter:saturate(.83)}
.owa-person:hover .owa-person__portrait{transform:scale(1.035);filter:saturate(1)}
.owa-person__fallback{height:100%;display:grid;place-items:center;color:rgba(208,166,95,.65);font-size:46px;font-weight:900}
.owa-person__media-label{position:absolute;bottom:14px;right:14px;z-index:2;background:rgba(6,8,11,.8);border:1px solid rgba(208,166,95,.3);border-radius:4px;padding:6px 10px;color:#e9ce95;font-size:11px}
.owa-person__copy{display:flex;flex-direction:column;min-width:0;padding:25px 22px 21px}
.owa-person__overline{display:flex;align-items:center;gap:10px;color:#d0b57e;font-size:12px;font-weight:700}
.owa-person h3{font-size:clamp(19px,1.8vw,25px);line-height:1.5;font-weight:900;margin:12px 0 10px;color:#fff}
.owa-person h3 a:hover{color:#e2c188}
.owa-person__copy p{margin:0 0 15px;font-size:13px;line-height:1.85;color:#a5aaae;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.owa-person__footer{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid rgba(208,166,95,.18)}
.owa-person__kind{font-size:11px;color:#9da1a5}
.owa-person__read{font-size:13px;color:#dfbd80!important;font-weight:800;display:flex;gap:8px;align-items:center}
.owa-person__read span{font-size:17px}
.owa-empty{text-align:center;border:1px dashed rgba(208,166,95,.26);border-radius:14px;padding:60px 20px;margin:32px 0;background:#111418}
.owa-empty__symbol{display:block;font-size:55px;color:#bd954f}
.owa-empty h3{font-size:23px;color:#f6f2eb;margin:12px}
.owa-empty p{color:#a6a9ac;line-height:1.9}
.owa-empty>a{display:inline-flex;background:#801b28;border-radius:8px;padding:11px 19px;margin-top:12px;color:#fff}
.owa-pagination{margin:35px 0}
.owa-pagination .page-numbers{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.owa-pagination a,.owa-pagination span{display:inline-block;min-width:41px;min-height:41px;padding:9px 13px;border:1px solid rgba(208,166,95,.23);border-radius:8px;text-align:center;color:#d0d0d0}
.owa-pagination .current,.owa-pagination a:hover{background:#861624;color:#fff;border-color:#b62632}
.owa-method{display:flex;gap:22px;align-items:center;position:relative;overflow:hidden;margin-top:58px;padding:29px 35px;border-radius:14px;border:1px solid rgba(208,166,95,.24);background:linear-gradient(115deg,rgba(112,23,33,.14),rgba(15,18,20,.95) 44%);}
.owa-method__emblem{font-size:44px;color:#d1a65b;align-self:start;line-height:1}
.owa-method>div:nth-child(2){min-width:0;flex:1}
.owa-method__label{font:600 10px "IBM Plex Mono","Cairo",monospace;letter-spacing:.08em;color:#d0a65f}
.owa-method h2{font-size:22px;color:#f0eee9;margin:7px 0}
.owa-method p{font-size:14px;line-height:1.9;color:#aeb1b2;margin:0;max-width:740px}
.owa-method__link{white-space:nowrap;color:#ecd09b!important;font-weight:800;font-size:13px;border:1px solid rgba(208,166,95,.3);border-radius:9px;padding:13px 17px}
.owa-method__link:hover{background:rgba(208,166,95,.1)}
@media(max-width:1070px){.owa-grid{gap:18px}.owa-person{grid-template-columns:41% 59%;min-height:310px}.owa-person__copy{padding:20px 17px}.owa-person__portrait,.owa-person__media{min-height:310px}.owa-hero__grid{gap:26px}}
@media(max-width:850px){.owa-hero__grid{grid-template-columns:1fr;gap:10px;padding:30px 0 40px}.owa-hero__mark{display:none}.owa-hero__desc{max-width:650px}.owa-directory__top{grid-template-columns:1fr;gap:23px}.owa-grid{grid-template-columns:1fr}.owa-person{grid-template-columns:210px 1fr;min-height:272px}.owa-person__media,.owa-person__portrait{min-height:272px}}
@media(max-width:560px){.owa-container{width:calc(100% - 28px)}.owa-breadcrumb{padding-top:18px}.owa-hero__grid{padding:28px 0 39px}.owa-kicker{font-size:10px;gap:7px;flex-wrap:wrap}.owa-kicker__line{width:15px}.owa-hero h1{font-size:48px;margin:14px 0 8px}.owa-hero__lead{font-size:20px}.owa-hero__desc{font-size:15px;line-height:1.9}.owa-hero__meta{gap:12px;padding-top:19px;margin-top:21px}.owa-hero__number{font-size:38px}.owa-hero__separator{margin:0 3px;height:27px}.owa-hero__principle{font-size:11px;max-width:125px}.owa-directory{padding:40px 0 70px}.owa-directory__title h2{font-size:30px}.owa-directory__top{gap:24px}.owa-search__field{min-height:52px}.owa-search__field button{padding:8px 13px}.owa-filterline{gap:6px;padding-block:13px;margin-bottom:18px}.owa-filterline__label{font-size:13px}.owa-filterline__count{font-size:12px}.owa-person{display:block;min-height:0;border-radius:11px}.owa-person__media{width:100%;height:250px;min-height:0}.owa-person__portrait{width:100%;height:100%;min-height:0;object-position:center 24%}.owa-person__copy{padding:17px 18px 18px}.owa-person h3{font-size:23px;margin:10px 0}.owa-person__copy p{font-size:14px;-webkit-line-clamp:3}.owa-person__footer{margin-top:11px}.owa-method{display:block;padding:23px 18px;margin-top:37px}.owa-method__emblem{margin-bottom:13px}.owa-method h2{font-size:21px}.owa-method__link{display:inline-flex;margin-top:19px}}
[data-omq-theme="light"] .owa-page{background:#f5f3ee;color:#212126}
[data-omq-theme="light"] .owa-hero{background:radial-gradient(ellipse at 85% 45%,rgba(112,20,31,.12),transparent 65%),linear-gradient(135deg,#f9f7f2,#ebe5da)}
[data-omq-theme="light"] .owa-hero h1{color:#18171a}
[data-omq-theme="light"] .owa-hero__lead{color:#3a3030}
[data-omq-theme="light"] .owa-hero__desc,[data-omq-theme="light"] .owa-hero__principle,[data-omq-theme="light"] .owa-hero__number-label small{color:#5e6266}
[data-omq-theme="light"] .owa-hero__number-label{color:#534330}
[data-omq-theme="light"] .owa-hero__number{color:#8c1b25}
[data-omq-theme="light"] .owa-breadcrumb{color:#727272}
[data-omq-theme="light"] .owa-breadcrumb a:hover{color:#7f1826}
[data-omq-theme="light"] .owa-hero__mark-line{color:#9a7b3c}
[data-omq-theme="light"] .owa-directory{background:linear-gradient(#f5f3ee,#efede8)}
[data-omq-theme="light"] .owa-directory__title h2{color:#1b1b1f}
[data-omq-theme="light"] .owa-directory__title p,[data-omq-theme="light"] .owa-filterline__label{color:#58585d}
[data-omq-theme="light"] .owa-search label{color:#242328}
[data-omq-theme="light"] .owa-search__field{background:#fff;border-color:#d6c7ae}
[data-omq-theme="light"] .owa-search__field input{color:#212126}
[data-omq-theme="light"] .owa-person{background:#fff;border-color:#ded5c6;box-shadow:0 15px 33px rgba(40,23,23,.06)}
[data-omq-theme="light"] .owa-person h3{color:#242428}
[data-omq-theme="light"] .owa-person__copy p,[data-omq-theme="light"] .owa-person__kind{color:#65676b}
[data-omq-theme="light"] .owa-person__overline,[data-omq-theme="light"] .owa-person__read,[data-omq-theme="light"] .owa-filterline__count{color:#8d1b28!important}
[data-omq-theme="light"] .owa-person__footer{border-color:#eadfce}
[data-omq-theme="light"] .owa-method{background:#fff;border-color:#d5c9b8}
[data-omq-theme="light"] .owa-method h2{color:#242428}
[data-omq-theme="light"] .owa-method p{color:#5d6265}
[data-omq-theme="light"] .owa-method__link{color:#8d1b28!important}
[data-omq-theme="light"] .owa-empty{background:#fff}
[data-omq-theme="light"] .owa-empty h3{color:#27272a}
[data-omq-theme="light"] .owa-empty p{color:#62666b}
@media(prefers-reduced-motion:reduce){.owa-page *{transition:none!important;scroll-behavior:auto!important}}