/* AMAADOR Professional support directory — Graphite (light/dark, RTL) */
:root{--bg:#f6f3ee;--card:#fffdf9;--ink:#1d1d1f;--muted:#6e6a63;--hair:#e9e0d2;--accent:#2f3a40;--accent-ink:#fff;--soft:rgba(47,58,64,.06);--warn:#8a5a12;--warn-bg:#fbf3e4;--bad:#a1302a;--ok:#2f6b4f;
 --f-b:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--f-d:"Inter Tight",Inter,system-ui,sans-serif;--r:18px;color-scheme:light}
:root[data-theme=dark]{--bg:#121416;--card:#1c1f22;--ink:#f5f5f7;--muted:#9aa3ab;--hair:rgba(255,255,255,.10);--accent:#e8e4dc;--accent-ink:#141618;--soft:rgba(255,255,255,.05);--warn:#e6b86a;--warn-bg:rgba(230,184,106,.08);--bad:#ff8a80;--ok:#7fd1a8;color-scheme:dark}
[lang=ar]{--f-b:"IBM Plex Sans Arabic",Inter,system-ui,sans-serif;--f-d:"IBM Plex Sans Arabic",Inter,system-ui,sans-serif}
*{box-sizing:border-box}
body.pd{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.6 var(--f-b);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none}
.pd a{color:inherit}
.pd-top{position:sticky;top:0;z-index:5;padding:14px 20px 0}
.pd-bar{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:18px;height:60px;padding:0 10px 0 18px;background:var(--card);border:1px solid var(--hair);border-radius:var(--r);box-shadow:0 1px 2px rgba(20,24,22,.04),0 8px 24px -16px rgba(20,24,22,.18);white-space:nowrap}
[dir=rtl] .pd-bar{padding:0 18px 0 10px}
.pd-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 15px/1 var(--f-d);letter-spacing:-.01em}
.pd-brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:14px}
.pd-nav{display:flex;gap:4px;margin-inline-start:auto}
.pd-nav a,.pd-lang a{text-decoration:none;font-size:13.5px;font-weight:500;padding:8px 12px;border-radius:999px;color:var(--muted)}
.pd-nav a:hover,.pd-lang a:hover{background:var(--soft);color:var(--ink)}
.pd-nav a[aria-current]{color:var(--ink);background:var(--soft)}
.pd-tools{display:flex;align-items:center;gap:6px}
.pd-lang{display:flex;border:1px solid var(--hair);border-radius:999px;padding:2px}
.pd-lang a{padding:5px 9px;font-size:12px;font-weight:600}
.pd-lang a[aria-current]{background:var(--accent);color:var(--accent-ink)}
.pd-theme{width:36px;height:36px;border-radius:50%;border:1px solid var(--hair);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.pd-theme svg{width:18px;height:18px}
.pd :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pd-main{max-width:1240px;margin:0 auto;padding:40px 20px 64px}
.pd-hero{max-width:820px;margin:16px 0 36px}
.pd-kicker{margin:0 0 10px;font:600 11px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
[lang=ar] .pd-kicker{letter-spacing:0;font-size:13px}
.pd h1{margin:0 0 14px;font:700 clamp(30px,4.2vw,46px)/1.08 var(--f-d);letter-spacing:-.025em}
[lang=ar] .pd h1,[lang=ar] .pd h2,[lang=ar] .pd h3{letter-spacing:0;line-height:1.35}
.pd h2{font:700 24px/1.2 var(--f-d);letter-spacing:-.015em;margin:0 0 8px}
.pd-lead{font-size:17px;color:var(--muted);margin:0 0 22px;max-width:680px}
.pd-disc{border:1px solid color-mix(in srgb,var(--warn) 30%,var(--hair));background:var(--warn-bg);border-radius:14px;padding:14px 16px;font-size:14px}
.pd-disc strong{color:var(--warn)}.pd-disc p{margin:4px 0 0}
.pd-count{font-size:13px!important;font-weight:600!important;color:var(--muted);text-transform:uppercase;letter-spacing:.12em!important;margin-bottom:14px!important}
[lang=ar] .pd-count{letter-spacing:0!important}
.pd-empty{display:flex;gap:18px;align-items:flex-start;padding:28px;border:1px dashed var(--hair);border-radius:var(--r);background:var(--card)}
.pd-empty-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--soft);font:600 24px/1 var(--f-d);flex:none}
.pd-empty h3{margin:0 0 4px;font:700 19px/1.3 var(--f-d)}.pd-empty p{margin:0 0 14px;color:var(--muted)}
.pd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.pd-card{background:var(--card);border:1px solid var(--hair);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(20,24,22,.04)}
.pd-card header{display:flex;gap:12px;align-items:center}
.pd-card h3{margin:0;font:600 17px/1.3 var(--f-d);overflow-wrap:anywhere}
.pd-logo{width:48px;height:48px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--hair);flex:none}
.pd-mono{display:grid;place-items:center;background:var(--soft);font:700 18px/1 var(--f-d)}
.pd-loc{margin:2px 0 0;color:var(--muted);font-size:13px}
.pd-desc{margin:0;font-size:14.5px;overflow-wrap:anywhere}
.pd-meta{margin:0;color:var(--muted);font-size:13px}
.pd-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.pd-act{font-size:13px;font-weight:600;text-decoration:none;padding:7px 12px;border-radius:999px;border:1px solid var(--hair);max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pd-act:hover{background:var(--soft)}
.pd-join{margin-top:48px;padding:28px;background:var(--card);border:1px solid var(--hair);border-radius:22px}
.pd-join-head p{color:var(--muted);margin:0 0 18px;max-width:720px}
.pd-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.pd-wide{grid-column:1/-1}
.pd-field{display:grid;gap:6px;border:0;padding:0;margin:0;min-width:0}
.pd-field>span,.pd-field legend{font-size:13px;font-weight:600}
.pd-field input:not([type=checkbox]),.pd-field textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--hair);border-radius:12px;padding:10px 12px}
.pd-field textarea{resize:vertical;min-height:120px}
.pd-field input:focus,.pd-field textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 50%,transparent);border-color:transparent}
.pd-field small,.pd-submit small{color:var(--muted);font-size:12.5px}
.pd-field em,.pd-check em{color:var(--bad);font-style:normal;font-size:12.5px}
.is-err input,.is-err textarea{border-color:var(--bad)!important}
.pd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pd-chip input{position:absolute;opacity:0}
.pd-chip span{display:inline-block;padding:6px 12px;border:1px solid var(--hair);border-radius:999px;font-size:13px;cursor:pointer}
.pd-chip input:checked+span{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.pd-chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.pd-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}
.pd-check input{margin-top:4px}
.pd-check.is-err span{color:var(--bad)}
.pd-submit{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pd-btn{display:inline-flex;align-items:center;justify-content:center;font:600 14px/1 var(--f-b);padding:11px 18px;border-radius:999px;background:var(--accent);color:var(--accent-ink)!important;border:0;text-decoration:none;cursor:pointer}
.pd-btn-lg{padding:14px 22px;font-size:15px}
.pd-hp{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pd-hp input{width:1px!important;max-width:1px}
form input,form select,form textarea{max-width:100%;box-sizing:border-box}
.pd-flash{padding:12px 14px;border-radius:12px;font-size:14px}
.pd-bad{background:color-mix(in srgb,var(--bad) 10%,transparent);color:var(--bad)}.pd-info{background:var(--soft)}
.pd-foot{border-top:1px solid var(--hair);background:var(--card)}
.pd-foot-in{max-width:1240px;margin:0 auto;padding:32px 20px;display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:13px;color:var(--muted)}
.pd-foot strong{color:var(--ink)}.pd-foot p{margin:4px 0 0}
.pd-foot-links{grid-column:1/-1}
.pd-inline{display:inline-flex;gap:6px;margin-inline-end:8px}.pd-inline input{border:1px solid var(--hair);border-radius:8px;padding:6px}
@media (max-width:820px){.pd-nav a:not(.pd-pro-link){display:none}.pd-brand span:last-child{display:none}.pd-bar{gap:8px}}
@media (max-width:640px){.pd-top{padding:10px 10px 0}.pd-form,.pd-foot-in{grid-template-columns:1fr}.pd-main{padding:24px 14px 48px}.pd-join{padding:18px}.pd-grid{grid-template-columns:1fr}.pd-empty{flex-direction:column;padding:20px}}
/* Academy skin: same Graphite structure, Academy violet accent */
/* HSE skin — colours from the live V3 "Editorial" homepage (assets/home-v3-20261023.css --hv3-*) */
.pd-skin-hse{--bg:#FFFCF7;--card:#FFFFFF;--ink:#1D1D1F;--muted:#6E6A63;--hair:#E9E0D2;--accent:#00777A;--accent-ink:#FFFFFF;--soft:#EEF7F6;--warn:#9A3412;--warn-bg:#FFF6EC;--ok:#00777A}
:root[data-theme=dark] .pd-skin-hse{--bg:#0F1215;--card:#181C20;--ink:#F5F5F7;--muted:#9AA3AB;--hair:#2A3036;--accent:#2DD4C8;--accent-ink:#0F1215;--soft:#14282A;--warn:#FFC933;--warn-bg:rgba(255,201,51,.08);--ok:#2DD4C8}
/* Academy skin — colours from the live homepage (academy-luminous-system.css --lum-*) */
.pd-skin-acad{--bg:#f7f9ff;--card:#fff;--ink:#081432;--muted:#5d6982;--hair:#dbe4f2;--accent:#6c3df4;--accent-ink:#fff;--soft:#eef4ff;--ok:#00a779}
:root[data-theme=dark] .pd-skin-acad{--bg:#071021;--card:#101a30;--ink:#f4f7ff;--muted:#aab5cb;--hair:#293a59;--accent:#9b7aff;--accent-ink:#071021;--soft:#14223e;--ok:#35dba3}
/* hero picture (HD: 1x/2x WebP, sized from native-resolution sources); decorative, wide screens only so the text layout is unchanged */
.pd-hero{position:relative}.pd-hero-img{display:none}
@media (min-width:1240px){.pd-skin-hse .pd-hero-img,.pd-skin-acad .pd-hero-img{display:block;position:absolute;top:0;inset-inline-start:calc(100% + 40px);width:340px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);border:1px solid var(--hair)}}
.pd-brand-mark svg{width:22px;height:22px;display:block}.pd-skin-opex .pd-brand-mark svg{width:26px;height:26px}
.pd-empty-mark{color:var(--accent)}.pd-empty-mark svg{display:block}
.pd-btn[disabled]{opacity:.5;cursor:not-allowed}.pd-soon{margin:0 0 4px}
/* opex-os.com skin — option-c "Swiss" tokens (verbatim from staged/option-c/assets/css/redesign.css .opt-c), mapped onto the directory variables.
   Light only (option-c has no dark theme): square, thin black rules, red accent. */
/* colours re-synced 2026-10-23 to live release-c assets/css/opex-c.css (--brand #c8000f, --ink #111, --bg-subtle #f4f4f4) */
body.pd-skin-opex{--bg:#fff;--card:#fff;--soft:#f4f4f4;--ink:#111;--mute:#555;--accent:#c8000f;--accent2:#c8000f;--onaccent:#fff;--rule:1px solid #111;--r:0;--gap:20px;
 --head:'Helvetica Neue',Helvetica,Arial,sans-serif;--body:'Helvetica Neue',Helvetica,Arial,sans-serif;--mono:'Helvetica Neue',Helvetica,Arial,sans-serif;--h1:96px;--hw:700;--track:-.04em;
 --muted:var(--mute);--hair:#111;--accent-ink:var(--onaccent);--f-b:var(--body);--f-d:var(--head);--warn:#111;--warn-bg:#fff;--bad:#c8000f;color-scheme:light;font-size:16px}
html[lang=ar] body.pd-skin-opex{--f-b:"IBM Plex Sans Arabic",var(--body);--f-d:"IBM Plex Sans Arabic",var(--head)}
.pd-skin-opex .pd-top{padding:0;border-bottom:var(--rule);background:var(--bg)}
.pd-skin-opex .pd-bar{max-width:1200px;height:64px;padding:0 clamp(16px,4vw,40px);border:0;border-radius:0;box-shadow:none;background:transparent}
.pd-skin-opex .pd-brand{font:400 15px/1 var(--f-d);letter-spacing:0}.pd-skin-opex .pd-brand span:last-child{font-weight:400}
.pd-skin-opex .pd-brand-mark{width:34px;height:34px;border-radius:0;background:var(--accent);color:var(--onaccent);font-weight:700}
.pd-skin-opex .pd-nav a,.pd-skin-opex .pd-lang a{border-radius:0;color:var(--ink);padding:8px 9px}
.pd-skin-opex .pd-nav a[aria-current]{background:none;box-shadow:inset 0 -2px 0 var(--accent)}
.pd-skin-opex .pd-lang{border:var(--rule);border-radius:0;padding:0}.pd-skin-opex .pd-lang a{padding:6px 10px}
.pd-skin-opex .pd-lang a[aria-current]{background:var(--ink);color:var(--bg)}
.pd-skin-opex .pd-main{max-width:1200px;padding:0 clamp(16px,4vw,40px) 64px}
.pd-skin-opex .pd-hero{max-width:none;padding:clamp(48px,7vw,90px) 0 32px;margin:0}
.pd-skin-opex .pd-kicker{font:600 12px/1 var(--mono);letter-spacing:.12em;color:var(--accent2);margin-bottom:16px}
.pd-skin-opex h1{font:var(--hw) clamp(34px,6vw,80px)/1.02 var(--f-d);letter-spacing:var(--track);max-width:16ch}
html[lang=ar] .pd-skin-opex h1{letter-spacing:0;line-height:1.25}
.pd-skin-opex .pd-lead{font-size:clamp(17px,2vw,20px);max-width:62ch}
.pd-skin-opex .pd-disc{border:0;border-top:4px solid var(--ink);border-radius:0;background:none;padding:14px 0 0;max-width:820px;font-size:14.5px}
.pd-skin-opex .pd-disc strong{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:12px}
html[lang=ar] .pd-skin-opex .pd-disc strong{letter-spacing:0;font-size:14px}
.pd-skin-opex .pd-count{border-top:4px solid var(--ink);padding-top:16px;margin-top:48px!important;font-size:14px!important;letter-spacing:.14em!important;color:var(--ink)}
.pd-skin-opex .pd-empty{border:0;border-top:var(--rule);border-radius:0;padding:24px 0;background:none}
.pd-skin-opex .pd-empty-mark{border-radius:0;background:var(--accent);color:var(--onaccent)}
.pd-skin-opex .pd-grid{gap:var(--gap)}
.pd-skin-opex .pd-card{border:0;border-top:2px solid var(--ink);border-radius:0;box-shadow:none;padding:14px 0 20px}
.pd-skin-opex .pd-logo{border-radius:0;border:var(--rule)}.pd-skin-opex .pd-act{border-radius:0;border:var(--rule)}.pd-skin-opex .pd-act:hover{background:var(--ink);color:var(--bg)}
.pd-skin-opex .pd-join{margin-top:64px;padding:16px 0 0;border:0;border-top:4px solid var(--ink);border-radius:0;background:none}
.pd-skin-opex .pd-join h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:var(--track)}
html[lang=ar] .pd-skin-opex .pd-join h2{letter-spacing:0}
.pd-skin-opex .pd-form{gap:18px 24px}
.pd-skin-opex .pd-field>span,.pd-skin-opex .pd-field legend{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
html[lang=ar] .pd-skin-opex .pd-field>span,html[lang=ar] .pd-skin-opex .pd-field legend{font-size:14px;letter-spacing:0}
.pd-skin-opex .pd-field input:not([type=checkbox]),.pd-skin-opex .pd-field textarea{border:var(--rule);border-radius:0;background:var(--card);padding:12px 14px}
.pd-skin-opex .pd-field input:focus,.pd-skin-opex .pd-field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--ink)}
.pd-skin-opex .pd-chip span{border:var(--rule);border-radius:0}.pd-skin-opex .pd-chip input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.pd-skin-opex .pd-check input{accent-color:var(--accent)}
.pd-skin-opex .pd-btn{border-radius:0;font:600 15px/1 var(--f-b);padding:14px 20px}
.pd-skin-opex .pd-flash{border-radius:0;border-inline-start:4px solid currentColor}
.pd-skin-opex .pd-foot{margin-top:80px;border-top:var(--rule);background:var(--bg)}
.pd-skin-opex .pd-foot-in{max-width:1200px;padding:40px clamp(16px,4vw,40px);font-size:14px;color:var(--mute)}
.pd-skin-opex :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* per-listing "Paid listing" badge (transparency: every listing is paid) */
.pd-paid{align-self:flex-start;display:inline-block;font:600 11px/1 var(--f-b);letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--soft);color:var(--accent);border:1px solid currentColor;white-space:nowrap}
html[lang=ar] .pd-paid{text-transform:none;letter-spacing:0;font-size:12px}
.pd-skin-hse .pd-paid{border-radius:6px}
.pd-skin-acad .pd-paid{border-radius:999px}
.pd-skin-opex .pd-paid{border-radius:0;background:none;color:var(--accent);border:1px solid var(--accent);font-family:var(--mono);letter-spacing:.12em;padding:3px 6px}
html[lang=ar] .pd-skin-opex .pd-paid{font-family:var(--f-b);letter-spacing:0}
.pd-nonref{flex-basis:100%;margin:6px 0 0;font-size:13px;font-weight:600;color:var(--ink)}
/* academy-directory-r1 — Sonoma Daylight (light only). Tokens from live mp-skin-sonoma-20261031 (--mp-*); the live mp-shell CSS
   provides the wallpaper, glass cards, fonts and the bottom dock (body padding keeps content clear of it). */
.pd-skin-acad,:root[data-theme=dark] .pd-skin-acad{--bg:transparent;--card:rgba(255,255,255,.74);--ink:var(--mp-fg,#1d1d1f);--muted:var(--mp-fg-3,#626267);--hair:var(--mp-line-2,rgba(0,0,0,.14));--accent:#0a64d8;--accent-ink:#fff;--soft:rgba(10,100,216,.07);--warn:var(--mp-brass-ink,#7a5a24);--warn-bg:#fbf3e4;--bad:var(--mp-bad,#c4352b);--ok:var(--mp-good,#17703c);color-scheme:light}
.pd-skin-acad{background:var(--mp-wall,#f3eee6) fixed!important;font-family:var(--mp-font)}
[dir=rtl] .pd-skin-acad{font-family:var(--mp-font-ar)}
.pd-skin-acad .pd-top{background:rgba(255,255,255,.66);-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px);border-bottom:1px solid var(--mp-line,rgba(0,0,0,.09))}
.pd-skin-acad .pd-card,.pd-skin-acad .pd-join,.pd-skin-acad .pd-empty,.pd-skin-acad .pd-disc{border-radius:var(--mp-r,14px);box-shadow:var(--mp-sh-s)}
.pd-skin-acad .pd-btn{background:linear-gradient(#2c2c2e,#1d1d1f);color:#fff;border-radius:10px}
.pd-theme{display:none}
.pd-filters{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;margin:0 0 18px;padding:14px;border-radius:var(--mp-r,14px);background:rgba(255,255,255,.66);border:1px solid var(--mp-line,rgba(0,0,0,.09))}
.pd-fl{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);flex:1 1 150px;min-width:0}
.pd-fl select,.pd-fl input{min-height:40px;padding:6px 10px;font:inherit;font-size:15px;width:100%}
.pd-reset{align-self:center;font-size:14px}
.pd-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.pd-tag{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--soft);color:var(--ink)}
.pd-tags .pd-paid{position:static;margin-inline-start:auto}
.pd-topics{font-size:13px;color:var(--warn);margin:8px 0 0;font-weight:600}
.pd-report{margin-inline-start:auto;font-size:12px;color:var(--muted)!important;align-self:center}
.pd-card:target{outline:3px solid rgba(10,100,216,.5);outline-offset:2px}
.pd-rep{max-width:560px}
@media (max-width:600px){.pd-filters .pd-btn{width:100%}}
.pd-chip input[type=radio],.pd-chip input[type=checkbox]{width:1px!important;height:1px!important;max-width:1px}