@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════════
   دکتر حسن رضا محمدی — قالب «اعتماد بالینی»
   ترتیب: ۱) فونت ۲) توکن ۳) پایه ۴) اجزا ۵) بخش‌ها ۶) واکنش‌گرا
   ═══════════════════════════════════════════════════════════════ */

/* ───── ۱. فونت یکان بخ ───── */
@font-face{font-family:"Yekan Bakh";font-style:normal;font-weight:300;font-display:swap;
  src:url(../fonts/YekanBakh-Light.woff2) format("woff2")}
@font-face{font-family:"Yekan Bakh";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/YekanBakh-Regular.woff2) format("woff2")}
@font-face{font-family:"Yekan Bakh";font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/YekanBakh-SemiBold.woff2) format("woff2")}
@font-face{font-family:"Yekan Bakh";font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/YekanBakh-Bold.woff2) format("woff2")}
@font-face{font-family:"Yekan Bakh";font-style:normal;font-weight:900;font-display:swap;
  src:url(../fonts/YekanBakh-Black.woff2) format("woff2")}

/* ───── ۲. توکن‌های طراحی — هویت بصری دکتر محمدی ───── */
/* منبع رنگ‌ها: سرمه‌ای خوشنویسی لوگو، آبی پس‌زمینهٔ پرتره، نقره‌ای مغز در لوگو */
:root{
  /* رنگ هویتی (در هر دو تم) */
  --c-studio:#3A4478;       /* پس‌زمینهٔ عکس پرتره — فقط Hero */
  --c-studio-ink:#C9D0E8;   /* متن فرعی روی studio */
  --c-accent-on-studio:#D9BF8F;

  /* رنگ — حالت روز */
  --c-brand:#0A2750;
  --c-primary:#0A2750;
  --c-primary-ink:#FFFFFF;
  --c-primary-soft:#E8EDF5;
  --c-primary-hover:#061B3A;
  --c-secondary:#3A4478;
  --c-accent:#B8925A;
  --c-accent-ink:#8A6428;
  --c-silver:#E0E1E4;
  --c-bg:#FFFFFF;
  --c-bg-soft:#F4F6FA;
  --c-card:#FFFFFF;
  --c-ink:#0B1B33;
  --c-ink-2:#3A4A63;
  --c-muted:#5E6B80;
  --c-line:#E1E6EE;
  --c-line-2:#C3CCDA;
  --c-field:#768399;
  --c-focus:#2F5FB3;
  --c-visual:linear-gradient(160deg,#E8EDF5,#F7F9FC);
  --c-danger:#B42318;
  --c-danger-soft:#FEF3F2;
  --c-ok:#067647;
  --c-ok-soft:#ECFDF3;
  --c-warn:#B54708;
  --c-warn-soft:#FFFAEB;

  /* سایه — با ته‌رنگ سرمه‌ای */
  --sh-1:0 1px 2px rgba(10,39,80,.06);
  --sh-2:0 1px 3px rgba(10,39,80,.07),0 10px 28px -14px rgba(10,39,80,.22);
  --sh-3:0 2px 6px rgba(10,39,80,.08),0 22px 48px -22px rgba(10,39,80,.32);

  /* شعاع */
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-xl:24px;
  --r-full:999px;

  /* فاصله */
  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px;
  --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:88px;

  /* تایپوگرافی */
  --f:"Yekan Bakh","Segoe UI",Tahoma,Arial,sans-serif;
  --f-num:"Yekan Bakh",ui-monospace,monospace;
  --t-xs:12.5px; --t-sm:14px;  --t-base:16px;
  --t-lg:18px;   --t-xl:21px;  --t-2xl:26px;
  --t-3xl:32px;  --t-4xl:40px; --t-5xl:clamp(30px,4.6vw,52px);

  /* چیدمان */
  --w-max:1180px;
  --w-text:68ch;
  --header-h:74px;
}

/* رنگ — حالت شب */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --c-brand:#22457F;
    --c-primary:#A9C1EA;
    --c-primary-ink:#061B3A;
    --c-primary-soft:#132A4A;
    --c-primary-hover:#C6D6F2;
    --c-secondary:#5A66A3;
    --c-accent:#D4B27A;
    --c-accent-ink:#D4B27A;
    --c-silver:#C4C8D0;
    --c-bg:#07111F;
    --c-bg-soft:#0C1A2E;
    --c-card:#0F1F36;
    --c-ink:#E8EDF5;
    --c-ink-2:#B8C3D6;
    --c-muted:#8E9AB0;
    --c-line:#1C2B44;
    --c-line-2:#2A3B58;
    --c-field:#6B7CA2;
    --c-focus:#8FB0F0;
    --c-visual:linear-gradient(160deg,#132A4A,#0C1A2E);
    --c-danger:#FDA29B;
    --c-danger-soft:#2A1615;
    --c-ok:#75E0A7;
    --c-ok-soft:#0D2A1F;
    --c-warn:#FEC84B;
    --c-warn-soft:#2A2113;
    --sh-1:0 1px 2px rgba(0,0,0,.4);
    --sh-2:0 1px 3px rgba(0,0,0,.5),0 10px 28px -14px rgba(0,0,0,.7);
    --sh-3:0 2px 6px rgba(0,0,0,.5),0 22px 48px -22px rgba(0,0,0,.8);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --c-brand:#22457F;
  --c-primary:#A9C1EA;
  --c-primary-ink:#061B3A;
  --c-primary-soft:#132A4A;
  --c-primary-hover:#C6D6F2;
  --c-secondary:#5A66A3;
  --c-accent:#D4B27A;
  --c-accent-ink:#D4B27A;
  --c-silver:#C4C8D0;
  --c-bg:#07111F;
  --c-bg-soft:#0C1A2E;
  --c-card:#0F1F36;
  --c-ink:#E8EDF5;
  --c-ink-2:#B8C3D6;
  --c-muted:#8E9AB0;
  --c-line:#1C2B44;
  --c-line-2:#2A3B58;
  --c-field:#6B7CA2;
  --c-focus:#8FB0F0;
  --c-visual:linear-gradient(160deg,#132A4A,#0C1A2E);
  --c-danger:#FDA29B;
  --c-danger-soft:#2A1615;
  --c-ok:#75E0A7;
  --c-ok-soft:#0D2A1F;
  --c-warn:#FEC84B;
  --c-warn-soft:#2A2113;
  --sh-1:0 1px 2px rgba(0,0,0,.4);
  --sh-2:0 1px 3px rgba(0,0,0,.5),0 10px 28px -14px rgba(0,0,0,.7);
  --sh-3:0 2px 6px rgba(0,0,0,.5),0 22px 48px -22px rgba(0,0,0,.8);
  color-scheme:dark;
}

/* ───── ۳. پایه ───── */
*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}

body{
  margin:0;
  direction:rtl;
  background:var(--c-bg);
  color:var(--c-ink);
  font-family:var(--f);
  font-size:var(--t-base);
  font-weight:400;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.4;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:var(--t-4xl);font-weight:800}
h2{font-size:var(--t-3xl);font-weight:800}
h3{font-size:var(--t-xl)}
h4{font-size:var(--t-lg)}
p{margin:0}
img,svg,video{max-width:100%;height:auto;display:block}
ul,ol{margin:0;padding:0}

a{color:var(--c-primary);text-decoration:none;transition:color .18s ease}
a:hover{color:var(--c-primary-hover)}

button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--c-focus);
  outline-offset:2px;
  border-radius:3px;
}

