/* hrh-dir.css — الگوی واحد دایرکتوری و صفحهٔ مدخل (d3)
 * فقط توکن‌های hrh-tokens و کامپوننت‌های hrh-ui؛ هیچ رنگ تازه‌ای تعریف نمی‌شود.
 * ساختار: .hrh-dir > سربرگ (.hrh-dir__hero) › نوار فیلتر چسبان (.hrh-dir__bar) › کارت‌ها (.hrh-grid)
 *         › فهرست مطالب (.hrh-dir__toc، فقط مدخل) › «در همین خانه» (.hrh-kg) › تبلیغ خدمت (.hrh-dir__service)
 * قاعدهٔ تاریک d2: brand-700 فقط برای متن؛ پس‌زمینهٔ برند فقط brand-900. بخش پایانی سبز نیست (فوتر سبز است). */
.hrh-dir{--hrh-dir-top:0px;max-inline-size:1200px;margin-inline:auto;padding-inline:var(--hrh-space-4);padding-block:var(--hrh-space-4) var(--hrh-space-7);background:var(--hrh-surface-page);color:var(--hrh-text)}
.hrh-dir-frame{background:var(--hrh-surface-page)}
.hrh-dir-frame>.hrh-dir{padding-block:var(--hrh-space-3)}

/* ---------- مسیر راهنما ---------- */
.hrh-dir__crumbs{font-size:var(--hrh-fs-xs);color:var(--hrh-text-muted)}
.hrh-dir__crumbs ol{display:flex;flex-wrap:wrap;gap:var(--hrh-space-1);margin:0;padding:0;list-style:none}
.hrh-dir__crumbs li+li::before{content:"‹";margin-inline-end:var(--hrh-space-1);color:var(--hrh-text-muted)}
.hrh-dir__crumbs a{color:var(--hrh-brand-700);text-decoration:none}
.hrh-dir__crumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.hrh-dir__crumbs [aria-current]{color:var(--hrh-text)}

/* ---------- سربرگ ---------- */
.hrh-dir__hero{position:relative;margin-block:var(--hrh-space-3) var(--hrh-space-5);padding:var(--hrh-space-6) var(--hrh-space-5);background:var(--hrh-surface-card);border:1px solid var(--hrh-border);border-radius:var(--hrh-radius-xl);box-shadow:var(--hrh-shadow-sm);overflow:hidden}
.hrh-dir__hero::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:4px;background:linear-gradient(90deg,var(--hrh-brand-900),var(--hrh-accent-gold))}
.hrh-dir__kicker{margin:0 0 var(--hrh-space-2);font-size:var(--hrh-fs-xs);font-weight:var(--hrh-fw-bold);color:var(--hrh-brand-700)} /* d8: طلایی ۱۲ پیکسلی کنتراست کافی نداشت */
.hrh-dir__title{margin:0;font-size:var(--hrh-fs-2xl);font-weight:var(--hrh-fw-bold);line-height:var(--hrh-leading-tight);color:var(--hrh-text)}
.hrh-dir__lead{margin:var(--hrh-space-3) 0 0;max-inline-size:68ch;font-size:var(--hrh-fs-md);color:var(--hrh-text-muted)}
.hrh-dir__stats{display:flex;flex-wrap:wrap;gap:var(--hrh-space-2);margin:var(--hrh-space-4) 0 0;padding:0;list-style:none}
.hrh-dir__stats b{font-weight:var(--hrh-fw-bold)}

