/* OPEX site skin r1 (opex-skin-r1, 20261103). Upgrades existing markup only: glass info cards, clean links, heading polish,
   footer, readable forms, reveal-on-scroll. No content change. JS marks elements with data-sk* attributes (no class changes).
   Light/dark via html[data-theme] (or html.dark), RTL via logical properties, reduced motion respected. */
:root{--sk-fg:#12161b;--sk-mut:#5b6470;--sk-card:rgba(255,255,255,.72);--sk-card2:rgba(255,255,255,.92);--sk-ln:rgba(18,22,27,.09);--sk-ln2:rgba(14,124,102,.35);--sk-acc:#0e7c66;--sk-acc2:#11a383;--sk-chip:rgba(14,124,102,.09);--sk-sh:0 1px 2px rgba(16,24,40,.05),0 6px 20px -8px rgba(16,24,40,.14);--sk-shh:0 2px 4px rgba(16,24,40,.06),0 18px 40px -14px rgba(14,124,102,.35);--sk-bar:rgba(250,251,252,.78);--sk-ease:cubic-bezier(.2,.8,.2,1);--sk-safe:calc(104px + env(safe-area-inset-bottom))}
html[data-theme=dark],html.dark:not([data-theme=light]){--sk-fg:#eaeef2;--sk-mut:#98a2ad;--sk-card:rgba(28,32,39,.62);--sk-card2:rgba(36,41,50,.86);--sk-ln:rgba(255,255,255,.08);--sk-ln2:rgba(63,211,174,.45);--sk-acc:#3fd3ae;--sk-acc2:#6ee7c8;--sk-chip:rgba(63,211,174,.12);--sk-sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px -10px rgba(0,0,0,.6);--sk-shh:0 2px 6px rgba(0,0,0,.35),0 20px 44px -16px rgba(63,211,174,.35);--sk-bar:rgba(16,19,24,.78)}
/* content clears the fixed bottom bars (Run my shift, Dock); JS measures and sets --sk-safe */
html[data-sk-on] body{padding-bottom:var(--sk-safe)}
html[data-sk-on] body{overflow-x:clip}
/* headings */
[data-sk-c] h1,[data-sk-c] h2,[data-sk-c] h3{text-wrap:balance;letter-spacing:-.015em;overflow-wrap:break-word}
[data-sk-c] h1{letter-spacing:-.025em}
[data-sk-c] p,[data-sk-c] li{overflow-wrap:break-word}
/* glass info cards */
[data-skc]{position:relative;border:1px solid var(--sk-ln)!important;border-radius:20px!important;background:var(--sk-card)!important;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:var(--sk-sh)!important;padding:clamp(16px,4vw,24px)!important;transition:transform .35s var(--sk-ease),box-shadow .35s var(--sk-ease),border-color .35s;max-width:100%;box-sizing:border-box}
[data-skc]::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,0) 40%);opacity:.5}
html[data-theme=dark] [data-skc]::before,html.dark:not([data-theme=light]) [data-skc]::before{opacity:.08}
[data-skc] > :first-child{margin-top:0}
[data-skc] > :last-child{margin-bottom:0}
[data-skc] h2,[data-skc] h3{font-weight:700;color:var(--sk-fg)}
[data-skc] ul{padding-inline-start:1.2em}
[data-skc] li::marker{color:var(--sk-acc)}
[data-skc="i"]:hover{transform:translateY(-3px);box-shadow:var(--sk-shh)!important;border-color:var(--sk-ln2)!important}
[data-skc="i"]:active{transform:translateY(-1px) scale(.995)}
/* inline links: no raw underline, accent colour, underline draws in on hover/focus */
a[data-sk="l"]{color:var(--sk-acc)!important;text-decoration:none!important;background-image:linear-gradient(currentColor,currentColor);background-size:0 1.5px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s var(--sk-ease),color .2s;border-radius:2px;font-weight:600}
[dir=rtl] a[data-sk="l"],a[data-sk="l"]:dir(rtl){background-position:100% 100%}
a[data-sk="l"]:hover,a[data-sk="l"]:focus-visible{background-size:100% 1.5px;color:var(--sk-acc2)!important}
/* standalone links become clean pill buttons */
a[data-sk="b"]{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:10px 18px;border-radius:999px;border:1px solid var(--sk-ln2);background:var(--sk-chip);color:var(--sk-acc)!important;font-weight:650;line-height:1.25;text-decoration:none!important;box-sizing:border-box;transition:transform .25s var(--sk-ease),box-shadow .25s var(--sk-ease),background .2s}
a[data-sk="b"]:not([data-ska])::after{content:"\2192";transition:transform .25s var(--sk-ease)}
[dir=rtl] a[data-sk="b"]:not([data-ska])::after{content:"\2190"}
a[data-sk="b"]:hover{transform:translateY(-2px);box-shadow:var(--sk-shh);background:var(--sk-card2)}
a[data-sk="b"]:hover::after{transform:translateX(3px)}
[dir=rtl] a[data-sk="b"]:hover::after{transform:translateX(-3px)}
a[data-sk="b"]:active{transform:translateY(0) scale(.98)}
a[data-sk]:focus-visible{outline:2px solid var(--sk-acc);outline-offset:3px}
/* footer */
footer[data-skf]{margin:32px auto 0!important;max-width:min(1180px,calc(100% - 24px));box-sizing:border-box;border:1px solid var(--sk-ln)!important;border-radius:24px!important;background:var(--sk-card)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--sk-sh);padding:20px clamp(16px,4vw,28px)!important;color:var(--sk-mut)}
footer[data-skf] a{color:var(--sk-fg)!important;text-decoration:none!important;border-radius:999px;padding:6px 10px;display:inline-block;transition:background .2s,color .2s}
footer[data-skf] a:hover,footer[data-skf] a:focus-visible{background:var(--sk-chip);color:var(--sk-acc)!important}
/* forms: kept intact, made readable */
[data-sk-c] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),[data-sk-c] select,[data-sk-c] textarea{border-radius:12px;max-width:100%;transition:border-color .2s,box-shadow .2s}
[data-sk-c] input:focus-visible,[data-sk-c] select:focus-visible,[data-sk-c] textarea:focus-visible{outline:none;border-color:var(--sk-acc)!important;box-shadow:0 0 0 4px var(--sk-chip)!important}
@media (max-width:480px){[data-sk-c] input,[data-sk-c] select,[data-sk-c] textarea{font-size:max(16px,1em)}}
/* sticky top bar gets a glass shadow once scrolled */
[data-skh]{transition:box-shadow .3s var(--sk-ease),background .3s}
html[data-sk-scrolled] [data-skh]{box-shadow:0 10px 30px -14px rgba(16,24,40,.35)}
/* reveal-on-scroll stagger (only elements below the fold at load are hidden) */
[data-skr="w"]{opacity:0;transform:translateY(18px)}
[data-skr="in"]{opacity:1;transform:none;transition:opacity .6s var(--sk-ease) var(--sk-d,0ms),transform .6s var(--sk-ease) var(--sk-d,0ms),box-shadow .35s var(--sk-ease),border-color .35s}
@media (prefers-reduced-motion:reduce){[data-skr]{opacity:1!important;transform:none!important;transition:none!important}[data-skc],a[data-sk],a[data-sk]::after{transition:none!important}[data-skc="i"]:hover,a[data-sk="b"]:hover{transform:none}}
@media print{[data-skr]{opacity:1!important;transform:none!important}[data-skc],footer[data-skf]{box-shadow:none!important;backdrop-filter:none!important;background:none!important}}