/* اعداد فارسی هم‌عرض */
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* پرش به محتوا */
.skip-link{
  position:absolute;inset-inline-start:-9999px;top:0;z-index:999;
  background:var(--c-primary);color:var(--c-primary-ink);
  padding:12px 20px;border-radius:0 0 var(--r-sm) var(--r-sm);font-weight:600;
}
.skip-link:focus{inset-inline-start:16px;color:var(--c-primary-ink)}

.screen-reader-text{
  position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(1px,1px,1px,1px);white-space:nowrap;
}

/* ───── ۴. اجزای مشترک ───── */
.wrap{max-width:var(--w-max);margin-inline:auto;padding-inline:24px}
.wrap-narrow{max-width:840px;margin-inline:auto;padding-inline:24px}

.section{padding-block:var(--s-9)}
.section--soft{background:var(--c-bg-soft)}
.section__head{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-7);max-width:64ch}
.section__head--center{margin-inline:auto;text-align:center;align-items:center}

.eyebrow{
  display:inline-flex;align-items:center;gap:var(--s-2);
  font-size:var(--t-xs);font-weight:600;color:var(--c-accent-ink);
}
.eyebrow::before{content:"";width:20px;height:2px;background:var(--c-accent);border-radius:2px;flex:none}
.eyebrow--center::before{display:none}

.lede{font-size:var(--t-lg);line-height:1.9;color:var(--c-muted);font-weight:300}

/* دکمه */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);
  min-height:48px;padding:12px 24px;border-radius:var(--r-sm);
  font-size:var(--t-sm);font-weight:600;line-height:1;
  border:1px solid transparent;cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .12s ease;
  text-align:center;
}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--c-primary);color:var(--c-primary-ink)}
.btn--primary:hover{background:var(--c-primary-hover);color:var(--c-primary-ink)}
.btn--ghost{background:transparent;color:var(--c-ink);border-color:var(--c-field)}
.btn--ghost:hover{background:var(--c-primary-soft);color:var(--c-ink);border-color:var(--c-primary)}
.btn--soft{background:var(--c-primary-soft);color:var(--c-primary)}
.btn--soft:hover{background:var(--c-primary);color:var(--c-primary-ink)}
.btn--sm{min-height:40px;padding:9px 16px;font-size:var(--t-xs)}
.btn--block{width:100%}
.btn__icon{width:18px;height:18px;flex:none}

/* کارت */
.card{
  background:var(--c-card);border:1px solid var(--c-line);
  border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--sh-1);
}
.card--lift{transition:box-shadow .22s ease,border-color .22s ease}
.card--lift:hover{box-shadow:var(--sh-2);border-color:var(--c-line-2)}

/* نشان */
.badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:var(--t-xs);font-weight:600;padding:5px 11px;
  border-radius:var(--r-full);background:var(--c-primary-soft);color:var(--c-primary);
}
.badge--neutral{background:var(--c-bg-soft);color:var(--c-muted);border:1px solid var(--c-line)}

/* ───── ۵. هدر ───── */
.site-header{
  position:sticky;top:0;z-index:100;
  background:color-mix(in srgb,var(--c-bg) 88%,transparent);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--c-line);
}
@supports not (backdrop-filter:blur(1px)){.site-header{background:var(--c-bg)}}

