/* ============================================================================
   ch-109 · آزمون‌های طراح
   (۱) صفحهٔ طراح: دکمهٔ «مشاهدهٔ همهٔ آزمون‌های طراح» زیر چند کارت بخش «آزمون‌ها و بسته‌های آزمون منتشرشده»
   (۲) صفحهٔ «آزمون‌های طراح» (‎/instructors/<pk>/exams/‎): روی پوستهٔ صفحهٔ فهرست آزمون‌های یک دسته
       (market-category-v2.css + market-category-v3.css). فقط تفاوت‌ها این‌جاست و همه زیر .tkd محدود شده‌اند:
       سربرگ کوچک طراح و ستون کنارِ دسته‌بندی‌ها.
   ============================================================================ */

/* ---------- (۱) صفحهٔ طراح ---------- */
.prof-land .land-more{display:flex;justify-content:center;margin-top:22px}
.prof-land .land-more__btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px 0 16px;border-radius:999px;background:var(--sk-amber,#ffc218);color:#1b1f28;font-size:14px;font-weight:800;text-decoration:none;transition:gap .2s ease,box-shadow .2s ease,transform .2s ease}
.prof-land .land-more__btn .n{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:rgba(27,31,40,.12);font-size:12px;font-weight:800}
.prof-land .land-more__btn svg{flex:none;width:17px;height:17px}
.prof-land .land-more__btn:hover{gap:13px;box-shadow:0 14px 30px -16px rgba(161,112,0,.65)}
.prof-land .land-more__btn:focus-visible{outline:2px solid var(--sk-ink,#1b1f28);outline-offset:3px}
@media (max-width:560px){.prof-land .land-more__btn{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.prof-land .land-more__btn{transition:none}}

/* ---------- (۲) صفحهٔ آزمون‌های طراح ---------- */
.tkd .tkd-intro{overflow:visible}

/* سربرگ کوچک طراح: عکس، نام، تخصص، چند عدد، و راه برگشت به پروفایل */
.tkd .tkd-head{display:flex;align-items:center;gap:16px;margin:12px 0 0;padding:14px 18px;border:1px solid var(--sk-line);border-radius:8px;background:var(--sk-surface)}
.tkd .tkd-av{flex:none;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;overflow:hidden;background:var(--sk-surface-2);border:1px solid var(--sk-line);color:var(--sk-ink-soft)}
.tkd .tkd-av img{width:100%;height:100%;object-fit:cover}
.tkd .tkd-av svg{width:26px;height:26px}
.tkd .tkd-id{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
/* صفحهٔ دسته h1 خود را فقط برای صفحه‌خوان نگه می‌دارد (market-category-v3.css)؛ این‌جا نام طراح دیده می‌شود */
.tkd .tk3-intro .tkd-id h1{position:static;width:auto;height:auto;margin:0;padding:0;clip:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:900;line-height:1.5;color:var(--sk-ink)}
.tkd .tk3-intro .tkd-id h1::after{content:none}
.tkd .tkd-role{margin:0;font-size:12.5px;line-height:1.8;color:var(--sk-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkd .tkd-stats{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:4px 0 0;padding:0;list-style:none}
.tkd .tkd-stats li{display:inline-flex;align-items:baseline;gap:5px;font-size:12px;color:var(--sk-ink-soft);white-space:nowrap}
.tkd .tkd-stats b{font-size:13px;font-weight:800;color:var(--sk-ink)}
.tkd .tkd-stats .rate svg{align-self:center;width:13px;height:13px;color:var(--sk-amber,#ffc218)}
.tkd .tkd-profile{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px 0 12px;border:1px solid var(--sk-line-strong);border-radius:6px;background:var(--sk-surface);color:var(--sk-ink);font-size:12.5px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,gap .15s ease}
.tkd .tkd-profile svg{width:15px;height:15px}
.tkd .tkd-profile:hover{gap:9px;background:var(--sk-surface-2);border-color:color-mix(in srgb,var(--sk-ink) 28%,transparent)}
.tkd .tkd-profile:focus-visible{outline:2px solid var(--sk-amber);outline-offset:1px}

/* ستون کنار: یک فهرست بی‌زبانه زیر یک سرِ کوچک (مثل فهرست طراحان و آموزشگاه‌ها) */
.tkd .tk3-head{display:flex;align-items:center;height:46px;padding:0 14px;border-radius:8px;background:var(--sk-surface-2);color:var(--sk-ink);font-size:13px;font-weight:800}
.tkd .tkc-drawer .tk3-head{height:40px;padding:0 12px}
/* کادرهای دسته‌بندی در فرم می‌مانند (ستون کنار همان‌ها را تیک می‌زند) ولی در کشو کشیده نمی‌شوند */
.tkd .tkc-drawer [data-fg="category"]{display:none}
/* مهارت، شغل و ابزار (فقط آن‌هایی که در آزمون‌های همین طراح هست) در کشو می‌مانند؛ صفحهٔ دسته آن‌ها را در ستون کنار دارد */
.tkd .tkc-drawer [data-fg="job"],.tkd .tkc-drawer [data-fg="skill"],.tkd .tkc-drawer [data-fg="tool"]{display:block}

@media (max-width:720px){
  .tkd .tkd-head{flex-wrap:wrap;gap:12px 14px;padding:14px}
  .tkd .tkd-av{width:52px;height:52px}
  .tkd .tk3-intro .tkd-id h1{font-size:16.5px}
  .tkd .tkd-profile{flex:1 1 100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.tkd .tkd-profile{transition:none}}

[data-theme="dark"] .tkd .tkd-head{background:var(--sk-surface);border-color:rgba(255,255,255,.12)}
[data-theme="dark"] .tkd .tkd-av{border-color:rgba(255,255,255,.14)}
[data-theme="dark"] .tkd .tkd-profile{border-color:rgba(255,255,255,.18)}