/* ---------- نوار فیلتر چسبان ---------- */
.hrh-dir__bar{position:sticky;inset-block-start:var(--hrh-dir-top);z-index:20;display:flex;flex-direction:column;gap:var(--hrh-space-2);margin-block-end:var(--hrh-space-4);padding-block:var(--hrh-space-3);background:var(--hrh-surface-page);border-block-end:1px solid var(--hrh-border)}
.hrh-dir__search{position:relative;display:block}
.hrh-dir .screen-reader-text{position:absolute!important;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hrh-dir__search .hrh-input{padding-inline-start:var(--hrh-space-7)}
.hrh-dir__search svg{position:absolute;inset-inline-start:var(--hrh-space-4);inset-block-start:50%;inline-size:18px;block-size:18px;transform:translateY(-50%);color:var(--hrh-text-muted);pointer-events:none}
.hrh-dir__facets{display:flex;flex-direction:column;gap:var(--hrh-space-2)}
.hrh-dir__facet{display:flex;gap:var(--hrh-space-2);overflow-x:auto;scrollbar-width:none;padding-block-end:2px}
.hrh-dir__facet::-webkit-scrollbar{display:none}
.hrh-dir__facet .hrh-chip{flex:none}
.hrh-dir__facet-label{flex:none;align-self:center;font-size:var(--hrh-fs-xs);font-weight:var(--hrh-fw-bold);color:var(--hrh-text-muted)}
.hrh-dir__count{margin:0;font-size:var(--hrh-fs-xs);color:var(--hrh-text-muted)}
.hrh-dir__reset{margin-inline-start:var(--hrh-space-2)}
.hrh-dir__reset[hidden]{display:none}

/* ---------- کارت مدخل (روی .hrh-card) ---------- */
.hrh-dir .hrh-card{min-block-size:100%}
.hrh-dir .hrh-card mark{background:var(--hrh-accent-cream);color:inherit;border-radius:2px}
.hrh-dir__empty[hidden]{display:none}
.hrh-dir__group{margin-block:var(--hrh-space-6) var(--hrh-space-3);font-size:var(--hrh-fs-lg);font-weight:var(--hrh-fw-bold);color:var(--hrh-text)}
.hrh-dir__group:first-child{margin-block-start:0}

/* ---------- صفحهٔ مدخل: فهرست مطالب و متن ---------- */
.hrh-dir__layout{display:grid;gap:var(--hrh-space-5)}
.hrh-dir__toc{padding:var(--hrh-space-4);background:var(--hrh-surface-card);border:1px solid var(--hrh-border);border-radius:var(--hrh-radius-lg)}
.hrh-dir__toc summary{font-weight:var(--hrh-fw-bold);cursor:pointer;min-block-size:36px;display:flex;align-items:center}
.hrh-dir__toc ol{margin:var(--hrh-space-2) 0 0;padding:0;list-style:none;counter-reset:t}
.hrh-dir__toc li{counter-increment:t}
.hrh-dir__toc a{display:block;padding:var(--hrh-space-2) var(--hrh-space-3);border-inline-start:2px solid var(--hrh-border);color:var(--hrh-text-muted);font-size:var(--hrh-fs-sm);text-decoration:none}
.hrh-dir__toc a::before{content:counter(t,persian) ". ";color:var(--hrh-text-muted)}
.hrh-dir__toc a:hover{color:var(--hrh-text)}
.hrh-dir__toc a[aria-current="true"]{border-inline-start-color:var(--hrh-brand-900);color:var(--hrh-brand-700);font-weight:var(--hrh-fw-bold)}
.hrh-dir__body{min-inline-size:0}
.hrh-dir__section{scroll-margin-block-start:calc(var(--hrh-dir-top) + var(--hrh-space-5));margin-block-end:var(--hrh-space-6)}
.hrh-dir__section>h2{margin:0 0 var(--hrh-space-3);font-size:var(--hrh-fs-xl);font-weight:var(--hrh-fw-bold);line-height:var(--hrh-leading-tight);color:var(--hrh-text)}
.hrh-dir__section p,.hrh-dir__section li{font-size:var(--hrh-fs-md);line-height:var(--hrh-leading-body)}
.hrh-dir__facts{display:grid;grid-template-columns:minmax(7em,max-content) 1fr;gap:var(--hrh-space-2) var(--hrh-space-4);margin:0 0 var(--hrh-space-5);padding:var(--hrh-space-4);background:var(--hrh-surface-card);border:1px solid var(--hrh-border);border-radius:var(--hrh-radius-lg);font-size:var(--hrh-fs-sm)}
.hrh-dir__facts dt{font-weight:var(--hrh-fw-bold);color:var(--hrh-text-muted)}
.hrh-dir__facts dd{margin:0}

/* ---------- «در همین خانه» (بلوک شبکهٔ دانش c1) ---------- */
.hrh-kg{margin-block:var(--hrh-space-7) var(--hrh-space-5)}
.hrh-kg>h2{margin:0 0 var(--hrh-space-4);font-size:var(--hrh-fs-xl)}
.hrh-kg .hrh-card{padding:var(--hrh-space-4);gap:var(--hrh-space-2)}
.hrh-kg .hrh-card__title{font-size:var(--hrh-fs-md)}
.hrh-kg .hrh-badge{align-self:flex-start}

/* ---------- تبلیغ خدمت (پل پایانی) ---------- */
.hrh-dir__service{display:flex;flex-direction:column;gap:var(--hrh-space-3);margin-block:var(--hrh-space-5) 0;padding:var(--hrh-space-5);background:var(--hrh-surface-card);border:1px solid var(--hrh-border);border-inline-start:4px solid var(--hrh-accent-gold);border-radius:var(--hrh-radius-lg)}
.hrh-dir__service h2{margin:0;font-size:var(--hrh-fs-lg);font-weight:var(--hrh-fw-bold)}
.hrh-dir__service p{margin:0;color:var(--hrh-text-muted);font-size:var(--hrh-fs-sm)}
.hrh-dir__service .hrh-dir__cta{display:flex;flex-wrap:wrap;gap:var(--hrh-space-2)}

/* ---------- پهن‌تر ---------- */
@media (min-width:768px){
	.hrh-dir{padding-inline:var(--hrh-space-5)}
	.hrh-dir__hero{padding:var(--hrh-space-7) var(--hrh-space-6)}
	.hrh-dir__title{font-size:var(--hrh-fs-3xl)}
	.hrh-dir__facet{flex-wrap:wrap;overflow:visible}
	.hrh-dir__service{flex-direction:row;align-items:center;justify-content:space-between}
}
@media (min-width:1024px){
	.hrh-dir__layout{grid-template-columns:260px minmax(0,1fr);align-items:start}
	.hrh-dir__toc{position:sticky;inset-block-start:calc(var(--hrh-dir-top) + var(--hrh-space-4));max-block-size:calc(100vh - var(--hrh-dir-top) - var(--hrh-space-7));overflow:auto}
}
@media print{.hrh-dir__bar,.hrh-dir__toc,.hrh-dir__service,.hrh-kg{display:none}}