.site-header__inner{
  display:flex;align-items:center;gap:var(--s-5);
  min-height:var(--header-h);
}
.brand{display:flex;align-items:center;gap:var(--s-3);flex:none;color:var(--c-ink)}
.brand:hover{color:var(--c-ink)}
.brand__mark{flex:none;display:block;line-height:0;border-radius:var(--r-sm)}
.brand__mark img{height:46px!important;width:auto!important;max-width:none}
/* در حالت شب لوگو روی زمینهٔ روشن کوچکی می‌نشیند تا رنگ اصلی‌اش حفظ شود */
:root[data-theme="dark"] .brand__mark{background:#FFFFFF;padding:3px 5px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand__mark{background:#FFFFFF;padding:3px 5px}}
.brand__text{display:flex;flex-direction:column;line-height:1.35}
.brand__name{font-size:15.5px;font-weight:700;letter-spacing:-.01em}
.brand__role{font-size:11.5px;color:var(--c-muted);font-weight:400}

.nav{margin-inline-start:auto}
.nav ul{display:flex;align-items:center;gap:var(--s-1);list-style:none}
.nav a{
  display:block;padding:9px 11px;white-space:nowrap;border-radius:var(--r-sm);
  font-size:var(--t-sm);font-weight:500;color:var(--c-ink-2);
  transition:background-color .18s ease,color .18s ease;
}
.nav a:hover{background:var(--c-bg-soft);color:var(--c-ink)}
.nav .current-menu-item > a,
.nav .current_page_item > a{color:var(--c-primary);font-weight:600}

.header-actions{display:flex;align-items:center;gap:var(--s-2);flex:none}

.theme-toggle{
  width:40px;height:40px;border-radius:var(--r-sm);border:1px solid var(--c-line);
  display:grid;place-items:center;color:var(--c-ink-2);
  transition:background-color .18s ease,color .18s ease;
}
.theme-toggle:hover{background:var(--c-bg-soft);color:var(--c-ink)}
.theme-toggle svg{width:19px;height:19px}
.theme-toggle .icon-sun{display:none}
:root[data-theme="dark"] .theme-toggle .icon-sun{display:block}
:root[data-theme="dark"] .theme-toggle .icon-moon{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .theme-toggle .icon-sun{display:block}
  :root:not([data-theme="light"]) .theme-toggle .icon-moon{display:none}
}

.nav-toggle{
  display:none;width:40px;height:40px;border-radius:var(--r-sm);
  border:1px solid var(--c-line);place-items:center;color:var(--c-ink);
}
.nav-toggle svg{width:20px;height:20px}

/* ───── هیرو — پرتره روی آبی استودیو ───── */
/* پس‌زمینهٔ Hero دقیقاً رنگ پس‌زمینهٔ عکس است تا لبهٔ عکس دیده نشود. */
.hero{position:relative;background:var(--c-studio);color:#FFFFFF;overflow:hidden;isolation:isolate}
.hero__inner{min-height:clamp(460px,48vw,600px);display:flex;align-items:center}
.hero__text{
  position:relative;z-index:1;width:54%;padding-block:var(--s-9);
  display:flex;flex-direction:column;gap:var(--s-4);
}
.hero .eyebrow{color:var(--c-accent-on-studio)}
.hero .eyebrow::before{background:var(--c-accent-on-studio)}
.hero h1{font-size:var(--t-5xl);line-height:1.3;font-weight:900;color:#FFFFFF}
.hero h1 b{color:var(--c-accent-on-studio);font-weight:inherit}
.hero__sub{font-size:var(--t-lg);line-height:1.9;color:var(--c-studio-ink);max-width:44ch;font-weight:400}
.hero__btns{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-2)}
.hero__assure{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);font-size:var(--t-xs);color:var(--c-studio-ink);margin-top:var(--s-2)}
.hero__assure span{display:flex;align-items:center;gap:6px}
.hero__assure svg{width:15px;height:15px;color:var(--c-accent-on-studio);flex:none}

.hero__figure{
  position:absolute;inset-block:0;inset-inline-end:0;width:50%;margin:0;z-index:0;
  -webkit-mask-image:linear-gradient(to right,#000 72%,transparent);
  mask-image:linear-gradient(to right,#000 72%,transparent);
}
.hero__figure img{width:100%;height:100%;object-fit:cover;object-position:22% 28%}
.hero__figure .glyph{width:46%;margin:auto;height:100%;color:var(--c-studio-ink);opacity:.5}

/* دکمه‌های روی آبی استودیو */
.btn--on-studio{background:#FFFFFF;color:#0A2750}
.btn--on-studio:hover{background:var(--c-studio-ink);color:#0A2750}
.btn--ghost-studio{background:transparent;color:#FFFFFF;border-color:var(--c-studio-ink)}
.btn--ghost-studio:hover{border-color:#FFFFFF;color:#FFFFFF;background:rgba(255,255,255,.06)}
.hero :where(a,button):focus-visible{outline-color:#FFFFFF}

/* ───── نوار اعتبار (زیر Hero) ───── */
.trust{background:var(--c-bg);border-bottom:1px solid var(--c-line)}
.stats{display:grid;grid-template-columns:repeat(4,1fr)}
.stats__item{
  padding:var(--s-6) var(--s-4);text-align:center;
  border-inline-start:1px solid var(--c-line);
}
.stats__item:first-child{border-inline-start:0}
.stats__num{
  display:block;font-size:var(--t-3xl);font-weight:900;color:var(--c-accent-ink);
  line-height:1.25;font-variant-numeric:tabular-nums;
}
.stats__label{display:block;font-size:var(--t-xs);color:var(--c-muted);margin-top:var(--s-1);line-height:1.7}

/* ───── ۶. ویدئو بوک ───── */
.vb-hero{
  display:grid;grid-template-columns:1fr 340px;gap:var(--s-7);align-items:start;
}
.vb-cover{
  border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-line);
  background:var(--c-visual);aspect-ratio:3/4;display:grid;place-items:center;
}
.vb-cover img{width:100%;height:100%;object-fit:cover}

.vb-progress{
  display:flex;align-items:center;gap:var(--s-3);
  padding:var(--s-4);background:var(--c-primary-soft);
  border-radius:var(--r-md);margin-bottom:var(--s-5);
}
.vb-progress__ring{width:44px;height:44px;flex:none}
.vb-progress__text b{display:block;font-size:var(--t-sm);font-weight:700}
.vb-progress__text small{display:block;font-size:var(--t-xs);color:var(--c-muted)}

/* فهرست فصل‌ها */
.chapters{display:flex;flex-direction:column;gap:var(--s-3);list-style:none}
.chapter{
  display:grid;grid-template-columns:auto 132px 1fr auto;gap:var(--s-4);
  align-items:center;
  background:var(--c-card);border:1px solid var(--c-line);
  border-radius:var(--r-md);padding:var(--s-3);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.chapter:hover{border-color:var(--c-primary);box-shadow:var(--sh-2)}
.chapter--done{border-inline-end:3px solid var(--c-primary)}

.chapter__no{
  width:38px;height:38px;border-radius:var(--r-sm);flex:none;
  display:grid;place-items:center;font-size:var(--t-sm);font-weight:700;
  background:var(--c-bg-soft);color:var(--c-muted);
  font-variant-numeric:tabular-nums;
}
.chapter--done .chapter__no{background:var(--c-primary);color:var(--c-primary-ink)}

.chapter__thumb{
  position:relative;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;
  background:var(--c-primary-soft);display:grid;place-items:center;
}
.chapter__thumb img{width:100%;height:100%;object-fit:cover}
.chapter__thumb::after{
  content:"";position:absolute;inset:0;margin:auto;
  width:0;height:0;
  border-inline-end:0;
  border-left:13px solid #fff;
  border-top:9px solid transparent;border-bottom:9px solid transparent;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));
}
.chapter__body{min-width:0}
.chapter__title{font-size:var(--t-base);font-weight:600;line-height:1.6;margin-bottom:5px}
.chapter__title a{color:var(--c-ink)}
.chapter__title a:hover{color:var(--c-primary)}
.chapter__meta{display:flex;flex-wrap:wrap;gap:var(--s-3);font-size:var(--t-xs);color:var(--c-muted)}
.chapter__meta span{display:flex;align-items:center;gap:5px}
.chapter__meta svg{width:14px;height:14px;flex:none}

.chapter__bar{height:4px;border-radius:2px;background:var(--c-line);overflow:hidden;margin-top:var(--s-2)}
.chapter__bar i{display:block;height:100%;background:var(--c-primary);border-radius:2px;transition:width .4s ease}
.chapter__state{font-size:var(--t-xs);color:var(--c-muted);white-space:nowrap;flex:none}

/* پخش‌کننده */
.player{
  position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;
  background:#050B16;border:1px solid var(--c-line);
}
.player iframe,.player video{width:100%;height:100%;border:0;display:block}
.player__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.player__play{
  position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;
  background:var(--c-primary);color:var(--c-primary-ink);
  display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.5);
  transition:transform .2s ease;
}
.player__play:hover{transform:scale(1.06)}
.player__play svg{width:30px;height:30px;margin-inline-start:4px}

/* رونوشت متنی */
.transcript{
  margin-top:var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-md);
  background:var(--c-card);overflow:hidden;
}
.transcript > summary{
  padding:var(--s-4) var(--s-5);cursor:pointer;font-weight:600;font-size:var(--t-sm);
  display:flex;align-items:center;gap:var(--s-2);list-style:none;
}
.transcript > summary::-webkit-details-marker{display:none}
.transcript > summary::after{
  content:"";width:8px;height:8px;margin-inline-start:auto;
  border-inline-end:2px solid var(--c-muted);border-bottom:2px solid var(--c-muted);
  transform:rotate(45deg);transition:transform .2s ease;
}
.transcript[open] > summary::after{transform:rotate(-135deg)}
.transcript__body{
  padding:0 var(--s-5) var(--s-5);font-size:var(--t-sm);line-height:2.1;color:var(--c-ink-2);
  max-height:420px;overflow-y:auto;
}

/* ───── راهنمای علائم ───── */
.triage{
  background:var(--c-card);border:1px solid var(--c-line);
  border-radius:var(--r-xl);padding:var(--s-7);box-shadow:var(--sh-2);
}
.triage__step{display:none}
.triage__step.is-active{display:block}
.triage__q{font-size:var(--t-2xl);font-weight:700;margin-bottom:var(--s-5);line-height:1.5}
.triage__opts{display:grid;gap:var(--s-3)}
.triage__opt{
  display:flex;align-items:center;gap:var(--s-3);width:100%;text-align:start;
  padding:var(--s-4) var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-md);
  background:var(--c-bg);font-size:var(--t-base);font-weight:500;
  transition:border-color .18s ease,background-color .18s ease;
}
.triage__opt:hover{border-color:var(--c-primary);background:var(--c-primary-soft)}
.triage__opt svg{width:20px;height:20px;color:var(--c-primary);flex:none}

.triage__bar{display:flex;gap:6px;margin-bottom:var(--s-6)}
.triage__bar i{height:4px;flex:1;border-radius:2px;background:var(--c-line);transition:background-color .3s ease}
.triage__bar i.on{background:var(--c-primary)}

.triage__disclaimer{
  display:flex;gap:var(--s-3);margin-top:var(--s-5);
  padding:var(--s-4);border-radius:var(--r-md);
  background:var(--c-warn-soft);border:1px solid color-mix(in srgb,var(--c-warn) 30%,transparent);
  font-size:var(--t-xs);line-height:1.85;color:var(--c-ink-2);
}
.triage__disclaimer svg{width:20px;height:20px;color:var(--c-warn);flex:none}

/* ───── مسیر بیمار ───── */
.journey{position:relative;list-style:none;padding-inline-start:0}
.journey::before{
  content:"";position:absolute;inset-inline-start:19px;top:20px;bottom:20px;
  width:2px;background:var(--c-line);
}
.journey__step{position:relative;display:grid;grid-template-columns:40px 1fr;gap:var(--s-5);padding-bottom:var(--s-6)}
.journey__step:last-child{padding-bottom:0}
.journey__dot{
  width:40px;height:40px;border-radius:50%;z-index:1;
  background:var(--c-card);border:2px solid var(--c-primary);color:var(--c-primary);
  display:grid;place-items:center;font-weight:700;font-size:var(--t-sm);
  font-variant-numeric:tabular-nums;
}
.journey__title{font-size:var(--t-lg);font-weight:700;margin-bottom:var(--s-2)}
.journey__when{
  display:inline-block;font-size:var(--t-xs);font-weight:600;color:var(--c-primary);
  background:var(--c-primary-soft);padding:3px 10px;border-radius:var(--r-full);margin-bottom:var(--s-2);
}
.journey__body{color:var(--c-muted);font-size:var(--t-sm);line-height:1.9;max-width:60ch}

/* ───── پروندهٔ شفاف ───── */
.credentials{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;
  background:var(--c-line);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden}
.credential{background:var(--c-card);padding:var(--s-5)}
.credential__label{font-size:var(--t-xs);color:var(--c-muted);margin-bottom:6px}
.credential__value{font-size:var(--t-base);font-weight:600;line-height:1.6}
.credential__verify{font-size:var(--t-xs);color:var(--c-primary);margin-top:6px;display:inline-flex;align-items:center;gap:5px}
.credential__verify svg{width:13px;height:13px}

.papers{list-style:none;display:flex;flex-direction:column;gap:1px;background:var(--c-line);
  border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden}
.paper{background:var(--c-card);padding:var(--s-5);display:grid;grid-template-columns:1fr auto;gap:var(--s-4);align-items:center}
.paper__title{font-size:var(--t-sm);font-weight:600;line-height:1.7;margin-bottom:5px}
.paper__meta{font-size:var(--t-xs);color:var(--c-muted)}
.paper__doi{font-size:var(--t-xs);white-space:nowrap;direction:ltr}

/* ───── خدمات ───── */
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--s-4)}
.service{display:flex;flex-direction:column;gap:var(--s-3)}
.service__icon{
  width:48px;height:48px;border-radius:var(--r-md);flex:none;
  background:var(--c-primary-soft);color:var(--c-primary);
  display:grid;place-items:center;
}
.service__icon svg{width:24px;height:24px}
.service__title{font-size:var(--t-lg);font-weight:700}
.service__text{font-size:var(--t-sm);color:var(--c-muted);line-height:1.9;flex:1}
.service__link{font-size:var(--t-sm);font-weight:600;display:inline-flex;align-items:center;gap:6px}

/* ───── فرم‌ها ───── */
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:var(--s-4)}
.field label{font-size:var(--t-sm);font-weight:600}
.field label .req{color:var(--c-danger);margin-inline-start:2px}
.field input,.field select,.field textarea{
  width:100%;min-height:48px;padding:12px 14px;
  background:var(--c-bg);border:1px solid var(--c-field);border-radius:var(--r-sm);
  font-size:var(--t-base);transition:border-color .18s ease,box-shadow .18s ease;
}
.field textarea{min-height:130px;resize:vertical;line-height:1.9}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:0;border-color:var(--c-primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--c-focus) 28%,transparent);
}
.field__help{font-size:var(--t-xs);color:var(--c-muted)}
.field__error{font-size:var(--t-xs);color:var(--c-danger);font-weight:500}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--c-danger)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}

