:root{
  --navy-900:#0a1b30; --navy-800:#112b4a; --navy-700:#1b3c62; --navy-600:#2a5285;
  --blue:#0069b4; --blue-700:#00538f; --blue-lt:#3cc8ff; --orange:#ff4b26;

  --bg:#ffffff; --bg-2:#f3f6fa; --surface:#ffffff; --surface-2:#f8fafc;
  --fg:#112b4a; --fg-2:#49617f; --fg-3:#7b8ea6;
  --line:#dfe6ef; --line-2:#cbd6e3;
  --brand:var(--blue); --on-brand:#fff;
  --shadow-s:0 1px 2px rgba(17,43,74,.06),0 2px 8px rgba(17,43,74,.05);
  --shadow-m:0 2px 6px rgba(17,43,74,.07),0 14px 36px rgba(17,43,74,.10);
  --shadow-l:0 6px 14px rgba(17,43,74,.09),0 28px 70px rgba(17,43,74,.16);
  --glass:rgba(255,255,255,.84); --glass-line:rgba(17,43,74,.09);

  --r-s:9px; --r-m:14px; --r-l:22px; --r-pill:999px;
  --maxw:1240px; --t:200ms cubic-bezier(.22,1,.36,1);
  --font:'YekanBakh';
}
:root[data-theme="dark"]{
  --bg:#141413; --bg-2:#1f1e1d; --surface:#262624; --surface-2:#30302e;
  --fg:#faf9f5; --fg-2:#c2c0b6; --fg-3:#9c9a92;
  --line:#33322f; --line-2:#45443f;
  --navy-900:#141413; --navy-800:#1f1e1d; --navy-700:#262624; --navy-600:#30302e;
  --blue:#d97757; --blue-700:#c6613f; --blue-lt:#e8a487;
  --brand:#d97757;
  --shadow-s:0 0 0 1px rgba(222,220,209,.05),0 1px 2px rgba(0,0,0,.25);
  --shadow-m:0 0 0 1px rgba(222,220,209,.06),0 14px 34px -12px rgba(217,119,87,.10),0 6px 18px -8px rgba(0,0,0,.30);
  --shadow-l:0 0 0 1px rgba(222,220,209,.07),0 28px 64px -20px rgba(217,119,87,.14),0 12px 30px -12px rgba(0,0,0,.35);
  --glass:rgba(20,20,19,.84); --glass-line:rgba(222,220,209,.10);
}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font-family:var(--font),system-ui,sans-serif;font-size:16px;line-height:1.95;
  -webkit-font-smoothing:antialiased;transition:background var(--t),color var(--t)}
h1,h2,h3,h4{margin:0;line-height:1.45;font-weight:800;letter-spacing:-.018em;color:var(--fg)}
p{margin:0}
@media(min-width:768px){
  .about-text p,.about-text li,.cpart-body p,.cpart-body li,.prose p,.prose li,
  .pcard p,.pcard li,.panel .txt p,.faq-ain p,.df-disc p{text-align:justify;text-justify:inter-word}
}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:clamp(16px,4vw,32px)}

:root{--pc-bg:#e9eff6;--pc-a:#cfdbe8;--pc-b:#e2683f;--pc-c:#3f74a8;--pc-d:#6fa29a;--pc-e:#ffffff;--pc-ink:#0a1b30;--pc-on:#ffffff;--pc-sh:rgba(17,43,74,.24);--pc-t:#1f9bb0;--pc-t2:#9fd3dd}
:root[data-theme="dark"]{--pc-bg:#3a3935;--pc-a:#5b5850;--pc-b:#d97757;--pc-c:#5f81a6;--pc-d:#748b69;--pc-e:#4d4b45;--pc-ink:#f2efe7;--pc-on:#faf9f5;--pc-sh:rgba(0,0,0,.42);--pc-t:#3a9a96;--pc-t2:#5c7d7a}
:root{--cv-bg:#163a63;--cv-ink:#ffffff}
:root[data-theme="dark"]{--cv-bg:#3a3935;--cv-ink:#f2efe7}
.cv-bgf{fill:var(--cv-bg)} .cv-inkf{fill:var(--cv-ink)} .cv-inks{stroke:var(--cv-ink)}
.pc-bgf{fill:var(--pc-bg)} .pc-af{fill:var(--pc-a)} .pc-bf{fill:var(--pc-b)} .pc-cf{fill:var(--pc-c)} .pc-df{fill:var(--pc-d)} .pc-ef{fill:var(--pc-e)}
.pc-inkf{fill:var(--pc-ink)} .pc-onf{fill:var(--pc-on)} .pc-inks{stroke:var(--pc-ink)} .pc-ons{stroke:var(--pc-on)} .pc-bs{stroke:var(--pc-b)}
.pc-tf{fill:var(--pc-t)} .pc-t2f{fill:var(--pc-t2)} .pc-ds{stroke:var(--pc-d)} .pc-es{stroke:var(--pc-e)} .pc-shf{flood-color:var(--pc-sh)}
.cover-art.is-gray{filter:grayscale(1)}

:root{--sb-track:#eef2f7;--sb-edge:rgba(17,43,74,.06);--sb-a:#5fd3ff;--sb-b:#0a86d6;--sb-c:#0069b4;--sb-hi:rgba(255,255,255,.55)}
:root[data-theme="dark"]{--sb-track:#1a1918;--sb-edge:rgba(250,249,245,.05);--sb-a:#eeb196;--sb-b:#d97757;--sb-c:#b9573a;--sb-hi:rgba(255,255,255,.28)}
::-webkit-scrollbar{width:8px;height:8px}
html{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background-clip:padding-box;
  background-color:var(--sb-b);background-image:linear-gradient(180deg,var(--sb-a),var(--sb-b) 55%,var(--sb-c));
  box-shadow:inset 1px 0 0 var(--sb-hi)}
::-webkit-scrollbar-thumb:hover{border-width:1px}
::-webkit-scrollbar-thumb:active{background-image:linear-gradient(180deg,var(--sb-b),var(--sb-c))}
::-webkit-scrollbar-corner,::-webkit-scrollbar-button{display:none;background:transparent}
@supports not selector(::-webkit-scrollbar){
  *{scrollbar-width:thin;scrollbar-color:var(--sb-b) transparent}
  html{scrollbar-width:none}
}