/* AMAADOR OPEX · A·Desktop — dark matte design system 20261031a (staging). premium + roles (folded) + OS layer. Generated by work/os/build.py. */
/* AMAADOR OPEX premium design system v20261030a — PROPOSAL for adoption by AMAADOR Design (staging only).
   Light only. Fonts: Inter (OFL) + Noto Kufi Arabic (OFL), see fonts/FONTS.md. Icons: own SVG (icons-20261030a.svg).
   Palette tokens are swappable: html[data-op-palette="teal-b"] gives the flat Teal B alternative. */
@font-face{font-family:"OP Inter";src:url(fonts/Inter-Var-20261030a.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

@font-face{font-family:"OP Kufi";src:url(fonts/NotoKufiArabic-Var-20261030a.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}

/* ---------- tokens ---------- */
:root:root,html[data-theme][data-theme]{
 --op-brand:var(--lmt-45e3d6,#45e3d6);--op-brand-strong:var(--lmb-0b5d57,#44e4d8);--op-brand-bright:var(--lmt-14b8a6,#42e6d4);--op-brand-wash:#1e2322;
 --op-ink:var(--lmt-d4d8da,#d4d8da);--op-ink-2:var(--lmt-a7afb4,#a7afb4);--op-ink-3:var(--lmt-919aa1,#919aa1);--op-line:var(--lmb-242a2d,#242a2d);--op-line-2:var(--lmb-3f464b,#3f464b);
 --op-bg:var(--lmb-181c1c,#181c1c);--op-surface:var(--lmb-121212,#121212);--op-glass:var(--lmb-121212a78,rgba(18,18,18,.78));--op-glass-bar:var(--lmb-141717a82,rgba(20,23,23,.82));
 --op-good:var(--lmt-4bdd81,#4bdd81);--op-warn:var(--lmt-f19e37,#f19e37);--op-bad:var(--lmt-ff5c7f,#ff5c7f);--op-info:var(--lmt-7b9cff,#7b9cff);
 --op-d-ops:var(--lmt-0f8f80,#41e6d3);--op-d-mnt:var(--lmt-3f74e9,#3f74e9);--op-d-qual:#7e3fe9;--op-d-safe:var(--lmt-e24568,#e24568);--op-d-enr:var(--lmt-ea580c,#f07738);--op-d-sc:var(--lmt-16a34a,#46e180);--op-d-asset:var(--lmt-f1a537,#f1a537);--op-d-doc:var(--lmb-0b6b60,#41e7d4);
 --op-r-sm:10px;--op-r:14px;--op-r-lg:20px;--op-r-xl:26px;--op-pill:999px;
 --op-sh-1:0 1px 2px rgba(15,28,36,.06),0 1px 1px rgba(15,28,36,.04);
 --op-sh-2:0 1px 2px rgba(15,28,36,.05),0 8px 24px -8px rgba(15,28,36,.12);
 --op-sh-3:0 2px 6px rgba(15,28,36,.06),0 24px 56px -16px rgba(15,28,36,.22);
 --op-font:"OP Inter","Inter",ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif;
 --op-font-ar:"OP Kufi","OP Inter","Noto Sans Arabic",Tahoma,sans-serif;
 --op-ease:cubic-bezier(.2,.7,.2,1);--op-bar-h:56px;
 --op-wall:radial-gradient(60rem 40rem at 12% -10%,var(--lmb-1c3531,#1c3531) 0,transparent 60%),radial-gradient(50rem 36rem at 95% 0,var(--lmb-1f2124,#1f2124) 0,transparent 60%),radial-gradient(40rem 30rem at 70% 110%,var(--lmb-1e1b20,#1e1b20) 0,transparent 60%),linear-gradient(180deg,var(--lmb-181c1c,#181c1c),var(--lmb-1b1d1f,#1b1d1f));
 /* map legacy site tokens onto ours (keeps all existing CSS working) */
 --bg:var(--op-bg);--bg-subtle:var(--lmb-1b1f20,#1b1f20);--surface:var(--op-surface);--surface-strong:var(--lmb-121212,#121212);--ink:var(--op-ink);--ink-soft:var(--op-ink-2);--ink-muted:var(--op-ink-3);
 --brand:var(--op-brand);--brand-strong:var(--op-brand-strong);--brand-bright:var(--op-brand);--brand-wash:var(--op-brand-wash);
 --line:var(--op-line);--line-strong:var(--op-line-2);--cta-bg:var(--op-brand);--cta-hover:var(--op-brand-strong);--cta-text:var(--lmt-ffffff,#121212);--button-text:var(--lmt-ffffff,#121212);
 --cosmic-cyan:var(--op-brand-strong);--cosmic-violet:var(--op-brand);--border-focus:var(--op-brand);
 --success:var(--op-good);--good:var(--op-good);--warning:var(--op-warn);--warn:var(--op-warn);--danger:var(--op-bad);--bad:var(--op-bad);
 --font-sans:var(--op-font);--font-head:var(--op-font);--font-display:var(--op-font);--font:var(--op-font);--font-body:var(--op-font);
 --radius-sm:var(--op-r-sm);--radius:var(--op-r);--radius-lg:var(--op-r-lg);--radius-xl:var(--op-r-xl);
 --shadow-xs:var(--op-sh-1);--shadow-sm:var(--op-sh-2);--shadow-md:var(--op-sh-2);--shadow-lg:var(--op-sh-3);
 --grad-accent:linear-gradient(115deg,var(--lmt-45e3d6,#45e3d6),var(--lmt-40c4e8,#40c4e8));color-scheme:dark}
html[data-op-palette="teal-b"]{--op-wall:linear-gradient(180deg,var(--lmb-181d1d,#181d1d),var(--lmb-1c2121,#1c2121));--op-brand:var(--lmt-42e6d7,#42e6d7)}

/* ---------- base ---------- */
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--op-bar-h) + 16px)}
html body{font-family:var(--op-font);color:var(--op-ink);background:var(--op-bg) var(--op-wall) fixed no-repeat;background-size:cover;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";letter-spacing:-.006em;overflow-x:clip}
html[lang="ar"] body,html[dir="rtl"] body{font-family:var(--op-font-ar);letter-spacing:0}
body h1,body h2,body h3{font-family:inherit;letter-spacing:-.022em;color:var(--op-ink)}
html[lang="ar"] body h1,html[lang="ar"] body h2,html[lang="ar"] body h3{letter-spacing:0;line-height:1.35}
body h1{font-weight:750}
body a{color:var(--op-brand);text-underline-offset:.18em}
body :focus-visible{outline:2.5px solid var(--op-brand);outline-offset:2px;border-radius:6px}
::selection{background:var(--lmb-1e3430,#1e3430)}
img{max-width:100%;height:auto}
.op-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.op-skip{position:fixed;inset-inline-start:12px;top:-60px;z-index:300;background:var(--op-ink);color:var(--lmt-ffffff,#121212)!important;padding:10px 14px;border-radius:10px}
.op-skip:focus{top:10px}

/* ---------- top bar (frosted) ---------- */
body .site-header{position:sticky;top:0;z-index:120;background:var(--op-glass-bar);border:0;border-bottom:1px solid var(--lmb-0f1c24a8,rgba(15,28,36,.08));box-shadow:0 1px 0 rgba(18,18,18,.6) inset;-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);margin:0;border-radius:0;width:100%}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body .site-header{background:var(--lmb-151818,#151818)}}
body .site-header .wrap{width:min(calc(100% - 2rem),1320px);margin-inline:auto}
body .site-header .nav{min-height:var(--op-bar-h);display:flex;align-items:center;gap:.5rem;padding:0}
body .site-header .brand{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;text-decoration:none;color:var(--op-ink);font-weight:700;margin-inline-end:.75rem}
body .site-header .brand::before{content:"";width:28px;height:28px;border-radius:8px;flex:none;background:linear-gradient(145deg,#42e6d4,#45e3d6 60%,var(--lmb-0b5d57,#44e4d8));box-shadow:0 1px 0 rgba(18,18,18,.5) inset,0 3px 8px -2px rgba(69,227,214,.5);-webkit-mask:none}
body .site-header .brand span{font-size:.72rem;font-weight:600;color:var(--op-ink-3);letter-spacing:.04em}
body .site-header .brand strong{font-size:1rem;font-weight:750;color:var(--op-ink);letter-spacing:-.01em;background:none;-webkit-text-fill-color:currentColor}
body .site-header .nav-links{gap:2px;margin-inline-start:0;margin-inline-end:auto}
body .site-header .nav-links a,body .site-header .nav-links button.op-mega-btn{min-height:40px;padding:.45rem .8rem;border-radius:9px;font-size:.92rem;font-weight:550;color:var(--op-ink-2);background:transparent;border:0;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;font-family:inherit}
body .site-header .nav-links a:hover,body .site-header .nav-links button.op-mega-btn:hover,body .site-header .nav-links button.op-mega-btn[aria-expanded="true"]{background:var(--lmb-0f1c24a6,rgba(15,28,36,.06));color:var(--op-ink)}
body .site-header .nav-links a[aria-current="page"]{color:var(--op-brand-strong);background:var(--op-brand-wash)}
.op-mega-btn svg{width:14px;height:14px;transition:transform .2s var(--op-ease)}
.op-mega-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
body .site-header .nav-utilities{display:flex;align-items:center;gap:.4rem}
body #themeToggle,body .theme-toggle{display:none!important}
body .site-language{display:inline-flex;padding:3px;border-radius:11px;background:var(--lmb-0f1c24a6,rgba(15,28,36,.06));gap:2px;border:0}
body .site-language button{min-height:38px;min-width:42px;padding:0 .6rem;border-radius:8px;border:0;background:transparent;color:var(--op-ink-2);font:600 .8rem/1 var(--op-font);cursor:pointer}
body .site-language button[aria-pressed="true"]{background:var(--lmb-121212,#121212);color:var(--op-ink);box-shadow:var(--op-sh-1)}
.op-find-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:0 .7rem 0 .6rem;border-radius:10px;border:1px solid var(--lmb-0f1c24a10,rgba(15,28,36,.1));background:var(--lmb-121212a70,rgba(18,18,18,.7));color:var(--op-ink-3);font:500 .86rem var(--op-font);cursor:pointer;min-width:44px}
.op-find-btn:hover{border-color:var(--op-line-2);color:var(--op-ink)}
.op-find-btn svg{width:17px;height:17px}
.op-kbd{font:600 .72rem var(--op-font);padding:2px 6px;border-radius:6px;background:var(--lmb-0f1c24a6,rgba(15,28,36,.06));color:var(--op-ink-3);border:1px solid var(--lmb-0f1c24a8,rgba(15,28,36,.08))}

/* ---------- mega menu ---------- */
.op-mega{position:absolute;inset-inline:0;top:calc(100% + 1px);z-index:119;padding:14px 0 18px;background:var(--lmb-121616a90,rgba(18,22,22,.9));-webkit-backdrop-filter:saturate(1.6) blur(22px);backdrop-filter:saturate(1.6) blur(22px);border-bottom:1px solid var(--lmb-0f1c24a8,rgba(15,28,36,.08));box-shadow:0 30px 60px -30px rgba(15,28,36,.35);opacity:0;transform:translateY(-6px);pointer-events:none;visibility:hidden;transition:opacity .18s var(--op-ease),transform .18s var(--op-ease),visibility 0s .18s}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.op-mega{background:var(--lmb-131717,#131717)}}
.op-mega.is-open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}
.op-mega-in{width:min(calc(100% - 2rem),1320px);margin-inline:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 280px;gap:6px 18px}
.op-mega-item{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:12px;text-decoration:none!important;color:var(--op-ink)!important;min-height:44px}
.op-mega-item:hover,.op-mega-item:focus-visible{background:var(--lmb-0f1c24a5,rgba(15,28,36,.05))}
.op-mega-item b{display:block;font-size:.92rem;font-weight:650}
.op-mega-item small{display:block;font-size:.8rem;color:var(--op-ink-3);line-height:1.35;margin-top:2px}
.op-mega-side{grid-column:5;grid-row:1/span 2;border-inline-start:1px solid var(--op-line);padding-inline-start:18px;display:flex;flex-direction:column;gap:4px}
.op-mega-side h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--op-ink-3);margin:6px 0 4px;font-weight:650}
html[lang="ar"] .op-mega-side h3{letter-spacing:0}
.op-mega-side a{display:flex;align-items:center;gap:.5rem;min-height:40px;padding:0 .5rem;border-radius:9px;color:var(--op-ink-2)!important;text-decoration:none!important;font-size:.9rem;font-weight:550}
.op-mega-side a:hover{background:var(--lmb-0f1c24a5,rgba(15,28,36,.05));color:var(--op-ink)!important}
.op-mega-side svg{width:18px;height:18px;color:var(--op-ink-3)}

/* ---------- squircle domain icons ---------- */
.op-sq{--c:var(--op-brand);width:40px;height:40px;flex:none;display:inline-grid;place-items:center;border-radius:11px;color:var(--lmt-ffffff,#121212);background:linear-gradient(150deg,color-mix(in srgb,var(--c) 72%,var(--lmb-121212,#121212)),var(--c) 55%,color-mix(in srgb,var(--c) 80%,var(--lmb-000000,#ededed)));box-shadow:0 1px 0 rgba(18,18,18,.45) inset,0 -1px 0 rgba(0,0,0,.08) inset,0 4px 10px -4px color-mix(in srgb,var(--c) 70%,transparent)}
.op-sq svg{width:56%;height:56%;stroke-width:2}
.op-sq--sm{width:30px;height:30px;border-radius:8.5px}.op-sq--lg{width:56px;height:56px;border-radius:15px}
.op-sq[data-d="ops"]{--c:var(--op-d-ops)}.op-sq[data-d="mnt"]{--c:var(--op-d-mnt)}.op-sq[data-d="qual"]{--c:var(--op-d-qual)}.op-sq[data-d="safe"]{--c:var(--op-d-safe)}.op-sq[data-d="enr"]{--c:var(--op-d-enr)}.op-sq[data-d="sc"]{--c:var(--op-d-sc)}.op-sq[data-d="asset"]{--c:var(--op-d-asset)}.op-sq[data-d="doc"]{--c:var(--op-d-doc)}

/* ---------- mobile drawer ---------- */
body .site-header .hamburger{display:none;min-width:44px;min-height:44px;border-radius:10px;border:0;background:transparent;color:var(--op-ink);align-items:center;justify-content:center;gap:.35rem;font:600 .85rem var(--op-font)}
body .site-header .hamburger i{font-size:1.25rem}
.op-drawer-extra{display:none}
@media (max-width:960px){
 body .site-header .hamburger{display:inline-flex;order:3}
 body .site-header .brand{margin-inline-end:auto}
 .op-find-btn .op-find-label,.op-find-btn .op-kbd{display:none}
 .op-find-btn{order:2;border-color:transparent;background:transparent}
 body .site-header .nav-utilities{order:1}
 body .site-header .nav-utilities .site-language{display:none}
 body .site-header .nav-links{position:fixed;inset:var(--op-bar-h) 0 0 0;display:none;flex-direction:column;align-items:stretch;gap:2px;padding:12px 16px 32px;margin:0;background:var(--lmb-141717a96,rgba(20,23,23,.96));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:auto;z-index:130;border-top:1px solid var(--op-line)}
 body .site-header .nav-links.is-open,body .site-header .nav-links.open,body.nav-open .site-header .nav-links,body .site-header .hamburger[aria-expanded="true"]~.nav-links{display:flex}
 body .site-header .nav-links>a,body .site-header .nav-links>button.op-mega-btn{min-height:48px;font-size:1.02rem;padding:0 .75rem;justify-content:flex-start}
 body .site-header .nav-links>button.op-mega-btn{display:none}
 .op-drawer-extra{display:block;margin-top:10px;padding-top:12px;border-top:1px solid var(--op-line)}
 .op-drawer-extra h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--op-ink-3);margin:6px .75rem 6px;font-weight:650}
 .op-drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
 .op-drawer-grid a{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 8px;border-radius:12px;color:var(--op-ink)!important;text-decoration:none!important;font-weight:600;font-size:.9rem}
 .op-drawer-grid a:active{background:var(--lmb-0f1c24a6,rgba(15,28,36,.06))}
 .op-drawer-lang{display:flex;gap:6px;margin:14px .5rem 0}
 .op-drawer-lang button{flex:1;min-height:46px;border-radius:12px;border:1px solid var(--op-line);background:var(--lmb-121212,#121212);font:600 .95rem var(--op-font);color:var(--op-ink-2)}
 .op-drawer-lang button[aria-pressed="true"]{border-color:var(--op-brand);color:var(--op-brand-strong);background:var(--op-brand-wash)}
 .op-mega{display:none}
}

/* ---------- window cards ---------- */
.op-win,body .calc-panel,body .tool-content>section,body #academy-pathway,body .gen-form,body .gen-preview,body .discovery-box,body .home-actions .action-grid>*{background:var(--op-glass);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border:1px solid var(--lmb-0f1c24a8,rgba(15,28,36,.08));border-radius:var(--op-r-lg);box-shadow:var(--op-sh-2)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.op-win,body .calc-panel,body .tool-content>section,body #academy-pathway,body .gen-form,body .gen-preview,body .discovery-box{background:var(--lmb-121212,#121212)}}
.op-win-h,body .calc-panel>h2:first-child,body .calc .calc-panel>h2{position:relative;display:flex;align-items:center;gap:.6rem;margin:-1.5rem -1.5rem 1.25rem;padding:.8rem 1.5rem .8rem 4.6rem;border-bottom:1px solid var(--lmb-0f1c24a7,rgba(15,28,36,.07));background:linear-gradient(180deg,var(--lmb-121212a70,rgba(18,18,18,.7)),var(--lmb-151718a55,rgba(21,23,24,.55)));border-radius:var(--op-r-lg) var(--op-r-lg) 0 0;font-size:.95rem;font-weight:650}
html[dir="rtl"] .op-win-h,html[dir="rtl"] body .calc .calc-panel>h2{padding:.8rem 4.6rem .8rem 1.5rem}
.op-win-h::before,body .calc .calc-panel>h2::before{content:"";position:absolute;inset-inline-start:1.1rem;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--lmb-252a2d,#252a2d);box-shadow:16px 0 0 #252a2d,32px 0 0 #252a2d}
html[dir="rtl"] .op-win-h::before,html[dir="rtl"] body .calc .calc-panel>h2::before{box-shadow:-16px 0 0 #252a2d,-32px 0 0 #252a2d}
.op-win-b{padding:1.5rem}
.op-dots{display:inline-flex;gap:6px}.op-dots i{width:10px;height:10px;border-radius:50%;background:var(--lmb-252a2d,#252a2d)}

/* ---------- tool page ---------- */
body.calculator-page .app-shell,body .app-shell{background:transparent}
body .c-crumbs{font-size:.85rem;color:var(--op-ink-3)}
body .c-crumbs a{color:var(--op-ink-2);text-decoration:none}
body .c-crumbs a:hover{color:var(--op-brand)}
body .tool-hero h1{font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem);line-height:1.08;margin:.2rem 0 .5rem}
body .tool-hero .sub{color:var(--op-ink-2);font-size:1.05rem;max-width:62ch}
body .calc{gap:20px;align-items:start}
body .calc-panel{padding:1.5rem}
body .field label{font-size:.86rem;font-weight:600;color:var(--op-ink-2)}
body .field input,body .field select,body .field textarea,.op-input,body .gen-form input,body .gen-form select,body .gen-form textarea{min-height:44px;border-radius:11px;border:1px solid var(--op-line-2);background:var(--lmb-121212,#121212);color:var(--op-ink);font:500 1rem var(--op-font);padding:.55rem .8rem;box-shadow:0 1px 1px rgba(15,28,36,.04) inset;transition:border-color .15s,box-shadow .15s}
body .field input:focus,body .field select:focus,.op-input:focus,body .gen-form input:focus,body .gen-form select:focus,body .gen-form textarea:focus{outline:0;border-color:var(--op-brand);box-shadow:0 0 0 4px rgba(66,230,212,.18)}
body .results{position:sticky;top:calc(var(--op-bar-h) + 16px)}
body .results .primary,.op-result{position:relative;overflow:hidden;border-radius:16px;padding:1.2rem 1.3rem;background:linear-gradient(140deg,#45e3d6,#40c4e8 70%,#466fe2);color:var(--lmt-ffffff,#121212);border:0;box-shadow:0 14px 30px -14px rgba(64,196,232,.6)}
body .results .primary::after{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;height:140%;background:radial-gradient(closest-side,var(--lmb-121212a22,rgba(18,18,18,.22)),transparent);pointer-events:none}
body .results .primary .lbl{color:var(--lmt-ffffffa86,rgba(18,18,18,.86));font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
html[lang="ar"] body .results .primary .lbl{letter-spacing:0}
body .results .primary .val{color:var(--lmt-ffffff,#121212);font-size:clamp(2.2rem,1.6rem + 2vw,3.2rem);font-weight:780;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
body .results .primary *{color:var(--lmt-ffffff,#121212)}
body .res-grid{gap:10px}
body .res-grid .res{border-radius:13px;background:var(--lmb-121212,#121212);border:1px solid var(--op-line);padding:.8rem .9rem;box-shadow:var(--op-sh-1)}
body .res .val{font-variant-numeric:tabular-nums;font-weight:700}
body .formula{border-radius:12px;background:var(--lmb-181b1c,#181b1c);border:1px dashed var(--op-line-2);font-size:.88rem}
body .insight{border-radius:12px;background:var(--op-brand-wash);border:1px solid var(--lmb-1f332f,#1f332f);color:var(--lmt-56d2c5,#56d2c5)}
body .tool-actions{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:820px){
 body .calc{display:flex!important;flex-direction:column}
 body .calc>.results{order:-1;position:static}
 body .calc-panel{padding:1.1rem}
 body .calc .calc-panel>h2{margin:-1.1rem -1.1rem 1rem;padding-inline-start:4.2rem}
 html[dir="rtl"] body .calc .calc-panel>h2{padding-inline:1.1rem 4.2rem}
}

/* ---------- buttons, chips ---------- */
.op-btn,body .btn,body .tool-actions button,body #calc-reset,body .btn-primary,body .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:0 1.1rem;border-radius:12px;font:600 .93rem var(--op-font);cursor:pointer;text-decoration:none;border:1px solid var(--op-line-2);background:var(--lmb-121212,#121212);color:var(--op-ink);box-shadow:var(--op-sh-1);transition:transform .12s var(--op-ease),box-shadow .15s,background .15s}
.op-btn:hover,body .btn:hover,body .tool-actions button:hover{box-shadow:var(--op-sh-2);border-color:var(--lmb-525b60,#525b60)}
.op-btn:active,body .btn:active{transform:translateY(1px)}
.op-btn--primary,body .btn-primary,body a.btn.btn-primary,body button[type="submit"]{background:linear-gradient(180deg,#48e0d3,#45e3d6);border-color:var(--lmb-0d6b64,#44e4d8);color:var(--lmt-ffffff,#121212)!important;box-shadow:0 1px 0 rgba(18,18,18,.25) inset,0 6px 16px -8px rgba(69,227,214,.7)}
.op-btn--primary:hover,body .btn-primary:hover,body button[type="submit"]:hover{background:linear-gradient(180deg,#44e4d7,var(--lmb-0b5d57,#44e4d8));border-color:var(--lmb-0b5d57,#44e4d8);color:var(--lmt-ffffff,#121212)!important}
.op-btn--ghost{background:transparent;border-color:transparent;box-shadow:none}
.op-btn--ghost:hover{background:var(--lmb-0f1c24a5,rgba(15,28,36,.05))}
.op-btn--danger{color:var(--op-bad)}
.op-btn svg{width:18px;height:18px}
.op-chip,body .filter-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:0 .8rem;border-radius:var(--op-pill);border:1px solid var(--op-line);background:var(--lmb-121212a80,rgba(18,18,18,.8));color:var(--op-ink-2);font:600 .82rem var(--op-font);cursor:pointer;text-decoration:none}
body .filter-chip{min-height:44px}
.op-chip[aria-pressed="true"],body .filter-chip.active,body .filter-chip[aria-pressed="true"],body .filter-chip.is-active{background:var(--op-ink);border-color:var(--op-ink);color:var(--lmt-ffffff,#121212)}
.op-chip--ex{background:var(--lmb-1f1d1a,#1f1d1a);border-color:#f0cf8d;color:var(--lmt-faaa2e,#faaa2e);font-size:.72rem;min-height:24px;padding:0 .55rem;text-transform:uppercase;letter-spacing:.06em}
.op-chip--draft{background:var(--lmb-17181b,#17181b);border-color:var(--lmb-151d3c,#151d3c);color:#635ccb;font-size:.72rem;min-height:24px;padding:0 .55rem}

/* ---------- tables, tabs, accordion, toast, empty ---------- */
.op-table,body .tool-content table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--op-line);border-radius:14px;overflow:hidden;background:var(--lmb-121212,#121212);font-size:.92rem;font-variant-numeric:tabular-nums}
.op-table th,body .tool-content table th{background:var(--lmb-181b1c,#181b1c);text-align:start;font-weight:650;color:var(--op-ink-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.op-table th,.op-table td,body .tool-content table th,body .tool-content table td{padding:.65rem .85rem;border-bottom:1px solid var(--op-line)}
.op-table tr:last-child td,body .tool-content table tr:last-child td{border-bottom:0}
.op-table-wrap,body .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.op-tabs{display:inline-flex;padding:3px;gap:2px;border-radius:12px;background:var(--lmb-0f1c24a6,rgba(15,28,36,.06))}
.op-tabs [role="tab"]{min-height:40px;padding:0 1rem;border:0;border-radius:9px;background:transparent;font:600 .88rem var(--op-font);color:var(--op-ink-2);cursor:pointer}
.op-tabs [role="tab"][aria-selected="true"]{background:var(--lmb-121212,#121212);color:var(--op-ink);box-shadow:var(--op-sh-1)}
.op-acc,body .faq details,body details.faq-item{border:1px solid var(--op-line);border-radius:14px;background:var(--lmb-121212,#121212);margin-bottom:8px;overflow:hidden}
.op-acc summary,body .faq details summary,body details.faq-item summary{list-style:none;cursor:pointer;min-height:48px;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:620}
.op-acc summary::-webkit-details-marker{display:none}
.op-acc summary::after{content:"";width:9px;height:9px;border-inline-end:2px solid var(--op-ink-3);border-bottom:2px solid var(--op-ink-3);transform:rotate(45deg);transition:transform .2s;flex:none}
.op-acc[open] summary::after{transform:rotate(-135deg)}
.op-acc>div{padding:0 1rem 1rem;color:var(--op-ink-2)}
.op-toasts{position:fixed;inset-inline:0;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:400;pointer-events:none}
.op-toast{pointer-events:auto;display:flex;align-items:center;gap:.6rem;max-width:min(92vw,440px);padding:.7rem 1rem;border-radius:14px;background:var(--lmb-0f1c24a92,rgba(15,28,36,.92));color:var(--lmt-ffffff,#121212);font-size:.92rem;box-shadow:var(--op-sh-3);animation:op-in .22s var(--op-ease)}
.op-toast svg{width:18px;height:18px;flex:none;color:var(--lmt-5eead4,#62e6d2)}
.op-empty{text-align:center;padding:2.5rem 1rem;color:var(--op-ink-3)}
.op-empty svg{width:40px;height:40px;color:var(--op-line-2);margin-bottom:.5rem}
.op-empty b{display:block;color:var(--op-ink);font-size:1rem;margin-bottom:.25rem}
@keyframes op-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

/* ---------- cards / home ---------- */
body .card,body .tool-card,body .feature-card{background:var(--lmb-121212a86,rgba(18,18,18,.86));border:1px solid var(--lmb-0f1c24a8,rgba(15,28,36,.08));border-radius:18px;box-shadow:var(--op-sh-1);transition:transform .18s var(--op-ease),box-shadow .18s,border-color .18s}
body a.card:hover,body .tool-card:hover,body .feature-card:hover{transform:translateY(-2px);box-shadow:var(--op-sh-3);border-color:rgba(69,227,214,.25)}
body .home-hero{background:transparent;padding:4.5rem 0 3rem}
body .home-hero::before,body .home-hero::after{display:none}
body .eyebrow{color:var(--op-brand-strong);font-weight:700;letter-spacing:.1em;font-size:.76rem}
html[lang="ar"] body .eyebrow{letter-spacing:0}
body .home-hero h1{font-size:clamp(2.4rem,1.4rem + 4.4vw,4.6rem);line-height:1.02;letter-spacing:-.04em;font-weight:780}
html[lang="ar"] body .home-hero h1{letter-spacing:0;line-height:1.3}
body .hero-accent{background:linear-gradient(100deg,#45e3d6,#40c4e8 45%,#534ae1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--lmt-45e3d6,#45e3d6)}
body .hero-art img{border-radius:24px}
body .discovery-box{padding:6px;border-radius:18px}
body .discovery-box input{min-height:52px;font-size:1.02rem;border:0;background:transparent}
body .discovery-box button{border-radius:13px;min-width:48px;min-height:48px;background:var(--op-brand);color:var(--lmt-ffffff,#121212);border:0}
body .feature-card{overflow:hidden}
body .feature-card img[src=""],body .feature-card img:not([src]){display:none}
body .home-actions{background:transparent;border:0}
.op-sec-h{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.op-wrap{width:min(calc(100% - 2rem),1320px);margin-inline:auto}

/* ---------- related links ---------- */
.op-related{margin:2.5rem auto 0}
.op-related h2{font-size:1.15rem;margin:0 0 .8rem}
.op-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.op-related-grid a{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 12px;border-radius:14px;background:var(--lmb-121212a86,rgba(18,18,18,.86));border:1px solid var(--lmb-0f1c24a8,rgba(15,28,36,.08));color:var(--op-ink)!important;text-decoration:none!important;font-weight:600;font-size:.92rem;box-shadow:var(--op-sh-1)}
.op-related-grid a:hover{box-shadow:var(--op-sh-2);border-color:rgba(69,227,214,.25)}
.op-related-grid small{display:block;font-weight:500;color:var(--op-ink-3);font-size:.78rem}

/* ---------- footer + dock ---------- */
body .site-footer{background:var(--lmb-121212a60,rgba(18,18,18,.6));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--lmb-0f1c24a8,rgba(15,28,36,.08));margin-top:3rem;padding-top:0;color:var(--op-ink-2)}
body .site-footer a{color:var(--op-ink-2);text-decoration:none}
body .site-footer a:hover{color:var(--op-brand)}
body .site-footer .footer-links a{display:inline-flex;align-items:center;min-height:36px}
.op-dock-wrap{display:flex;justify-content:center;padding:28px 1rem 8px}
.op-dock{display:flex;gap:10px;padding:10px 12px;border-radius:24px;background:var(--lmb-121212a72,rgba(18,18,18,.72));-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border:1px solid var(--lmb-121212a80,rgba(18,18,18,.8));box-shadow:0 0 0 1px rgba(15,28,36,.08),0 20px 40px -18px rgba(15,28,36,.35);max-width:100%;overflow-x:auto;scrollbar-width:none}
.op-dock::-webkit-scrollbar{display:none}
.op-dock a{position:relative;display:grid;justify-items:center;gap:5px;min-width:64px;padding:2px;text-decoration:none!important;color:var(--op-ink-2)!important;font-size:.7rem;font-weight:600;border-radius:14px}
.op-dock a .op-sq{width:48px;height:48px;border-radius:13px;transition:transform .18s var(--op-ease)}
.op-dock a:hover .op-sq,.op-dock a:focus-visible .op-sq{transform:translateY(-4px) scale(1.06)}
.op-dock a span{white-space:nowrap}
.op-dock hr{width:1px;align-self:stretch;margin:6px 2px;border:0;background:var(--lmb-0f1c24a12,rgba(15,28,36,.12))}
.op-foot-note{text-align:center;font-size:.76rem;color:var(--op-ink-3);padding:0 1rem 10px}
@media (max-width:600px){.op-dock{gap:4px;padding:8px}.op-dock a{min-width:56px}.op-dock a .op-sq{width:42px;height:42px}}

/* ---------- find dialog (Ctrl/Cmd-K) ---------- */
.op-find{position:fixed;inset:0;z-index:500;display:none;align-items:flex-start;justify-content:center;padding:12vh 1rem 1rem;background:var(--lmb-0f1c24a28,rgba(15,28,36,.28));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.op-find.is-open{display:flex}
.op-find-box{width:min(680px,100%);border-radius:20px;overflow:hidden;background:var(--lmb-121616a94,rgba(18,22,22,.94));-webkit-backdrop-filter:saturate(1.8) blur(30px);backdrop-filter:saturate(1.8) blur(30px);border:1px solid var(--lmb-121212a70,rgba(18,18,18,.7));box-shadow:0 0 0 1px rgba(15,28,36,.1),0 40px 80px -20px rgba(15,28,36,.5);animation:op-in .18s var(--op-ease)}
.op-find-row{display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--op-line)}
.op-find-row svg{width:22px;height:22px;color:var(--op-ink-3);flex:none}
.op-find-row input{flex:1;min-height:62px;border:0;background:transparent;font:500 1.2rem var(--op-font);color:var(--op-ink);outline:0;min-width:0}
html[lang="ar"] .op-find-row input{font-family:var(--op-font-ar)}
.op-find-list{max-height:min(56vh,460px);overflow:auto;padding:8px;margin:0;list-style:none}
.op-find-list li a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;color:var(--op-ink)!important;text-decoration:none!important;min-height:48px}
.op-find-list li a[aria-selected="true"],.op-find-list li a:hover{background:var(--op-brand-wash)}
.op-find-list b{display:block;font-size:.95rem;font-weight:620}
.op-find-list small{display:block;font-size:.8rem;color:var(--op-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52ch}
.op-find-list .op-type{margin-inline-start:auto;font-size:.72rem;color:var(--op-ink-3);font-weight:600;white-space:nowrap}
.op-find-foot{display:flex;gap:14px;justify-content:flex-end;padding:8px 14px;border-top:1px solid var(--op-line);font-size:.75rem;color:var(--op-ink-3)}
.op-find-group{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--op-ink-3);padding:10px 10px 4px;font-weight:650}
@media (max-width:600px){.op-find{padding:0}.op-find-box{border-radius:0 0 20px 20px;width:100%}.op-find-list{max-height:70vh}}

.op-draft-note{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;color:#635ccb;background:var(--lmb-17181b,#17181b);border:1px solid var(--lmb-151d3c,#151d3c);border-radius:999px;padding:.2rem .65rem;margin:.5rem 0}

/* ---------- motion & print ---------- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.op-dock-wrap,.op-find,.op-mega,.op-find-btn,.op-related,.op-foot-note{display:none!important}html body{background:#fff}}
/* ===== roles components (folded from opex-roles-20261030a.css) ===== */
:root{--op-mut:var(--op-ink-3);--op-ops:var(--op-d-ops);--op-mnt:var(--op-d-mnt);--op-qual:var(--op-d-qual);--op-safe:var(--op-d-safe);--op-enr:var(--op-d-enr);--op-sc:var(--op-d-sc);--op-asset:var(--op-d-asset);--op-doc:var(--op-d-doc);--op-sh:var(--op-sh-2)}
/* AMAADOR OPEX roles stream — scoped styles (body.opr pages + .opr sections on tool pages). Tokens follow the opex-premium proposal (--op-*) with fallbacks. */
.opr{--b:var(--op-brand,#43e5c5);--ink:var(--op-ink,var(--lmt-ced2d6,#ced2d6));--mut:var(--op-mut,var(--lmb-5b6875,#8b949c));--line:var(--lmb-14202ba9,rgba(20,32,43,.09));--card:var(--lmb-121212a78,rgba(18,18,18,.78));--r:var(--op-r,18px);
 --sh:var(--op-sh,0 1px 2px rgba(16,24,40,.05),0 12px 32px -12px rgba(16,24,40,.18));
 --ops:var(--op-ops,#43e5c5);--mnt:var(--op-mnt,#3f74e9);--qual:var(--op-qual,#7e3fe9);--safe:var(--op-safe,#e24568);--enr:var(--op-enr,#f09338);--sc:var(--op-sc,#37cdf1);--asset:var(--op-asset,#f1a537);--doc:var(--op-doc,var(--lmb-475569,#8090a8));
 font-family:"OP Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
.opr [lang=ar],.opr[lang=ar],html[lang=ar] .opr{font-family:"OP Kufi","OP Inter",system-ui,sans-serif}
body.opr{margin:0;min-height:100vh;background:var(--lmb-1b1e20,#1b1e20) radial-gradient(1200px 600px at 10% -10%,var(--lmb-21302c,#21302c) 0,transparent 60%) no-repeat,radial-gradient(900px 500px at 100% 0,var(--lmb-202226,#202226) 0,transparent 55%) no-repeat;background-attachment:fixed}
.opr *,.opr *::before,.opr *::after{box-sizing:border-box}
.opr a{color:var(--b);text-decoration:none}.opr a:hover{text-decoration:underline}
.opr h1,.opr h2,.opr h3{letter-spacing:-.015em;line-height:1.2;margin:0}
.opr [hidden]{display:none!important}
.opr-skip{position:absolute;left:-999px;top:8px;background:var(--lmb-121212,#121212);padding:8px 12px;border-radius:8px;z-index:99}.opr-skip:focus{left:8px}
.opr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.opr-i{width:20px;height:20px;flex:none}.opr-flip{width:16px;height:16px}[dir=rtl] .opr-flip{transform:scaleX(-1)}
.opr :focus-visible{outline:2px solid var(--b);outline-offset:2px;border-radius:8px}
/* bar */
.opr-bar{position:sticky;top:0;z-index:40;background:var(--lmb-16181aa72,rgba(22,24,26,.72));backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid var(--line)}
.opr-bar-in{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px}
.opr-logo{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink)!important;letter-spacing:-.01em}
.opr-logo-m{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#42e6d4,#43e5c5 55%,#5274d5);box-shadow:inset 0 1px 0 rgba(18,18,18,.4)}
.opr-nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.opr-nav::-webkit-scrollbar{display:none}
.opr-nav a{padding:6px 11px;border-radius:999px;color:var(--mut);font-size:14px;font-weight:500;white-space:nowrap}
.opr-nav a:hover{background:var(--lmb-14202ba6,rgba(20,32,43,.06));text-decoration:none;color:var(--ink)}
.opr-nav a[aria-current]{background:var(--lmb-121212,#121212);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.opr-lang{display:flex;background:var(--lmb-14202ba6,rgba(20,32,43,.06));border-radius:999px;padding:3px}
.opr-lang button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;color:var(--mut);cursor:pointer}
.opr-lang button[aria-pressed=true]{background:var(--lmb-121212,#121212);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.1)}
/* layout */
.opr-wrap{max-width:1200px;margin:0 auto;padding:28px 20px 40px}
.opr-l>*+*{margin-top:22px}
.opr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.opr-grid2>*{margin:0!important}
/* window */
.opr-win{background:var(--card);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--lmb-121212a70,rgba(18,18,18,.7));border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
.opr-win-h{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--lmb-121212a55,rgba(18,18,18,.55))}
.opr-win-h h2{font-size:14px;font-weight:600;color:var(--ink)}
.opr-dots{display:flex;gap:6px;flex:none}.opr-dots i{width:11px;height:11px;border-radius:50%;background:var(--lmb-2d3135,#2d3135);display:block}
.opr-dots i:nth-child(1){background:#efa59f}.opr-dots i:nth-child(2){background:#f1d28f}.opr-dots i:nth-child(3){background:#aad8a6}
.opr-win-b{padding:22px}
.opr-crumb{font-size:13px;color:var(--mut)}.opr-crumb a{color:var(--mut)}
/* hero */
.opr-hero-b{display:flex;gap:22px;align-items:flex-start}
.opr-hero h1{font-size:clamp(28px,4vw,42px);font-weight:750;margin:4px 0 10px}
.opr-kick{margin:0;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:650;color:var(--mut)}
.opr-lead{font-size:17.5px;color:var(--lmt-7d95aa,#7d95aa);max-width:70ch;margin:0 0 18px}
.opr-acts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
/* squircle */
.opr-sq{--c:var(--b);display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--lmt-ffffff,#121212);flex:none;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 78%,var(--lmb-121212,#121212)),var(--c));box-shadow:inset 0 1px 0 rgba(18,18,18,.35),0 4px 10px -4px var(--c)}
.opr-sq--lg{width:64px;height:64px;border-radius:18px}.opr-sq--lg .opr-i{width:30px;height:30px}
[data-d=ops]{--c:var(--ops)}[data-d=mnt]{--c:var(--mnt)}[data-d=qual]{--c:var(--qual)}[data-d=safe]{--c:var(--safe)}[data-d=enr]{--c:var(--enr)}[data-d=sc]{--c:var(--sc)}[data-d=asset]{--c:var(--asset)}[data-d=doc]{--c:var(--doc)}
.opr-dot{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
/* buttons, chips, pills */
.opr-btn{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:14.5px;font-weight:600;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--lmb-121212,#121212);color:var(--ink)!important;cursor:pointer;text-decoration:none!important;transition:transform .12s,box-shadow .12s}
.opr-btn:hover{box-shadow:0 4px 14px -6px rgba(16,24,40,.35);transform:translateY(-1px)}
.opr-btn--pri{background:linear-gradient(180deg,#45e3c8,var(--b));color:var(--lmt-ffffff,#121212)!important;border-color:transparent}
.opr-btn--ghost{background:transparent}
.opr-btn--sm{font-size:13px;padding:7px 12px;border-radius:10px}
.opr-chips{display:flex;flex-wrap:wrap;gap:7px}
.opr-chip{display:inline-flex;align-items:center;font-size:13px;padding:5px 11px;border-radius:999px;background:var(--lmb-14202ba5,rgba(20,32,43,.05));border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important}
.opr-chip:hover{background:var(--lmb-121212,#121212)}
.opr-chip--role{background:color-mix(in srgb,var(--b) 9%,var(--lmb-121212,#121212))}
.opr-chip--ex{background:var(--lmb-262521,#262521);border-color:#eed38d;color:var(--lmt-fab72e,#fab72e)!important;font-weight:700;font-size:11.5px;letter-spacing:.06em}
.opr-pill{font-size:11.5px;font-weight:650;padding:3px 9px;border-radius:999px;background:var(--lmb-1c1e21,#1c1e21);color:var(--lmt-7d8590,#7d8590);white-space:nowrap}
.opr-pill--live{background:var(--lmb-222826,#222826);color:var(--lmt-41e7bc,#41e7bc)}
/* routine */
.opr-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.opr-col{background:var(--lmb-121212a70,rgba(18,18,18,.7));border:1px solid var(--line);border-radius:14px;padding:14px}
.opr-col h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--mut);margin-bottom:8px}
.opr-col ul{margin:0;padding:0;list-style:none}.opr-col li{font-size:14.5px;padding:7px 0;border-top:1px solid var(--line)}.opr-col li:first-child{border-top:0}
/* pains */
.opr-pains{display:grid;gap:12px}
.opr-pain{border-inline-start:3px solid var(--c,var(--b));padding:2px 0 2px 14px}[dir=rtl] .opr-pain{padding:2px 14px 2px 0}
.opr-pain h3{font-size:15.5px;margin-bottom:4px}.opr-pain p{margin:0;color:var(--lmt-8094a8,#8094a8);font-size:14.5px}

/* tasks */
.opr-tasks{list-style:none;margin:0;padding:0}
.opr-task{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 4px;border-top:1px solid var(--line)}.opr-task:first-child{border-top:0}
.opr-task b{display:block;font-weight:600;font-size:15px}.opr-meta{font-size:13px;color:var(--mut)}
/* kpis */
.opr-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.opr-kpi{background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}
.opr-kpi h3{font-size:16px}.opr-kpi p{margin:0;font-size:14px;color:var(--lmt-8094a8,#8094a8)}
.opr-fx{font-size:13px!important}.opr-fx span{font-weight:650;color:var(--mut);margin-inline-end:4px}
.opr-fx code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;background:var(--lmb-181a1d,#181a1d);padding:2px 6px;border-radius:6px;display:inline-block;unicode-bidi:isolate}
.opr-links{margin:0;padding-inline-start:18px}.opr-links li{padding:4px 0}
.opr-pro{background:linear-gradient(160deg,var(--lmb-121212a85,rgba(18,18,18,.85)),var(--lmb-1d2321a85,rgba(29,35,33,.85)))}
.opr-pro p{margin:0 0 14px;color:var(--lmt-7d95aa,#7d95aa)}
.opr-notify-msg{font-size:14px;background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.opr-draft{font-size:12.5px;color:var(--mut);text-align:center;margin-top:26px!important}
/* cards */
.opr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.opr-card{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--lmb-121212,#121212);border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;transition:transform .12s,box-shadow .12s}
.opr-card:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.opr-card b{display:block;font-weight:600}.opr-card small{color:var(--mut)}
/* finder */
.opr-search{display:flex;align-items:center;gap:8px;flex:1;background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:10px;padding:6px 10px;color:var(--mut)}
.opr-search input{border:0;outline:0;font:inherit;font-size:15px;flex:1;background:none;color:var(--ink);min-width:0}
.opr-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.opr-seg{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.opr-seg>span{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);min-width:92px}
.opr-seg button{font:inherit;font-size:13px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--lmb-121212a70,rgba(18,18,18,.7));color:var(--ink);cursor:pointer}
.opr-seg button[aria-pressed=true]{background:var(--ink);color:var(--lmt-ffffff,#121212);border-color:var(--ink)}
.opr-tf{display:grid;grid-template-columns:280px 1fr 320px;gap:16px;align-items:start}
.opr-tf-col{background:var(--lmb-121212a65,rgba(18,18,18,.65));border:1px solid var(--line);border-radius:14px;padding:12px;max-height:640px;overflow:auto}
.opr-tf-col h3{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--mut);margin:12px 6px 4px}
.opr-tf-col ul{list-style:none;margin:0;padding:0}
.opr-step{font-size:12.5px;font-weight:700;color:var(--ink);margin:2px 6px 6px}.opr-step small{color:var(--mut);font-weight:500}
.opr-tf-role,.opr-tf-task{display:flex;align-items:center;gap:9px;width:100%;text-align:start;font:inherit;font-size:14px;border:0;background:none;padding:8px;border-radius:10px;cursor:pointer;color:var(--ink)}
.opr-tf-role span:nth-child(2){flex:1}.opr-tf-role small{color:var(--mut);font-size:12px}
.opr-tf-task>span:first-child{flex:1}.opr-tf-task b{display:block;font-weight:600}.opr-tf-task small{color:var(--mut);font-size:12.5px}
.opr-tf-role:hover,.opr-tf-task:hover{background:var(--lmb-14202ba5,rgba(20,32,43,.05))}
.opr-tf-role[aria-pressed=true],.opr-tf-task[aria-pressed=true]{background:var(--lmb-121212,#121212);box-shadow:0 1px 3px rgba(16,24,40,.12),inset 0 0 0 1px var(--line)}
.opr-tf-detail{position:sticky;top:76px}
.opr-tf-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:8px 6px}
.opr-tf-card h3{font-size:20px}.opr-tf-card p{margin:0}.opr-soon{color:var(--lmt-8094a8,#8094a8);font-size:14px}
.opr-empty{color:var(--mut);font-size:14px;padding:8px 6px}
/* glossary */
.opr-terms{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.opr-term{background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:14px;padding:16px;scroll-margin-top:80px;display:flex;flex-direction:column;gap:8px}
.opr-term:target{box-shadow:0 0 0 3px color-mix(in srgb,var(--b) 35%,transparent)}
.opr-term h2{font-size:17px}.opr-term p{margin:0;font-size:14.5px;color:var(--lmt-8094a8,#8094a8)}
.opr-az{margin-top:6px}.opr-az .opr-chip{font-size:12.5px;padding:4px 9px}
/* tool page extra */
.opr-toolx{padding-top:8px}
.opr-toolx .opr-l>*+*{margin-top:20px}
.opr-answer{display:flex;gap:14px;align-items:baseline;background:linear-gradient(160deg,var(--lmb-121212,#121212),var(--lmb-1a1e1d,#1a1e1d));border:1px solid var(--line);border-inline-start:4px solid var(--b);border-radius:14px;padding:16px 18px}
.opr-answer span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--b);white-space:nowrap}.opr-answer p{margin:0;font-size:16px}
.opr-ex{background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:14px;padding:18px}
.opr-ex-h{display:flex;gap:10px;align-items:center}.opr-ex-h h3{font-size:17px}
.opr-mut{color:var(--mut);font-size:13.5px;margin:6px 0 12px}
.opr-ex-g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.opr-table{width:100%;border-collapse:collapse;font-size:14px}
.opr-table caption{text-align:start;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);padding-bottom:6px}
.opr-table th,.opr-table td{padding:8px 6px;border-top:1px solid var(--line);text-align:start;vertical-align:top}.opr-table th{font-weight:500;color:var(--lmt-8094a8,#8094a8)}
.opr-table td{text-align:end;white-space:nowrap}[dir=rtl] .opr-table td{text-align:left}
.opr-tx-g{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.opr-tx-g h3{font-size:17px;margin-bottom:10px}
.opr-acc{background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:12px;margin-bottom:8px}
.opr-acc summary{cursor:pointer;padding:12px 14px;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:10px}
.opr-acc summary::-webkit-details-marker{display:none}.opr-acc summary::after{content:"+";color:var(--mut);font-weight:400}.opr-acc[open] summary::after{content:"–"}
.opr-acc p{margin:0;padding:0 14px 14px;color:var(--lmt-8094a8,#8094a8);font-size:14.5px}
.opr-side{display:flex;flex-direction:column;gap:18px;background:var(--lmb-121212a70,rgba(18,18,18,.7));border:1px solid var(--line);border-radius:14px;padding:16px}.opr-side h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
/* footer */
.opr-foot{text-align:center;padding:26px 20px 40px;color:var(--mut);font-size:13.5px}
.opr-foot a{color:var(--mut)}.opr-foot p{margin:6px 0}
.opr-dock{display:inline-flex;gap:10px;padding:10px 14px;border-radius:20px;background:var(--lmb-121212a60,rgba(18,18,18,.6));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--lmb-121212a80,rgba(18,18,18,.8));box-shadow:var(--sh);margin-bottom:14px}
.opr-dock .opr-sq{transition:transform .15s}.opr-dock .opr-sq:hover{transform:translateY(-4px) scale(1.08)}
/* responsive */
@media (max-width:1000px){.opr-tf{grid-template-columns:240px 1fr}.opr-tf-detail{grid-column:1/-1;position:static}}
@media (max-width:820px){.opr-grid2,.opr-terms,.opr-tx-g,.opr-ex-g{grid-template-columns:1fr}.opr-cols{grid-template-columns:1fr}}
@media (max-width:700px){
 .opr-bar-in{flex-wrap:wrap;gap:8px 12px;padding:8px 14px}.opr-nav{order:3;flex-basis:100%;margin:0 -4px}.opr-lang{margin-inline-start:auto}
 .opr-wrap{padding:16px 12px 30px}.opr-win-b{padding:16px}.opr-hero-b{flex-direction:column;gap:12px}.opr-sq--lg{width:52px;height:52px;border-radius:15px}
 .opr-lead{font-size:16px}.opr-task{grid-template-columns:1fr auto;gap:8px 10px}.opr-task .opr-pill{display:none}
 .opr-tf{grid-template-columns:1fr}.opr-tf-col{max-height:none}.opr-tf[data-stage="2"] #tf-roles,.opr-tf[data-stage="3"] #tf-roles{max-height:200px}
 .opr-seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.opr-seg::-webkit-scrollbar{display:none}.opr-seg>span{min-width:auto}.opr-seg button{white-space:nowrap}
 .opr-answer{flex-direction:column;gap:4px}.opr-table td{white-space:normal}
}
@media (prefers-reduced-motion:reduce){.opr *{transition:none!important;scroll-behavior:auto!important}}
@media print{.opr-bar,.opr-foot,.opr-lang,.opr-pro{display:none}.opr-win{box-shadow:none;backdrop-filter:none}}
.opr-stack{display:flex;flex-direction:column;gap:22px}
.opr-finder{margin-top:22px}
.opr-skip{left:8px;transform:translateY(-200%)}.opr-skip:focus{transform:none}
body.opr{overflow-x:hidden}

/* unify roles chrome with the shared chrome */
body.opr{background:var(--op-bg) var(--op-wall) fixed no-repeat;background-size:cover}
body.opr .opr-bar{position:sticky;top:0;z-index:120;background:var(--op-glass-bar);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid var(--lmb-0f1c24a8,rgba(15,28,36,.08))}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.opr .opr-bar{background:var(--lmb-151818,#151818)}}
.op-opr-tools{display:flex;align-items:center;gap:.35rem;margin-inline-start:auto}
.op-opr-tools .op-mega-btn{min-height:40px;font-weight:550;color:var(--op-ink-2)}
body.opr .opr-foot:has(.op-dock) .opr-dock{display:none}
@media (max-width:960px){.op-opr-tools .op-mega-btn{display:none}}

/* ===== canary polish: tap targets ≥44px + measured contrast fixes ===== */
.site-header .nav-links a,.op-mega-btn,.op-find-btn,.site-language button,[data-site-lang],.nav-utilities button,
.site-footer a,.op-dock a,.discovery-box button,.home-discovery button,.discipline-filters button,#discipline-filters button,
.btn,.op-btn,.op-chip,.pd-opex-link,.opr-nav a,.opr-lang button,.opr-foot a,.op-related a,.site-header .brand,.opr-logo{min-height:44px;box-sizing:border-box}
.site-header .nav-links a,.site-footer a,.opr-foot a,.opr-nav a,.pd-opex-link{display:inline-flex;align-items:center}
.site-language button,[data-site-lang],.opr-lang button{min-width:44px}
.footer-brand .brand strong{color:var(--op-brand-strong,var(--lmt-43e5d5,#43e5d5))!important}
.opr-pill{color:var(--lmt-9299a2,#9299a2)}

/* --- roles (folded) --- */
/* AMAADOR OPEX roles stream — scoped styles (body.opr pages + .opr sections on tool pages). Tokens follow the opex-premium proposal (--op-*) with fallbacks. */
@font-face{font-family:"OPR Inter";src:url("../opex-premium/fonts/Inter-Var-20261030a.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"OPR Kufi";src:url("../opex-premium/fonts/NotoKufiArabic-Var-20261030a.woff2") format("woff2");font-weight:100 900;font-display:swap}
.opr{--b:var(--op-brand,#43e5c5);--ink:var(--op-ink,var(--lmt-ced2d6,#ced2d6));--mut:var(--op-mut,var(--lmb-5b6875,#8b949c));--line:var(--lmb-14202ba9,rgba(20,32,43,.09));--card:var(--lmb-121212a78,rgba(18,18,18,.78));--r:var(--op-r,18px);
 --sh:var(--op-sh,0 1px 2px rgba(16,24,40,.05),0 12px 32px -12px rgba(16,24,40,.18));
 --ops:var(--op-ops,#43e5c5);--mnt:var(--op-mnt,#3f74e9);--qual:var(--op-qual,#7e3fe9);--safe:var(--op-safe,#e24568);--enr:var(--op-enr,#f09338);--sc:var(--op-sc,#37cdf1);--asset:var(--op-asset,#f1a537);--doc:var(--op-doc,var(--lmb-475569,#8090a8));
 font-family:"OPR Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
.opr [lang=ar],.opr[lang=ar],html[lang=ar] .opr{font-family:"OPR Kufi","OPR Inter",system-ui,sans-serif}
body.opr{margin:0;min-height:100vh;background:var(--lmb-1b1e20,#1b1e20) radial-gradient(1200px 600px at 10% -10%,var(--lmb-21302c,#21302c) 0,transparent 60%) no-repeat,radial-gradient(900px 500px at 100% 0,var(--lmb-202226,#202226) 0,transparent 55%) no-repeat;background-attachment:fixed}
.opr *,.opr *::before,.opr *::after{box-sizing:border-box}
.opr a{color:var(--b);text-decoration:none}.opr a:hover{text-decoration:underline}
.opr h1,.opr h2,.opr h3{letter-spacing:-.015em;line-height:1.2;margin:0}
.opr [hidden]{display:none!important}
.opr-skip{position:absolute;left:-999px;top:8px;background:var(--lmb-121212,#121212);padding:8px 12px;border-radius:8px;z-index:99}.opr-skip:focus{left:8px}
.opr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.opr-i{width:20px;height:20px;flex:none}.opr-flip{width:16px;height:16px}[dir=rtl] .opr-flip{transform:scaleX(-1)}
.opr :focus-visible{outline:2px solid var(--b);outline-offset:2px;border-radius:8px}
/* bar */
.opr-bar{position:sticky;top:0;z-index:40;background:var(--lmb-16181aa72,rgba(22,24,26,.72));backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid var(--line)}
.opr-bar-in{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px}
.opr-logo{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink)!important;letter-spacing:-.01em}
.opr-logo-m{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#42e6d4,#43e5c5 55%,#5274d5);box-shadow:inset 0 1px 0 rgba(18,18,18,.4)}
.opr-nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.opr-nav::-webkit-scrollbar{display:none}
.opr-nav a{padding:6px 11px;border-radius:999px;color:var(--mut);font-size:14px;font-weight:500;white-space:nowrap}
.opr-nav a:hover{background:var(--lmb-14202ba6,rgba(20,32,43,.06));text-decoration:none;color:var(--ink)}
.opr-nav a[aria-current]{background:var(--lmb-121212,#121212);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.opr-lang{display:flex;background:var(--lmb-14202ba6,rgba(20,32,43,.06));border-radius:999px;padding:3px}
.opr-lang button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;color:var(--mut);cursor:pointer}
.opr-lang button[aria-pressed=true]{background:var(--lmb-121212,#121212);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.1)}
/* layout */
.opr-wrap{max-width:1200px;margin:0 auto;padding:28px 20px 40px}
.opr-l>*+*{margin-top:22px}
.opr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.opr-grid2>*{margin:0!important}
/* window */
.opr-win{background:var(--card);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--lmb-121212a70,rgba(18,18,18,.7));border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
.opr-win-h{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--lmb-121212a55,rgba(18,18,18,.55))}
.opr-win-h h2{font-size:14px;font-weight:600;color:var(--ink)}
.opr-dots{display:flex;gap:6px;flex:none}.opr-dots i{width:11px;height:11px;border-radius:50%;background:var(--lmb-2d3135,#2d3135);display:block}
.opr-dots i:nth-child(1){background:#efa59f}.opr-dots i:nth-child(2){background:#f1d28f}.opr-dots i:nth-child(3){background:#aad8a6}
.opr-win-b{padding:22px}
.opr-crumb{font-size:13px;color:var(--mut)}.opr-crumb a{color:var(--mut)}
/* hero */
.opr-hero-b{display:flex;gap:22px;align-items:flex-start}
.opr-hero h1{font-size:clamp(28px,4vw,42px);font-weight:750;margin:4px 0 10px}
.opr-kick{margin:0;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:650;color:var(--mut)}
.opr-lead{font-size:17.5px;color:var(--lmt-7d95aa,#7d95aa);max-width:70ch;margin:0 0 18px}
.opr-acts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
/* squircle */
.opr-sq{--c:var(--b);display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--lmt-ffffff,#121212);flex:none;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 78%,var(--lmb-121212,#121212)),var(--c));box-shadow:inset 0 1px 0 rgba(18,18,18,.35),0 4px 10px -4px var(--c)}
.opr-sq--lg{width:64px;height:64px;border-radius:18px}.opr-sq--lg .opr-i{width:30px;height:30px}
[data-d=ops]{--c:var(--ops)}[data-d=mnt]{--c:var(--mnt)}[data-d=qual]{--c:var(--qual)}[data-d=safe]{--c:var(--safe)}[data-d=enr]{--c:var(--enr)}[data-d=sc]{--c:var(--sc)}[data-d=asset]{--c:var(--asset)}[data-d=doc]{--c:var(--doc)}
.opr-dot{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
/* buttons, chips, pills */
.opr-btn{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:14.5px;font-weight:600;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--lmb-121212,#121212);color:var(--ink)!important;cursor:pointer;text-decoration:none!important;transition:transform .12s,box-shadow .12s}
.opr-btn:hover{box-shadow:0 4px 14px -6px rgba(16,24,40,.35);transform:translateY(-1px)}
.opr-btn--pri{background:linear-gradient(180deg,#45e3c8,var(--b));color:var(--lmt-ffffff,#121212)!important;border-color:transparent}
.opr-btn--ghost{background:transparent}
.opr-btn--sm{font-size:13px;padding:7px 12px;border-radius:10px}
.opr-chips{display:flex;flex-wrap:wrap;gap:7px}
.opr-chip{display:inline-flex;align-items:center;font-size:13px;padding:5px 11px;border-radius:999px;background:var(--lmb-14202ba5,rgba(20,32,43,.05));border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important}
.opr-chip:hover{background:var(--lmb-121212,#121212)}
.opr-chip--role{background:color-mix(in srgb,var(--b) 9%,var(--lmb-121212,#121212))}
.opr-chip--ex{background:var(--lmb-262521,#262521);border-color:#eed38d;color:var(--lmt-fab72e,#fab72e)!important;font-weight:700;font-size:11.5px;letter-spacing:.06em}
.opr-pill{font-size:11.5px;font-weight:650;padding:3px 9px;border-radius:999px;background:var(--lmb-1c1e21,#1c1e21);color:var(--lmt-7d8590,#7d8590);white-space:nowrap}
.opr-pill--live{background:var(--lmb-222826,#222826);color:var(--lmt-41e7bc,#41e7bc)}
/* routine */
.opr-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.opr-col{background:var(--lmb-121212a70,rgba(18,18,18,.7));border:1px solid var(--line);border-radius:14px;padding:14px}
.opr-col h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--mut);margin-bottom:8px}
.opr-col ul{margin:0;padding:0;list-style:none}.opr-col li{font-size:14.5px;padding:7px 0;border-top:1px solid var(--line)}.opr-col li:first-child{border-top:0}
/* pains */
.opr-pains{display:grid;gap:12px}
.opr-pain{border-inline-start:3px solid var(--c,var(--b));padding:2px 0 2px 14px}[dir=rtl] .opr-pain{padding:2px 14px 2px 0}
.opr-pain h3{font-size:15.5px;margin-bottom:4px}.opr-pain p{margin:0;color:var(--lmt-8094a8,#8094a8);font-size:14.5px}

/* tasks */
.opr-tasks{list-style:none;margin:0;padding:0}
.opr-task{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 4px;border-top:1px solid var(--line)}.opr-task:first-child{border-top:0}
.opr-task b{display:block;font-weight:600;font-size:15px}.opr-meta{font-size:13px;color:var(--mut)}
/* kpis */
.opr-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.opr-kpi{background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}
.opr-kpi h3{font-size:16px}.opr-kpi p{margin:0;font-size:14px;color:var(--lmt-8094a8,#8094a8)}
.opr-fx{font-size:13px!important}.opr-fx span{font-weight:650;color:var(--mut);margin-inline-end:4px}
.opr-fx code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;background:var(--lmb-181a1d,#181a1d);padding:2px 6px;border-radius:6px;display:inline-block;unicode-bidi:isolate}
.opr-links{margin:0;padding-inline-start:18px}.opr-links li{padding:4px 0}
.opr-pro{background:linear-gradient(160deg,var(--lmb-121212a85,rgba(18,18,18,.85)),var(--lmb-1d2321a85,rgba(29,35,33,.85)))}
.opr-pro p{margin:0 0 14px;color:var(--lmt-7d95aa,#7d95aa)}
.opr-notify-msg{font-size:14px;background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.opr-draft{font-size:12.5px;color:var(--mut);text-align:center;margin-top:26px!important}
/* cards */
.opr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.opr-card{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--lmb-121212,#121212);border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;transition:transform .12s,box-shadow .12s}
.opr-card:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.opr-card b{display:block;font-weight:600}.opr-card small{color:var(--mut)}
/* finder */
.opr-search{display:flex;align-items:center;gap:8px;flex:1;background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:10px;padding:6px 10px;color:var(--mut)}
.opr-search input{border:0;outline:0;font:inherit;font-size:15px;flex:1;background:none;color:var(--ink);min-width:0}
.opr-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.opr-seg{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.opr-seg>span{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);min-width:92px}
.opr-seg button{font:inherit;font-size:13px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--lmb-121212a70,rgba(18,18,18,.7));color:var(--ink);cursor:pointer}
.opr-seg button[aria-pressed=true]{background:var(--ink);color:var(--lmt-ffffff,#121212);border-color:var(--ink)}
.opr-tf{display:grid;grid-template-columns:280px 1fr 320px;gap:16px;align-items:start}
.opr-tf-col{background:var(--lmb-121212a65,rgba(18,18,18,.65));border:1px solid var(--line);border-radius:14px;padding:12px;max-height:640px;overflow:auto}
.opr-tf-col h3{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--mut);margin:12px 6px 4px}
.opr-tf-col ul{list-style:none;margin:0;padding:0}
.opr-step{font-size:12.5px;font-weight:700;color:var(--ink);margin:2px 6px 6px}.opr-step small{color:var(--mut);font-weight:500}
.opr-tf-role,.opr-tf-task{display:flex;align-items:center;gap:9px;width:100%;text-align:start;font:inherit;font-size:14px;border:0;background:none;padding:8px;border-radius:10px;cursor:pointer;color:var(--ink)}
.opr-tf-role span:nth-child(2){flex:1}.opr-tf-role small{color:var(--mut);font-size:12px}
.opr-tf-task>span:first-child{flex:1}.opr-tf-task b{display:block;font-weight:600}.opr-tf-task small{color:var(--mut);font-size:12.5px}
.opr-tf-role:hover,.opr-tf-task:hover{background:var(--lmb-14202ba5,rgba(20,32,43,.05))}
.opr-tf-role[aria-pressed=true],.opr-tf-task[aria-pressed=true]{background:var(--lmb-121212,#121212);box-shadow:0 1px 3px rgba(16,24,40,.12),inset 0 0 0 1px var(--line)}
.opr-tf-detail{position:sticky;top:76px}
.opr-tf-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:8px 6px}
.opr-tf-card h3{font-size:20px}.opr-tf-card p{margin:0}.opr-soon{color:var(--lmt-8094a8,#8094a8);font-size:14px}
.opr-empty{color:var(--mut);font-size:14px;padding:8px 6px}
/* glossary */
.opr-terms{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.opr-term{background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:14px;padding:16px;scroll-margin-top:80px;display:flex;flex-direction:column;gap:8px}
.opr-term:target{box-shadow:0 0 0 3px color-mix(in srgb,var(--b) 35%,transparent)}
.opr-term h2{font-size:17px}.opr-term p{margin:0;font-size:14.5px;color:var(--lmt-8094a8,#8094a8)}
.opr-az{margin-top:6px}.opr-az .opr-chip{font-size:12.5px;padding:4px 9px}
/* tool page extra */
.opr-toolx{padding-top:8px}
.opr-toolx .opr-l>*+*{margin-top:20px}
.opr-answer{display:flex;gap:14px;align-items:baseline;background:linear-gradient(160deg,var(--lmb-121212,#121212),var(--lmb-1a1e1d,#1a1e1d));border:1px solid var(--line);border-inline-start:4px solid var(--b);border-radius:14px;padding:16px 18px}
.opr-answer span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--b);white-space:nowrap}.opr-answer p{margin:0;font-size:16px}
.opr-ex{background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:14px;padding:18px}
.opr-ex-h{display:flex;gap:10px;align-items:center}.opr-ex-h h3{font-size:17px}
.opr-mut{color:var(--mut);font-size:13.5px;margin:6px 0 12px}
.opr-ex-g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.opr-table{width:100%;border-collapse:collapse;font-size:14px}
.opr-table caption{text-align:start;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);padding-bottom:6px}
.opr-table th,.opr-table td{padding:8px 6px;border-top:1px solid var(--line);text-align:start;vertical-align:top}.opr-table th{font-weight:500;color:var(--lmt-8094a8,#8094a8)}
.opr-table td{text-align:end;white-space:nowrap}[dir=rtl] .opr-table td{text-align:left}
.opr-tx-g{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.opr-tx-g h3{font-size:17px;margin-bottom:10px}
.opr-acc{background:var(--lmb-121212,#121212);border:1px solid var(--line);border-radius:12px;margin-bottom:8px}
.opr-acc summary{cursor:pointer;padding:12px 14px;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:10px}
.opr-acc summary::-webkit-details-marker{display:none}.opr-acc summary::after{content:"+";color:var(--mut);font-weight:400}.opr-acc[open] summary::after{content:"–"}
.opr-acc p{margin:0;padding:0 14px 14px;color:var(--lmt-8094a8,#8094a8);font-size:14.5px}
.opr-side{display:flex;flex-direction:column;gap:18px;background:var(--lmb-121212a70,rgba(18,18,18,.7));border:1px solid var(--line);border-radius:14px;padding:16px}.opr-side h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
/* footer */
.opr-foot{text-align:center;padding:26px 20px 40px;color:var(--mut);font-size:13.5px}
.opr-foot a{color:var(--mut)}.opr-foot p{margin:6px 0}
.opr-dock{display:inline-flex;gap:10px;padding:10px 14px;border-radius:20px;background:var(--lmb-121212a60,rgba(18,18,18,.6));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--lmb-121212a80,rgba(18,18,18,.8));box-shadow:var(--sh);margin-bottom:14px}
.opr-dock .opr-sq{transition:transform .15s}.opr-dock .opr-sq:hover{transform:translateY(-4px) scale(1.08)}
/* responsive */
@media (max-width:1000px){.opr-tf{grid-template-columns:240px 1fr}.opr-tf-detail{grid-column:1/-1;position:static}}
@media (max-width:820px){.opr-grid2,.opr-terms,.opr-tx-g,.opr-ex-g{grid-template-columns:1fr}.opr-cols{grid-template-columns:1fr}}
@media (max-width:700px){
 .opr-bar-in{flex-wrap:wrap;gap:8px 12px;padding:8px 14px}.opr-nav{order:3;flex-basis:100%;margin:0 -4px}.opr-lang{margin-inline-start:auto}
 .opr-wrap{padding:16px 12px 30px}.opr-win-b{padding:16px}.opr-hero-b{flex-direction:column;gap:12px}.opr-sq--lg{width:52px;height:52px;border-radius:15px}
 .opr-lead{font-size:16px}.opr-task{grid-template-columns:1fr auto;gap:8px 10px}.opr-task .opr-pill{display:none}
 .opr-tf{grid-template-columns:1fr}.opr-tf-col{max-height:none}.opr-tf[data-stage="2"] #tf-roles,.opr-tf[data-stage="3"] #tf-roles{max-height:200px}
 .opr-seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.opr-seg::-webkit-scrollbar{display:none}.opr-seg>span{min-width:auto}.opr-seg button{white-space:nowrap}
 .opr-answer{flex-direction:column;gap:4px}.opr-table td{white-space:normal}
}
@media (prefers-reduced-motion:reduce){.opr *{transition:none!important;scroll-behavior:auto!important}}
@media print{.opr-bar,.opr-foot,.opr-lang,.opr-pro{display:none}.opr-win{box-shadow:none;backdrop-filter:none}}
.opr-stack{display:flex;flex-direction:column;gap:22px}
.opr-finder{margin-top:22px}
.opr-skip{left:8px;transform:translateY(-200%)}.opr-skip:focus{transform:none}
body.opr{overflow-x:hidden}

/* ===== AMAADOR OPEX · A·Desktop layer (20261031a) — loaded last; token names stable ===== */
:root:root{color-scheme:dark;
 --os-d1:150ms;--os-d2:220ms;--os-d3:300ms;--os-d4:400ms;--os-spring:cubic-bezier(.34,1.56,.64,1);--os-out:cubic-bezier(.2,.8,.2,1);--os-in:cubic-bezier(.4,0,1,1);
 --op-brand:var(--lmt-2dd4bf,#2dd4bf);--op-brand-strong:var(--lmt-5eead4,#5eead4);--op-brand-bright:var(--lmt-2dd4bf,#2dd4bf);--op-brand-wash:#12302c;
 --op-ink:var(--lmt-f5f5f7,#f5f5f7);--op-ink-2:var(--lmt-c7c7cc,#c7c7cc);--op-ink-3:var(--lmt-a1a1a8,#a1a1a8);--op-line:rgba(255,255,255,.09);--op-line-2:rgba(255,255,255,.16);
 --op-bg:var(--lmb-0b0b0c,#0b0b0c);--op-surface:var(--lmb-1c1c1f,#1c1c1f);--op-surface-2:var(--lmb-242428,#242428);--op-glass:var(--lmb-1e1e21a90,rgba(30,30,33,.9));--op-glass-bar:var(--lmb-161618a92,rgba(22,22,24,.92));
 --op-good:var(--lmt-4ade80,#4ade80);--op-warn:var(--lmt-fbbf24,#fbbf24);--op-bad:var(--lmt-fb7185,#fb7185);--op-info:var(--lmt-60a5fa,#60a5fa);
 --op-d-ops:var(--lmt-2dd4bf,#2dd4bf);--op-d-mnt:var(--lmt-60a5fa,#60a5fa);--op-d-qual:var(--lmt-a78bfa,#a78bfa);--op-d-safe:var(--lmt-fb7185,#fb7185);--op-d-enr:var(--lmt-fb923c,#fb923c);--op-d-sc:var(--lmt-4ade80,#4ade80);--op-d-asset:var(--lmt-facc15,#facc15);--op-d-doc:var(--lmt-38bdf8,#38bdf8);--op-d-role:var(--lmt-f472b6,#f472b6);--op-d-guide:var(--lmt-e879f9,#e879f9);--op-d-nw:var(--lmt-8b5cf6,#8b5cf6);
 --op-sh-1:0 1px 2px rgba(0,0,0,.4);--op-sh-2:0 8px 24px -8px rgba(0,0,0,.6);--op-sh-3:0 30px 80px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.07);
 --op-wall:none;--op-bar-h:36px;
 --bg:var(--op-bg);--bg-subtle:var(--lmb-141416,#141416);--bg-2:var(--lmb-161618,#161618);--surface:var(--op-surface);--surface-strong:var(--lmb-222226,#222226);--ink:var(--op-ink);--ink-soft:var(--op-ink-2);--ink-muted:var(--op-ink-3);
 --brand:var(--op-brand);--brand-strong:var(--op-brand-strong);--brand-bright:var(--op-brand);--brand-wash:var(--op-brand-wash);
 --line:var(--op-line-2);--line-strong:rgba(255,255,255,.22);--cta-bg:var(--op-brand);--cta-hover:var(--op-brand-strong);--cta-text:#06201d;--button-text:#06201d;--border-focus:var(--op-brand);
 --success:var(--op-good);--good:var(--op-good);--warning:var(--op-warn);--warn:var(--op-warn);--danger:var(--op-bad);--bad:var(--op-bad);
 --oe-bg:var(--lmb-0b0b0c,#0b0b0c);--oe-txt:#f5f5f7;--oe-mut:#a1a1a8;--oe-line:rgba(255,255,255,.12);--oe-card:var(--lmb-1c1c1f,#1c1c1f);--oe-acc:var(--lmt-2dd4bf,#2dd4bf)}
html body{background:var(--op-bg);color:var(--op-ink)}
::selection{background:color-mix(in srgb,var(--op-brand) 45%,transparent);color:var(--lmt-ffffff,#fff)}
body :focus-visible{outline:2.5px solid var(--op-brand)!important;outline-offset:2px}
body a{color:var(--op-brand)}body a:hover{color:var(--op-brand-strong)}
html body input,html body select,html body textarea{background:var(--lmb-141416,#141416);color:var(--op-ink);border-color:var(--op-line-2);min-height:44px}
html body .btn-primary,html body .btn.primary{background:var(--op-brand);color:#06201d;border-color:transparent}
html body .btn-primary:hover{background:var(--op-brand-strong)}
/* hide legacy chrome when shell runs */
.os-js .site-header,.os-js .opr-bar,.os-js .oe-topbar,.os-js .oe-dock,.os-js .ins-header,.os-js .op-dock,.os-js .op-bar{display:none!important}
.os-js body{padding-top:80px}.os-js.os-home body{padding-top:36px}.os-js body{padding-bottom:96px}
.os-embed body{padding:0!important}.os-embed .os-bar,.os-embed .os-dock,.os-embed .os-winbar,.os-embed .os-wall{display:none!important}
.os-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.os-skip{position:fixed;inset-inline-start:10px;top:-80px;z-index:3000;background:var(--op-brand);color:#06201d!important;padding:12px 16px;border-radius:10px;font-weight:700;transition:top var(--os-d2) var(--os-out)}
.os-skip:focus{top:8px}
/* wallpaper */
.os-wall{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--lmb-0b0b0c,#0b0b0c)}
.os-wall::before,.os-wall::after{content:"";position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(10px);opacity:.55;will-change:transform}
.os-wall::before{left:-20vmax;top:-30vmax;background:radial-gradient(closest-side,rgba(45,212,191,.22),transparent);animation:os-drift 38s ease-in-out infinite alternate}
.os-wall::after{right:-25vmax;bottom:-35vmax;background:radial-gradient(closest-side,rgba(167,139,250,.2),transparent);animation:os-drift 46s ease-in-out infinite alternate-reverse}
@keyframes os-drift{to{transform:translate3d(8vmax,6vmax,0) scale(1.08)}}
/* menu bar */
.os-bar{position:fixed;top:0;left:0;right:0;z-index:1000;height:36px;display:flex;align-items:center;gap:2px;padding:0 10px;padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right));background:var(--lmb-161618,#161618);border-bottom:1px solid var(--op-line);font:500 13px/1 var(--op-font);color:var(--op-ink)}
@media (min-width:768px){@supports (backdrop-filter:blur(1px)){.os-bar{background:var(--lmb-161618a72,rgba(22,22,24,.72));backdrop-filter:saturate(1.6) blur(20px)}}}
.os-bar button,.os-bar a{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 9px;border-radius:7px;cursor:pointer;color:var(--op-ink);white-space:nowrap;transition:background var(--os-d1)}
.os-bar button:hover,.os-bar a:hover,.os-bar [aria-expanded=true]{background:rgba(255,255,255,.1)}
.os-bar button:focus-visible,.os-bar a:focus-visible{outline:2px solid var(--op-brand);outline-offset:0}
.os-bar .os-logo{font-weight:700}.os-sp{flex:1}
.os-lng{display:inline-flex;gap:2px;margin-inline-end:4px}.os-lng a{font-size:11.5px;font-weight:700;padding:0 7px!important;color:var(--op-ink-2)!important}
.os-lng a[aria-current=true]{background:#f5f5f7;color:#0b0b0c!important}
.os-kbd{font:600 11px/1 var(--op-font);color:var(--op-ink-3);border:1px solid var(--op-line-2);border-radius:5px;padding:3px 5px;white-space:nowrap}
.os-clk{color:var(--op-ink-2);font-variant-numeric:tabular-nums;padding:0 6px}
.os-bar svg{width:16px;height:16px}
.os-mm{display:none!important}
@media (max-width:767px){.os-bar{height:48px}.os-bar .os-m,.os-bar .os-kbd,.os-clk{display:none!important}.os-mm{display:inline-flex!important}
 .os-bar a,.os-bar button{height:44px;min-width:44px;justify-content:center}.os-js body{padding-top:96px}.os-js.os-home body{padding-top:48px}.os-lng a{min-width:40px}}
/* menus */
.os-menu{position:fixed;z-index:1100;min-width:250px;max-width:min(360px,94vw);max-height:calc(100vh - 60px);overflow:auto;overscroll-behavior:contain;padding:6px;border-radius:12px;background:var(--lmb-232326,#232326);border:1px solid var(--op-line-2);box-shadow:var(--op-sh-3);opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top left;visibility:hidden;transition:opacity var(--os-d1) var(--os-out),transform var(--os-d2) var(--os-out),visibility 0s var(--os-d2)}
[dir=rtl] .os-menu{transform-origin:top right}
.os-menu.on{opacity:1;transform:none;visibility:visible;transition-delay:0s}
.os-menu a,.os-menu h3{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 10px;border-radius:8px;color:var(--op-ink)!important;text-decoration:none;font:500 13.5px/1.25 var(--op-font)}
.os-menu h3{min-height:28px;margin:6px 0 0;color:var(--op-ink-3)!important;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.os-menu a small{display:block;color:var(--op-ink-3);font-size:12px;margin-top:2px}
.os-menu a:hover,.os-menu a:focus{background:color-mix(in srgb,var(--op-brand) 26%,transparent);outline:none}
.os-menu hr{border:0;border-top:1px solid var(--op-line);margin:5px 4px}
@media (max-width:767px){.os-menu{left:6px!important;right:6px!important;max-width:none;top:52px!important}.os-menu a{min-height:44px}}
/* squircle icons */
.os-sq{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:15px;flex:none;position:relative;--c:var(--op-d-doc);color:var(--lmt-ffffff,#fff);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 78%,#fff) 0,var(--c) 45%,color-mix(in srgb,var(--c) 60%,var(--lmb-000000,#000)));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2),0 8px 18px -8px color-mix(in srgb,var(--c) 70%,#000)}
.os-sq svg{width:52%;height:52%;stroke:#0b0b0c;stroke-width:2;filter:drop-shadow(0 1px 0 rgba(255,255,255,.25))}
.os-sq[data-d=ops]{--c:var(--op-d-ops)}.os-sq[data-d=mnt]{--c:var(--op-d-mnt)}.os-sq[data-d=qual]{--c:var(--op-d-qual)}.os-sq[data-d=safe]{--c:var(--op-d-safe)}.os-sq[data-d=enr]{--c:var(--op-d-enr)}.os-sq[data-d=sc]{--c:var(--op-d-sc)}.os-sq[data-d=asset]{--c:var(--op-d-asset)}.os-sq[data-d=doc]{--c:var(--op-d-doc)}.os-sq[data-d=role]{--c:var(--op-d-role)}.os-sq[data-d=guide]{--c:var(--op-d-guide)}
.os-sq.os-sq-s{width:22px;height:22px;border-radius:6px}.os-sq.os-sq-s svg{width:14px;height:14px;stroke-width:2.4}
.os-menu .os-sq.os-sq-s{width:28px;height:28px;border-radius:8px}
/* desktop home */
.os-desk{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:28px;max-width:1360px;margin:0 auto;padding:22px max(18px,env(safe-area-inset-right)) 40px max(18px,env(safe-area-inset-left))}
.os-widgets{display:grid;gap:14px;align-content:start}
.os-hero h1{font:700 clamp(30px,3.2vw,40px)/1.08 var(--op-font);letter-spacing:-.03em;margin:0 0 10px;color:var(--lmt-ffffff,#fff)}
.os-hero p{margin:0;color:var(--op-ink-2);font-size:15px;line-height:1.55}
.os-draft{display:inline-block;margin-top:10px;font:600 11.5px var(--op-font);color:var(--lmt-fde68a,#fde68a);background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.35);border-radius:999px;padding:4px 10px}
.os-w{background:var(--lmb-1c1c1fa92,rgba(28,28,31,.92));border:1px solid var(--op-line);border-radius:18px;padding:14px;box-shadow:var(--op-sh-2)}
.os-w h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:650 14px/1.2 var(--op-font);color:var(--op-ink)}
.os-w h2 .os-sq.os-sq-s{width:28px;height:28px;border-radius:8px}
.os-w h2 select{flex:1;min-width:0;min-height:36px;font-size:13px;border-radius:9px;padding:0 8px}
.os-w ul{list-style:none;margin:0;padding:0}
.os-task{display:flex;align-items:flex-start;gap:10px;padding:8px 2px;border-top:1px solid var(--op-line)}.os-task:first-child{border-top:0}
.os-task a{flex:1;color:var(--op-ink)!important;text-decoration:none;min-height:44px;display:block}.os-task a:hover b{color:var(--op-brand)}
.os-task b{display:block;font:600 14px/1.3 var(--op-font)}.os-task small{display:block;color:var(--op-ink-3);font-size:12px;margin-top:3px}
.os-tick{all:unset;flex:none;box-sizing:border-box;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;border-radius:50%;margin:-6px -6px 0}
.os-tick::before{content:"";width:20px;height:20px;border-radius:50%;border:2px solid var(--op-ink-3);transition:background var(--os-d1),border-color var(--os-d1)}
.os-tick svg{position:absolute;width:13px;height:13px;stroke:#06201d;stroke-width:3;opacity:0;transform:scale(.3);transition:transform var(--os-d3) var(--os-spring),opacity var(--os-d1)}
.os-tick{position:relative}.os-tick[aria-pressed=true]::before{background:var(--op-good);border-color:var(--op-good)}.os-tick[aria-pressed=true] svg{opacity:1;transform:none}
.os-tick:focus-visible{outline:2px solid var(--op-brand)}
.os-task.done b{color:var(--op-ink-3);text-decoration:line-through}
.os-rec li a{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--op-ink)!important;text-decoration:none;border-radius:10px;padding:0 6px;font-size:14px}.os-rec li a:hover{background:rgba(255,255,255,.06)}
.os-ex{margin-inline-start:auto;font:700 10px var(--op-font);letter-spacing:.08em;color:var(--lmt-fde68a,#fde68a);border:1px solid rgba(251,191,36,.4);border-radius:5px;padding:3px 6px}
.os-qo{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}
.os-qo label{display:grid;gap:4px;font-size:11.5px;color:var(--op-ink-3)}
.os-qo input{width:100%;box-sizing:border-box;border-radius:9px;border:1px solid var(--op-line-2);padding:0 10px;font:600 14px var(--op-font);font-variant-numeric:tabular-nums}
.os-qo-out{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.os-gauge{width:72px;height:72px;transform:rotate(-90deg)}[dir=rtl] .os-gauge{transform:rotate(-90deg) scaleY(-1)}
.os-gauge circle{fill:none;stroke-width:8}.os-gauge .tr{stroke:var(--lmt-ffffffa10,rgba(255,255,255,.1))}.os-gauge .v{stroke:var(--op-d-ops);stroke-linecap:round;transition:stroke-dashoffset var(--os-d4) var(--os-out)}
.os-count{display:block;font:750 28px/1 var(--op-font);font-variant-numeric:tabular-nums;color:var(--lmt-ffffff,#fff)}.os-qo-out small{color:var(--op-ink-2);font-size:12.5px}
.os-wbtn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--op-line-2);color:var(--op-ink)!important;font:600 13px var(--op-font);cursor:pointer;text-decoration:none!important;background:rgba(255,255,255,.04);transition:background var(--os-d1)}
.os-wbtn:hover{background:rgba(255,255,255,.1)}.os-wbtn:focus-visible{outline:2px solid var(--op-brand);outline-offset:1px}.os-wbtn svg{width:15px;height:15px}
.os-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px 6px;align-content:start}
.os-sec{grid-column:1/-1;margin:6px 4px 0;font:700 11px var(--op-font);letter-spacing:.08em;text-transform:uppercase;color:var(--op-ink-3)}
.os-di{display:grid;justify-items:center;gap:8px;padding:10px 4px;border-radius:14px;text-decoration:none;color:var(--op-ink)!important;font:550 12.5px/1.25 var(--op-font);text-align:center;transition:background var(--os-d1)}
.os-di:hover,.os-di:focus-visible{background:rgba(255,255,255,.07)}.os-di:hover .os-sq{transform:translateY(-3px)}.os-di .os-sq{transition:transform var(--os-d2) var(--os-spring)}
.os-stg>*{animation:os-in var(--os-d4) var(--os-out) both;animation-delay:calc(var(--i,0) * 28ms)}
@keyframes os-in{from{opacity:0;transform:translateY(10px) scale(.97)}}
.os-legacy{content-visibility:auto;contain-intrinsic-size:auto 2400px}
.os-js.os-home .os-legacy{border-top:1px solid var(--op-line);margin-top:10px}
@media (max-width:900px){.os-desk{grid-template-columns:1fr}.os-icons{order:-1}}
@media (max-width:767px){.os-desk{padding-top:14px}.os-icons{grid-template-columns:repeat(4,1fr);gap:4px}.os-di{font-size:11.5px;padding:8px 0}.os-sq{width:56px;height:56px;border-radius:14px}}
@media (max-width:359px){.os-icons{grid-template-columns:repeat(3,1fr)}}
/* window bar on direct pages */
.os-winbar{position:fixed;left:0;right:0;top:36px;z-index:900;display:flex;align-items:center;gap:8px;height:44px;padding:0 10px;background:var(--lmb-1c1c1f,#1c1c1f);border-bottom:1px solid var(--op-line);font:500 13px var(--op-font);color:var(--op-ink-2)}
.os-winbar .os-wbtn{min-height:32px;padding:0 10px;font-size:12.5px}
.os-dots{display:flex;gap:8px;padding:0 4px}.os-dots button,.os-dots span{all:unset;width:12px;height:12px;border-radius:50%;cursor:pointer;position:relative}
.os-dots button::after{content:"";position:absolute;inset:-12px}
.os-d-r{background:#ff5f57}.os-d-y{background:#febc2e}.os-d-g{background:#28c840}.os-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.os-path{flex:1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-path b{color:var(--op-ink)}
@media (max-width:767px){.os-winbar{top:48px;height:48px}.os-winbar .os-wbtn{min-height:44px;min-width:44px;justify-content:center;padding:0 8px}.os-winbar .os-wbtn span{display:none}.os-dots{display:none}}
/* windows */
.os-layer{position:fixed;inset:36px 0 0 0;z-index:850;pointer-events:none}
.os-win{position:absolute;pointer-events:auto;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--lmb-0b0b0c,#0b0b0c);box-shadow:0 18px 50px -18px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08);transition:box-shadow var(--os-d2),transform var(--os-d2) var(--os-out);transform-origin:var(--ox,50%) var(--oy,50%)}
.os-win.f{box-shadow:var(--op-sh-3);transform:translateY(-2px)}
.os-win .os-winbar{position:relative;top:0;cursor:grab;touch-action:none;flex:none;border-radius:14px 14px 0 0}
.os-win iframe{flex:1;width:100%;border:0;background:var(--lmb-0b0b0c,#0b0b0c)}
.os-win.opening{animation:os-genie var(--os-d4) var(--os-spring) both}
.os-win.closing{animation:os-genie var(--os-d3) var(--os-in) reverse both}
.os-win.mini{transition:transform var(--os-d4) var(--os-in),opacity var(--os-d4);transform:translate(var(--gx),var(--gy)) scale(.06);opacity:0}
@keyframes os-genie{from{opacity:0;transform:translate(var(--gx,0),var(--gy,0)) scale(.08,.04)}60%{opacity:1}to{opacity:1;transform:none}}
/* dock */
.os-dock{position:fixed;z-index:950;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:flex-end;gap:6px;padding:6px 8px;border-radius:20px;background:var(--lmb-202024a94,rgba(32,32,36,.94));border:1px solid var(--op-line-2);box-shadow:var(--op-sh-3);max-width:calc(100vw - 16px)}
@media (min-width:768px){@supports (backdrop-filter:blur(1px)){.os-dock{background:var(--lmb-202024a60,rgba(32,32,36,.6));backdrop-filter:saturate(1.6) blur(18px)}}}
.os-dock a{position:relative;display:grid;place-items:center;width:44px;height:44px;text-decoration:none;transform:scale(var(--s,1));transform-origin:bottom center;transition:transform var(--os-d1) var(--os-out)}
.os-dock .os-sq{width:44px;height:44px;border-radius:12px}
.os-dock a.run::after{content:"";position:absolute;bottom:-5px;width:4px;height:4px;border-radius:50%;background:#f5f5f7}
.os-dock a.bounce{animation:os-bounce 1.1s var(--os-out)}
@keyframes os-bounce{0%,100%{translate:0 0}20%{translate:0 -18px}40%{translate:0 0}60%{translate:0 -9px}80%{translate:0 0}}
.os-dock .os-sep{width:1px;align-self:stretch;margin:4px 2px;background:var(--op-line-2)}
.os-tip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(4px);white-space:nowrap;padding:5px 9px;border-radius:7px;background:var(--lmb-2c2c30,#2c2c30);color:var(--lmt-ffffff,#fff);font:500 12px var(--op-font);border:1px solid var(--op-line-2);opacity:0;pointer-events:none;transition:opacity var(--os-d1),transform var(--os-d1)}
.os-dock a:hover .os-tip,.os-dock a:focus-visible .os-tip{opacity:1;transform:translateX(-50%)}
@media (max-width:767px){.os-dock{left:8px;right:8px;transform:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:10px;border-radius:22px}.os-dock::-webkit-scrollbar{display:none}.os-dock a{scroll-snap-align:start;flex:none}.os-dock .os-sep{display:none}.os-tip{display:none}}
/* palette */
.os-pal{position:fixed;inset:0;z-index:2000;display:none;align-items:flex-start;justify-content:center;padding-top:12vh;background:rgba(0,0,0,.45)}
.os-pal.on{display:flex}
.os-pal>div{width:min(640px,94vw);border-radius:16px;background:var(--lmb-232326,#232326);border:1px solid var(--op-line-2);box-shadow:var(--op-sh-3);overflow:hidden;animation:os-pal var(--os-d2) var(--os-spring)}
@keyframes os-pal{from{opacity:0;transform:scale(.96)}}
.os-pal input{all:unset;box-sizing:border-box;width:100%;height:54px;padding:0 18px;font:500 17px var(--op-font);color:var(--lmt-ffffff,#fff);border-bottom:1px solid var(--op-line)}
.os-pal input::placeholder{color:var(--op-ink-3)}
.os-pal ul{list-style:none;margin:0;padding:6px;max-height:min(60vh,460px);overflow:auto}
.os-pal a{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 10px;border-radius:10px;text-decoration:none;color:var(--op-ink)!important}
.os-pal a>span:nth-child(2){flex:1;min-width:0}.os-pal a small{display:block;color:var(--op-ink-3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.os-pal a em{font-style:normal;font-size:11px;color:var(--op-ink-3);border:1px solid var(--op-line-2);border-radius:5px;padding:2px 6px}
.os-pal a[aria-selected=true]{background:color-mix(in srgb,var(--op-brand) 30%,transparent)}
.os-pal a .os-sq{width:30px;height:30px;border-radius:8px}
.os-pal footer{display:flex;gap:14px;padding:8px 14px;border-top:1px solid var(--op-line);color:var(--op-ink-3);font-size:12px}
/* boot */
.os-boot{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;align-content:center;gap:22px;background:var(--lmb-0b0b0c,#0b0b0c);animation:os-bootout var(--os-d3) var(--os-in) .9s forwards}
.os-boot .os-sq{width:76px;height:76px;border-radius:20px;animation:os-in var(--os-d4) var(--os-spring) both}
.os-boot i{display:block;width:160px;height:4px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
.os-boot i::after{content:"";display:block;height:100%;background:#f5f5f7;transform-origin:left;animation:os-bar .85s var(--os-out) both}
.os-boot button{all:unset;position:absolute;bottom:28px;inset-inline-end:28px;min-height:44px;padding:0 14px;border-radius:10px;color:var(--op-ink-2);cursor:pointer;border:1px solid var(--op-line-2)}
@keyframes os-bar{from{transform:scaleX(0)}}@keyframes os-bootout{to{opacity:0;visibility:hidden}}
/* toast */
.os-toast{position:fixed;z-index:2100;left:50%;bottom:96px;transform:translate(-50%,10px);opacity:0;padding:10px 16px;border-radius:10px;background:#f5f5f7;color:#0b0b0c;font:600 13px var(--op-font);transition:opacity var(--os-d2),transform var(--os-d2) var(--os-spring);pointer-events:none}
.os-toast.on{opacity:1;transform:translate(-50%,0)}
/* language spans */
.ol-fr,.ol-ar{display:none}html[lang^=fr] .ol-en,html[lang^=ar] .ol-en{display:none}html[lang^=fr] .ol-fr,html[lang^=ar] .ol-ar{display:inline}
html[lang^=fr] .os-draft.ol-fr,html[lang^=ar] .os-draft.ol-ar{display:inline-block}
/* results panel matte (legacy contrast patch) */
html body .results{background:var(--lmb-17171a,#17171a);color:var(--op-ink-2);border-color:var(--op-line-2)}
html body .results h2{color:var(--op-ink)}html body .results h2 .n{color:var(--op-ink-2);border-color:var(--op-line-2)}
html body .results .primary{background:linear-gradient(160deg,color-mix(in srgb,var(--op-d-ops) 16%,var(--lmb-1c1c20,#1c1c20)),var(--lmb-1c1c20,#1c1c20));border-color:color-mix(in srgb,var(--op-d-ops) 40%,transparent)}
html body .results .primary .lbl,html body .results .res .lbl{color:var(--op-ink-2)}html body .results .primary .val,html body .results .res .val{color:var(--op-ink)}
html body .results .primary .hint,html body .results .res.bad .val{color:var(--lmt-ff9aa0,#ff9aa0)}html body .results .res{background:var(--lmb-1e1e22,#1e1e22);border-color:var(--op-line-2)}
html body .results .res.good .val{color:var(--lmt-7fdc9a,#7fdc9a)}html body .results .res.warn .val{color:var(--lmt-f3c969,#f3c969)}
html body .results .formula,html body .results .insight{background:var(--lmb-1e1e22,#1e1e22);color:var(--op-ink-2);border-color:var(--op-line-2)}
/* D3 one Arabic face; D4 pill; D11 footer */
@font-face{font-family:"OE Arabic";src:url(fonts/NotoKufiArabic-Var-20261030a.woff2) format("woff2");font-weight:100 900;font-display:swap}
.opr-pill{color:var(--lmt-d1d5db,#d1d5db)!important;background:var(--lmb-232327,#232327)!important;border-color:var(--lmb-3a3a40,#3a3a40)!important}
.footer-brand .brand strong,.site-footer .brand strong{color:var(--lmt-f5f5f7,#f5f5f7)!important}
/* tap targets */
.os-js main a.btn,.os-js main button{min-height:44px}
/* documents: on-screen preview cover band; paper stays white */
.oe-paper{box-shadow:0 30px 80px -24px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:var(--os-d2)}
@media (prefers-reduced-motion:reduce){
 .os-wall::before,.os-wall::after{animation:none}
 .os-stg>*,.os-boot .os-sq,.os-pal>div{animation:os-fade var(--os-d2) linear both!important;animation-delay:0s!important}
 .os-win.opening{animation:os-fade var(--os-d2) linear both}.os-win.closing{animation:os-fade var(--os-d1) linear reverse both}
 .os-win.mini{transform:none}.os-dock a{transform:none!important}.os-dock a.bounce{animation:none}
 .os-menu{transform:none}.os-tick svg{transition:opacity var(--os-d1)}.os-tick svg,.os-tick[aria-pressed=true] svg{transform:none}
 .os-boot{display:none}}
@keyframes os-fade{from{opacity:0}}
@media print{.os-bar,.os-dock,.os-winbar,.os-wall,.os-layer,.os-pal,.os-menu,.os-toast,.os-boot,.os-desk,.os-skip{display:none!important}
 html,body{background:#fff!important;color:#000!important}.os-js body{padding:0!important}*{box-shadow:none!important}}
/* donate — warm accent (coral→amber), AA text on dark */
.os-sq[data-d=don]{--c:var(--lmt-ff6b6b,#ff6b6b);background:linear-gradient(135deg,#ff5f6d,#ffb347)}
.os-don{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:10px;color:#1a0d08;font-weight:600;text-decoration:none;white-space:nowrap;background:linear-gradient(135deg,#ff7a7a,#ffc26b);transition:transform var(--os-t-fast,150ms) var(--os-ease,ease),opacity var(--os-t-fast,150ms)}
.os-bar .os-don{min-height:28px;padding:0 10px;margin-inline-end:8px;font-size:13px}
.os-don svg{width:16px;height:16px}.os-don:hover{transform:translateY(-1px)}.os-don:focus-visible{outline:3px solid #ffc26b;outline-offset:2px}
.os-dn{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:16px}
.os-dn-bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.os-dn-w{position:relative!important;inset:auto!important;width:min(860px,100%)!important;height:auto!important;max-height:calc(100vh - 32px);overflow:auto;display:block}
.os-dn-b{padding:18px 20px 22px}.os-dn-b>p{margin:0 0 14px;color:var(--lmt-d1d1d6,#d1d1d6)}
.os-dn-c{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.os-dn-o{background:var(--lmb-1c1c1f,#1c1c1f);border:1px solid var(--lmb-2c2c30,#2c2c30);border-radius:14px;padding:16px;min-width:0}
.os-dn-o h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:16px}.os-dn-o h4{margin:12px 0 4px;font-size:13px;color:var(--lmt-c7c7cc,#c7c7cc)}.os-dn-o>p{margin:0 0 12px;color:var(--lmt-c7c7cc,#c7c7cc);font-size:14px}
.os-dn-f{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--lmb-2c2c30,#2c2c30)}
.os-dn-f>div{min-width:0}.os-dn-f .k{display:block;font-size:12px;color:var(--lmt-aeaeb2,#aeaeb2)}.os-dn-f .v{display:block;overflow-wrap:anywhere}.os-dn-f .mono{font-family:ui-monospace,monospace}.os-dn-f small{display:block;color:var(--lmt-aeaeb2,#aeaeb2);font-size:12px}
.os-dn-f .os-wbtn{flex:none;min-height:44px}
@media(max-width:767px){.os-dn-c{grid-template-columns:1fr}.os-bar .os-don span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.os-bar .os-don{min-width:44px;min-height:44px;justify-content:center;padding:0}}
@media print{.os-dn,.os-don{display:none!important}}
.os-dots .os-d-r{background:#ff5f57}.os-dots .os-d-y{background:#febc2e}.os-dots .os-d-g{background:#28c840}
.os-dn-c{align-items:start}
/* QA sweep fixes */
@media screen{.os-js .oe-panel,.os-js .oe-side{background:var(--lmb-17171a,#17171a)!important;color:var(--lmt-f5f5f7,#f5f5f7)}.os-js .oe-panel small,.os-js .oe-side small{color:var(--lmt-c7c7cc,#c7c7cc)}
.os-js .btn-ghost{color:var(--lmt-f5f5f7,#f5f5f7)!important;background:transparent;border-color:var(--lmb-48484e,#48484e)}}
.os-js .skip-link{display:none!important}
@media screen{.os-js .opr-ex{background:var(--lmb-17171a,#17171a)!important;border-color:var(--lmb-2c2c30,#2c2c30)}.os-js .opr-ex .opr-mut{color:var(--lmt-c7c7cc,#c7c7cc)}.os-js .opr-ex-h h3{color:var(--lmt-f5f5f7,#f5f5f7)}}
.os-js .oe-skip,.os-js .opr-skip{display:none!important}
@media screen{.os-js .oe-panel :is(h2,h3,h4,label,legend,p,.oe-l,summary,b),.os-js .oe-panel .oe-btn--ghost{color:var(--lmt-f5f5f7,#f5f5f7)}.os-js .oe-panel .oe-btn--ghost{border-color:var(--lmb-48484e,#48484e)}}
.os-js .oe-panel :is(input,select,textarea){max-width:100%;box-sizing:border-box;min-width:0}

/* CLS: hold the tool guide until the calculator mounts (JS only) */
.os-js .app-shell:has(#calc-root:empty)>main~*{display:none}
.os-stg>.os-hero{animation:none!important;opacity:1!important;transform:none!important}
.os-js main.oe-win:not(:has(#oe-app>:not(noscript)))~*{display:none}
.os-js #oe-app:not(:has(>:not(noscript))),.os-js #calc-root:empty{min-height:100vh}
/* perf 20261031p (CLS): same hold for other legacy roots (#ss-root, …) and checklist #ot-app */
.os-js .app-shell:has(>main [id$="-root"]:empty)>main~*{display:none}
.os-js .app-shell>main [id$="-root"]:empty{min-height:100vh}
.os-js main:has(>#ot-app:not(:has(>:not(noscript))))~*{display:none}
.os-js #ot-app:not(:has(>:not(noscript))){min-height:100vh}
/* legal/old pages: light leaks + contrast (CSS only, copy untouched) */
.os-js main code,.os-js article code{background:rgba(255,255,255,.08)!important;color:var(--lmt-e8e8ed,#e8e8ed)!important;border-color:rgba(255,255,255,.14)!important}
.os-js .warn-box,.os-js .info-box,.os-js .note-box,.os-js [data-content-block].note,.os-js .legal-note{background:var(--lmb-1c1c1f,#1c1c1f)!important;color:var(--lmt-e8e8ed,#e8e8ed)!important}
.os-js .back-link{background:rgba(255,255,255,.08)!important;color:var(--lmt-f5f5f7,#f5f5f7)!important;border-color:rgba(255,255,255,.18)!important}
.os-js .footer-review{color:var(--lmt-a1a1a6,#a1a1a6)!important}
.os-js .warn-box *,.os-js .info-box *,.os-js .note-box *{color:inherit}.os-js .warn-box{border-color:#ffc26b!important}
.os-js main p a:not([class]),.os-js main li a:not([class]),.os-js article p a:not([class]){text-decoration:underline;text-underline-offset:2px}
.os-js .oc-consent input[type=checkbox]{accent-color:var(--lmt-2dd4bf,#2dd4bf);width:20px;height:20px;border:1px solid rgba(255,255,255,.4)}.os-js .oc-buy[aria-disabled=true]{color:var(--lmt-c7c7cc,#c7c7cc)!important;border-color:rgba(255,255,255,.35)!important;cursor:not-allowed}
/* Dock never covers content (desktop-OS work area): menubar … content … Dock */
:root{--os-mb-h:36px;--os-dock-h:68px;--os-dock-gap:12px;--os-dock-res:calc(var(--os-dock-h) + var(--os-dock-gap) + max(8px,env(safe-area-inset-bottom)))}
@media (max-width:767px){:root{--os-mb-h:48px;--os-dock-h:64px;--os-dock-gap:8px}}
html.os-js body{padding-bottom:var(--os-dock-res)!important;scroll-padding-bottom:var(--os-dock-res)}
html.os-js{scroll-padding-bottom:var(--os-dock-res)}
html.os-embed body{padding-bottom:16px!important}
.os-layer{bottom:var(--os-dock-res)!important}
.os-win{max-height:100%}
.os-win[data-max="1"]{height:100%!important}
/* Strict Dock: the document scrolls inside a viewport that ends above the Dock (screen only) */
@media screen{
html.os-js:not(.os-embed){--os-top:80px;height:100%;overflow:hidden;background:var(--lmb-0b0b0c,#0b0b0c)}
html.os-js.os-home:not(.os-embed){--os-top:36px}
@media (max-width:767px){html.os-js:not(.os-embed){--os-top:96px}html.os-js.os-home:not(.os-embed){--os-top:48px}}
html.os-js:not(.os-embed) body{position:fixed!important;top:var(--os-top)!important;bottom:var(--os-dock-res)!important;left:0!important;right:0!important;height:auto!important;min-height:0!important;margin:0!important;padding-top:0!important;padding-bottom:16px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:12px}
html.os-js [id]{scroll-margin-top:12px}
}
@media print{html.os-js,html.os-js body{position:static!important;height:auto!important;overflow:visible!important}}
@media (max-width:430px){.os-bar .os-logo{font-size:0;gap:0;flex:none}.os-bar .os-logo>*{font-size:13px}}

/* axe sweep 23:2x — contrast + light leaks */
@media screen{
.os-js .gx-context-meta>strong{color:var(--lmt-c4b5fd,#c4b5fd)}
.os-js .gx-review-callout>h3{color:var(--lmt-c4b5fd,#c4b5fd)}
.os-js .readiness>strong,.os-js .readiness>span{color:var(--lmt-fca5a5,#fca5a5)}
.os-js .safety-flag:not([style]){color:var(--lmt-fca5a5,#fca5a5)}
.os-js .oe-tag{background:rgba(45,212,191,.12);color:var(--lmt-99f6e4,#99f6e4);border-color:rgba(45,212,191,.35)}
.os-js .dm-later{background:transparent;color:var(--lmt-d4d8da,#d4d8da);border:1px solid rgba(255,255,255,.22);min-height:44px}
.os-js button.on,.os-js .dm-tab.on,.os-js .filter-chip[aria-pressed=true]{background:#2dd4bf;color:#06201c;border-color:#2dd4bf}
.os-js .mt-card{background:var(--lmb-181c1c,#181c1c);color:var(--lmt-d4d8da,#d4d8da);border-color:rgba(255,255,255,.1)}
}

@media print{.oe-cycle svg text{font-size:9px!important;letter-spacing:0!important}}
@media screen{
.os-js .gx-review-callout>h3,.os-js .gx-review-callout h3{color:var(--lmt-c4b5fd,#c4b5fd)!important}
.os-js .chips a.on{background:#2dd4bf!important;color:#06201c!important;border-color:#2dd4bf!important}
.os-js .dm-bank-toggle{background:rgba(255,255,255,.06)!important;color:var(--lmt-e6edf3,#e6edf3)!important;border:1px solid rgba(255,255,255,.18)!important;min-height:44px}
.os-js .home-discovery button{background:rgba(255,255,255,.06)!important;color:var(--lmt-d4d8da,#d4d8da)!important;border:1px solid rgba(255,255,255,.16)!important;min-height:44px}
}

/* New Ways folder (staging) */
.os-sq[data-d=nw]{--c:var(--op-d-nw);background:linear-gradient(150deg,#2dd4bf 0,#8b5cf6 70%,#5b21b6)}
/* perf 20261031p (LCP): on non-Arabic pages the "العربية" switcher label uses a system Arabic face, so the 144 KB Kufi font is not fetched */
html:not([lang=ar]) [lang=ar]:not(html),html:not([lang=ar]) [lang=ar]:not(html) *{font-family:Tahoma,"Noto Sans Arabic","Segoe UI",system-ui,sans-serif}