.form-note{
  display:flex;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);
  background:var(--c-bg-soft);border:1px solid var(--c-line);
  font-size:var(--t-xs);line-height:1.85;color:var(--c-muted);margin-bottom:var(--s-5);
}
.form-note svg{width:18px;height:18px;color:var(--c-primary);flex:none}

.form-status{padding:var(--s-4);border-radius:var(--r-md);font-size:var(--t-sm);margin-top:var(--s-4);display:none}
.form-status.is-ok{display:block;background:var(--c-ok-soft);color:var(--c-ok);border:1px solid var(--c-ok)}
.form-status.is-err{display:block;background:var(--c-danger-soft);color:var(--c-danger);
  border:1px solid color-mix(in srgb,var(--c-danger) 40%,transparent)}

/* انتخابگر تاریخ شمسی */
.jdate{position:relative}
.jdate__pop{
  position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:60;width:296px;
  background:var(--c-card);border:1px solid var(--c-line-2);border-radius:var(--r-md);
  box-shadow:var(--sh-3);padding:var(--s-4);display:none;
}
.jdate__pop.is-open{display:block}
.jdate__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}
.jdate__head b{font-size:var(--t-sm);font-weight:700}
.jdate__nav{width:32px;height:32px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--c-ink-2)}
.jdate__nav:hover{background:var(--c-bg-soft)}
.jdate__nav svg{width:16px;height:16px}
.jdate__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.jdate__dow{font-size:11px;color:var(--c-muted);text-align:center;padding:4px 0;font-weight:600}
.jdate__day{
  aspect-ratio:1;border-radius:var(--r-sm);display:grid;place-items:center;
  font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--c-ink);
}
.jdate__day:hover:not(:disabled){background:var(--c-primary-soft);color:var(--c-primary)}
.jdate__day:disabled{color:var(--c-line-2);cursor:not-allowed}
.jdate__day.is-today{border:1px solid var(--c-primary);color:var(--c-primary);font-weight:700}
.jdate__day.is-sel{background:var(--c-primary);color:var(--c-primary-ink);font-weight:700}

/* ───── پرسش‌وپاسخ ───── */
.qa{list-style:none;display:flex;flex-direction:column;gap:var(--s-3)}
.qa__item{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden}
.qa__q{
  width:100%;text-align:start;padding:var(--s-4) var(--s-5);
  font-size:var(--t-base);font-weight:600;line-height:1.7;
  display:flex;align-items:center;gap:var(--s-3);
}
.qa__q::after{
  content:"";width:9px;height:9px;margin-inline-start:auto;flex:none;
  border-inline-end:2px solid var(--c-muted);border-bottom:2px solid var(--c-muted);
  transform:rotate(45deg);transition:transform .22s ease;
}
.qa__item[open] .qa__q::after,
.qa__item.is-open .qa__q::after{transform:rotate(-135deg)}
.qa__a{padding:0 var(--s-5) var(--s-5);font-size:var(--t-sm);line-height:2;color:var(--c-muted)}

/* ───── نظرات بیماران ───── */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s-4)}
.quote{display:flex;flex-direction:column;gap:var(--s-4)}
.quote__text{font-size:var(--t-base);line-height:2;color:var(--c-ink-2);flex:1}
.quote__by{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-xs);color:var(--c-muted)}
.quote__avatar{
  width:38px;height:38px;border-radius:50%;flex:none;
  background:var(--c-primary-soft);color:var(--c-primary);
  display:grid;place-items:center;font-weight:700;font-size:var(--t-sm);
}
.quote__by b{display:block;color:var(--c-ink);font-size:var(--t-sm);font-weight:600}

/* ───── مقالات ───── */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s-5)}
.post-card{display:flex;flex-direction:column;gap:var(--s-3)}
.post-card__thumb{
  aspect-ratio:16/10;border-radius:var(--r-md);overflow:hidden;
  background:var(--c-primary-soft);border:1px solid var(--c-line);
}
.post-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.post-card:hover .post-card__thumb img{transform:scale(1.04)}
.post-card__title{font-size:var(--t-lg);font-weight:700;line-height:1.6}
.post-card__title a{color:var(--c-ink)}
.post-card__title a:hover{color:var(--c-primary)}
.post-card__meta{font-size:var(--t-xs);color:var(--c-muted);display:flex;gap:var(--s-3)}
.post-card__excerpt{font-size:var(--t-sm);color:var(--c-muted);line-height:1.9}

/* ───── محتوای تکی ───── */
.entry{max-width:var(--w-text);margin-inline:auto}
.entry__header{margin-bottom:var(--s-6);padding-bottom:var(--s-5);border-bottom:1px solid var(--c-line)}
.entry__title{font-size:var(--t-4xl);line-height:1.35;margin-bottom:var(--s-4)}
.entry__meta{display:flex;flex-wrap:wrap;gap:var(--s-4);font-size:var(--t-sm);color:var(--c-muted)}
.entry__content{font-size:17px;line-height:2.1}
.entry__content > * + *{margin-top:var(--s-5)}
.entry__content h2{font-size:var(--t-2xl);margin-top:var(--s-7)}
.entry__content h3{font-size:var(--t-xl);margin-top:var(--s-6)}
.entry__content ul,.entry__content ol{padding-inline-start:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2)}
.entry__content li{line-height:2}
.entry__content img{border-radius:var(--r-md);border:1px solid var(--c-line)}
.entry__content blockquote{
  margin:0;padding:var(--s-4) var(--s-5);
  border-inline-start:3px solid var(--c-primary);background:var(--c-bg-soft);
  border-radius:0 var(--r-md) var(--r-md) 0;color:var(--c-ink-2);
}
.entry__content table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
.entry__content th,.entry__content td{padding:11px 14px;border:1px solid var(--c-line);text-align:start}
.entry__content th{background:var(--c-bg-soft);font-weight:600}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* هشدار پزشکی */
.medical-note{
  display:flex;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-md);
  background:var(--c-bg-soft);border:1px solid var(--c-line);
  font-size:var(--t-sm);line-height:1.9;color:var(--c-muted);
}
.medical-note svg{width:22px;height:22px;color:var(--c-primary);flex:none}
.medical-note b{color:var(--c-ink);font-weight:600}

/* ───── فوتر ───── */
.site-footer{background:var(--c-bg-soft);border-top:1px solid var(--c-line);padding-top:var(--s-8)}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--s-6);padding-bottom:var(--s-7)}
.footer__col h4{font-size:var(--t-sm);font-weight:700;margin-bottom:var(--s-4)}
.footer__col ul{list-style:none;display:flex;flex-direction:column;gap:var(--s-3)}
.footer__col a{font-size:var(--t-sm);color:var(--c-muted)}
.footer__col a:hover{color:var(--c-primary)}
.footer__about{font-size:var(--t-sm);color:var(--c-muted);line-height:1.9;max-width:38ch;margin-top:var(--s-3)}
.footer__contact{display:flex;flex-direction:column;gap:var(--s-3);font-size:var(--t-sm);color:var(--c-muted)}
.footer__contact a{display:flex;align-items:start;gap:var(--s-2);color:var(--c-muted)}
.footer__contact svg{width:17px;height:17px;color:var(--c-primary);flex:none;margin-top:4px}
.footer__bottom{
  border-top:1px solid var(--c-line);padding-block:var(--s-5);
  display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:center;
  font-size:var(--t-xs);color:var(--c-muted);
}
.footer__bottom .medical-id{margin-inline-start:auto}

/* ───── نوار تماس موبایل ───── */
.mobile-bar{
  position:fixed;bottom:0;inset-inline:0;z-index:90;display:none;
  background:var(--c-card);border-top:1px solid var(--c-line);
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  gap:var(--s-2);box-shadow:0 -4px 20px -8px rgba(10,39,80,.2);
}
.mobile-bar .btn{flex:1;min-height:46px}

/* ───── برگه‌های داخلی ───── */
.section--tight{padding-block:var(--s-8)}

.page-head{background:var(--c-bg-soft);border-bottom:1px solid var(--c-line);padding-block:var(--s-8) var(--s-7)}
.page-head .eyebrow a{color:inherit}
.page-head .eyebrow a:hover{color:var(--c-primary)}
.page-head__title{font-size:var(--t-4xl);font-weight:900;line-height:1.35;margin-top:var(--s-3)}
.page-head__lede{margin-top:var(--s-3);max-width:62ch}
.page-head__row{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-3)}
.page-head__row .page-head__title{margin-top:0}

.entry--wide{max-width:none;margin:0}

/* حوزه‌های تخصصی */
.services--pillars{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--s-5)}
.service--pillar{padding:var(--s-6)}
.service__title a{color:var(--c-ink)}
.service__title a:hover{color:var(--c-primary)}
.service__icon--lg{width:60px;height:60px;border-radius:var(--r-lg)}
.service__icon--lg svg{width:30px;height:30px}

.tags{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.tags li{font-size:var(--t-xs);padding:4px 11px;border-radius:var(--r-full);background:var(--c-bg-soft);border:1px solid var(--c-line);color:var(--c-ink-2)}

.service-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s-7);align-items:start}
.service-aside{display:flex;flex-direction:column;gap:var(--s-4);position:sticky;top:calc(var(--header-h) + var(--s-4))}
.service-figure{margin:0 0 var(--s-6);border-radius:var(--r-lg);overflow:hidden}
.service-figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.aside__title{font-size:var(--t-base);font-weight:700;margin-bottom:var(--s-3)}
.aside__meta{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-xs);color:var(--c-muted);margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--c-line)}
.aside__meta svg{width:15px;height:15px;flex:none}
.checklist{list-style:none;display:flex;flex-direction:column;gap:var(--s-2)}
.checklist li{display:flex;gap:var(--s-2);font-size:var(--t-sm);line-height:1.8}
.checklist svg{width:16px;height:16px;color:var(--c-accent-ink);flex:none;margin-top:5px}

.card--brand{background:var(--c-studio);border-color:var(--c-studio);color:#FFFFFF}
.card--brand .aside__title{color:#FFFFFF}
.card--brand p{color:var(--c-studio-ink);font-size:var(--t-sm);line-height:1.9;margin-bottom:var(--s-4)}
.card--brand :where(a,button):focus-visible{outline-color:#FFFFFF}

/* نوار دعوت به نوبت */
.cta-band{background:var(--c-brand);color:#FFFFFF;padding-block:var(--s-8)}
.cta-band__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-5)}
.cta-band__title{font-size:var(--t-2xl);font-weight:800;color:#FFFFFF}
.cta-band__text{color:var(--c-studio-ink);margin-top:var(--s-2);max-width:56ch;font-size:var(--t-sm);line-height:1.9}
.cta-band__btns{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.cta-band :where(a,button):focus-visible{outline-color:#FFFFFF}

/* پژوهش — صفحهٔ اول */
.research-teaser{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-7);align-items:center}
.research-teaser__text{display:flex;flex-direction:column;gap:var(--s-4);align-items:flex-start}
.research-teaser__facts{list-style:none;display:flex;flex-direction:column;gap:1px;background:var(--c-line);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden}
.research-teaser__facts li{background:var(--c-card);padding:var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:2px}
.research-teaser__facts b{font-size:var(--t-lg);font-weight:800;color:var(--c-accent-ink)}
.research-teaser__facts span{font-size:var(--t-xs);color:var(--c-muted);line-height:1.8}

/* پژوهش — صفحهٔ پژوهش */
.ai-feature{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-7);align-items:start}
.ai-feature__text{display:flex;flex-direction:column;gap:var(--s-4)}
.ai-feature__text p:not(.eyebrow){color:var(--c-ink-2);line-height:2}
.ai-feature__list{list-style:none;counter-reset:ai;display:flex;flex-direction:column;gap:var(--s-4)}
.ai-feature__list li{counter-increment:ai;position:relative;padding:var(--s-5);padding-inline-start:64px;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:var(--s-1)}
.ai-feature__list li::before{content:counter(ai,persian);position:absolute;inset-inline-start:var(--s-5);top:var(--s-5);width:28px;height:28px;border-radius:50%;background:var(--c-primary-soft);color:var(--c-primary);display:grid;place-items:center;font-weight:700;font-size:var(--t-sm)}
.ai-feature__list b{font-size:var(--t-base);font-weight:700}
.ai-feature__list span{font-size:var(--t-sm);color:var(--c-ink-2);line-height:1.9}
.ai-feature__list small{font-size:var(--t-xs);color:var(--c-accent-ink);font-weight:600}

.chips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-7)}
.chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:8px 14px;border-radius:var(--r-full);border:1px solid var(--c-line-2);background:var(--c-card);color:var(--c-ink-2);font-size:var(--t-sm);font-weight:500}
.chip:hover{border-color:var(--c-primary);color:var(--c-primary)}
.chip__count{font-size:var(--t-xs);color:var(--c-muted);font-variant-numeric:tabular-nums}
.paper-group + .paper-group{margin-top:var(--s-7)}
.paper-group__title{font-size:var(--t-xl);margin-bottom:var(--s-4)}
.paper__title[dir="ltr"]{text-align:left;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.paper__fa{font-size:var(--t-xs);color:var(--c-ink-2);margin-bottom:5px}
.paper__meta{display:flex;flex-wrap:wrap;gap:4px var(--s-3)}
.paper__meta span + span::before{content:"·";margin-inline-end:var(--s-3);color:var(--c-line-2)}

/* مطب و بیمارستان‌ها */
.places{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--s-4)}
.contact-layout .places{grid-template-columns:1fr}
.place{display:flex;flex-direction:column;gap:var(--s-3)}
.place__label{font-size:var(--t-xs);font-weight:600;color:var(--c-accent-ink)}
.place__line{display:flex;gap:var(--s-2);font-size:var(--t-sm);line-height:1.8;color:var(--c-ink-2)}
.place__line svg{width:17px;height:17px;color:var(--c-primary);flex:none;margin-top:4px}
.place__line a{color:var(--c-ink)}
.place__line a:hover{color:var(--c-primary)}
.place__note{display:block;font-size:var(--t-xs);color:var(--c-muted);line-height:1.8}
.place__list{list-style:none;display:flex;flex-direction:column;gap:var(--s-2)}
.place__list li{display:flex;gap:var(--s-2);align-items:center;font-size:var(--t-sm)}
.place__list svg{width:16px;height:16px;color:var(--c-muted);flex:none}

/* درباره */
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--s-7);align-items:start}
.about-photo{margin:0;border-radius:var(--r-xl);overflow:hidden;position:sticky;top:calc(var(--header-h) + var(--s-4))}
.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.about-photo figcaption{font-size:var(--t-xs);color:var(--c-muted);padding-top:var(--s-2)}

.timeline{list-style:none;padding:0!important;display:flex;flex-direction:column;gap:0!important;border-inline-start:2px solid var(--c-line);margin-inline-start:6px}
.timeline li{position:relative;padding-inline-start:var(--s-5);padding-bottom:var(--s-5);line-height:1.9}
.timeline li::before{content:"";position:absolute;inset-inline-start:-7px;top:9px;width:12px;height:12px;border-radius:50%;background:var(--c-card);border:2px solid var(--c-accent)}
.timeline b{display:block;font-size:var(--t-xs);color:var(--c-accent-ink);font-weight:700}

.media-list{list-style:none;padding:0!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--s-3)!important}
.media-list li{background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s-4);line-height:1.8}
.media-list b{display:block}
.media-list small{color:var(--c-muted)}

/* هشدار اورژانس */
.alert-box{display:flex;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-lg);background:var(--c-danger-soft);border:1px solid color-mix(in srgb,var(--c-danger) 35%,transparent);color:var(--c-ink-2);font-size:var(--t-sm);line-height:1.9}
.alert-box svg{width:24px;height:24px;color:var(--c-danger);flex:none}
.alert-box__title{font-weight:700;color:var(--c-danger);margin-bottom:var(--s-1)}

/* تماس */
.contact-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s-7);align-items:start}
.contact-layout__title{font-size:var(--t-xl);margin-bottom:var(--s-4)}
.form-alt{font-size:var(--t-sm);color:var(--c-muted);margin-top:var(--s-4)}
.map-embed{margin-top:var(--s-4);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-line)}
.map-embed iframe{width:100%;height:300px;border:0;display:block}

.field input[type="file"]{padding:10px;min-height:auto;background:var(--c-bg-soft);border-style:dashed}

@media (max-width:1024px){
  .service-layout,.about-layout,.contact-layout,.research-teaser,.ai-feature{grid-template-columns:1fr}
  .service-aside,.about-photo{position:static}
  .about-photo{max-width:420px}
}
@media (max-width:860px){
  .page-head{padding-block:var(--s-7) var(--s-6)}
  .page-head__title{font-size:var(--t-3xl)}
  .cta-band__btns{width:100%}
  .cta-band__btns .btn{flex:1}
}

/* ───── ۷. واکنش‌گرا ───── */
@media (max-width:1024px){
  .hero__inner{flex-direction:column;align-items:stretch;min-height:0}
  .hero__figure{order:-1;position:relative;width:auto;height:clamp(260px,56vw,420px);margin-inline:-24px;
    -webkit-mask-image:linear-gradient(to top,transparent,#000 22%);mask-image:linear-gradient(to top,transparent,#000 22%)}
  .hero__figure img{object-position:18% 22%}
  .hero__text{width:auto;padding-block:0 var(--s-8)}
  .vb-hero{grid-template-columns:1fr}
  .vb-cover{aspect-ratio:16/9;max-height:300px}
  .footer__grid{grid-template-columns:1fr 1fr}
}

@media (max-width:1180px){
  .nav{
    position:fixed;inset:var(--header-h) 0 auto 0;
    background:var(--c-bg);border-bottom:1px solid var(--c-line);
    padding:var(--s-4);box-shadow:var(--sh-3);
    display:none;margin:0;max-height:calc(100dvh - var(--header-h));overflow-y:auto;
  }
  .nav.is-open{display:block}
  .nav ul{flex-direction:column;align-items:stretch;gap:2px}
  .nav a{padding:13px 14px;font-size:var(--t-base)}
  .nav-toggle{display:grid}
  .header-actions{margin-inline-start:auto}
}

@media (max-width:860px){
  :root{--s-9:60px;--t-4xl:32px;--t-3xl:26px}
  .header-actions .btn--primary{display:none}

  .stats{grid-template-columns:repeat(2,1fr)}
  .stats__item:nth-child(3){border-inline-start:0}
  .stats__item:nth-child(-n+2){border-bottom:1px solid var(--c-line)}

  .chapter{grid-template-columns:auto 1fr;gap:var(--s-3)}
  .chapter__thumb{display:none}
  .chapter__state{display:none}

  .field-row{grid-template-columns:1fr}
  .paper{grid-template-columns:1fr;gap:var(--s-2)}
  .triage{padding:var(--s-5)}
  .mobile-bar{display:flex}
  body{padding-bottom:76px}
}

@media (max-width:520px){
  .wrap,.wrap-narrow{padding-inline:16px}
  .footer__grid{grid-template-columns:1fr;gap:var(--s-5)}
  .brand__role{display:none}
  .hero__btns .btn{flex:1}
  .hero__figure{margin-inline:-16px}
}

/* ───── چاپ ───── */
@media print{
  .site-header,.site-footer,.mobile-bar,.hero__btns,.theme-toggle{display:none!important}
  body{background:#fff;color:#000}
  .entry{max-width:none}
}
