/* =========================================================================
   EDIUSFA — ARTICLE (single post)  ·  page-layer v1.0
   لایهٔ اختصاصی صفحهٔ مقاله. توکن‌ها و اجزا از tokens.css و components.css
   و هدر از header.css ارث می‌رسد؛ اینجا فقط چیدمان صفحه.
   اولویت: خوانایی — ستون مطالعهٔ راحت، تایپوگرافی آرام، موبایل‌محور.
   ========================================================================= */

/* گارد حالت مخفی — درس صفحات قبلی (تعارض display اجزا با hidden) */
[hidden]{display:none!important}

/* ---- آهنگ عمودی صفحه ------------------------------------------------------ */
.article-main{min-height:60vh}
.art-head-wrap{padding-block:20px 0}
.art-crumbs{margin-bottom:18px;max-width:900px}
.art-crumbs [aria-current]{max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ========================================================================
   ۱) سرصفحهٔ مقاله: دسته + عنوان + چکیده + متا
   ======================================================================== */
.art-head{max-width:900px;margin-bottom:26px}
.art-meta-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}
/* .b-cat از الگوی بلاگ — فقط فاصلهٔ این صفحه */
.art-meta-top .b-cat{font-size:var(--fs-xs);padding:4px 12px}
.art-comments-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:var(--fs-xs);font-weight:700;color:var(--text-subtle);
  transition:color var(--t-fast);
}
.art-comments-link:hover{color:var(--primary-ink)}
.art-comments-link .icon-sm{width:14px;height:14px}

.art-title{
  font-size:clamp(25px,1.2rem + 1.7vw,38px);
  font-weight:900;line-height:1.6;letter-spacing:var(--ls-tight);
  color:var(--text);margin-bottom:12px;
}
.art-deck{font-size:var(--fs-md);color:var(--text-muted);line-height:2.05;max-width:68ch}

/* ردیف نویسنده و تاریخ — امضای تحریریه */
.art-byline{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-top:20px;padding-top:18px;border-top:1px solid var(--border);
}
.ab-author{display:inline-flex;align-items:center;gap:10px}
.ab-av{width:40px;height:40px;font-size:15px}
.ab-author-text{display:flex;flex-direction:column;line-height:1.6}
.ab-author-text b{font-size:var(--fs-sm);font-weight:800;color:var(--text)}
.ab-author-text > span{font-size:var(--fs-2xs);color:var(--text-subtle)}
.ab-sep{width:1px;height:26px;background:var(--border)}
.ab-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600;color:var(--text-muted)}
.ab-item .icon-sm{width:14px;height:14px;color:var(--text-subtle)}

/* ========================================================================
   ۲) تصویر شاخص
   ======================================================================== */
.art-hero{
  max-width:1120px;margin-inline:auto;
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);
}
.art-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.art-hero figcaption{
  padding:12px 20px;border-top:1px solid var(--border);
  font-size:var(--fs-xs);color:var(--text-subtle);line-height:1.9;
  background:var(--surface);
}

/* ========================================================================
   ۳) چیدمان مطالعه: فهرست مطالب (کنارِ شروع) + ستون متن
   DOM: فهرست اول است تا در موبایل بالای متن بیاید.
   ======================================================================== */
.art-layout{
  display:grid;grid-template-columns:280px minmax(0,1fr);
  gap:36px;align-items:start;
  padding-block:34px 0;
}
.art-layout > *{min-width:0}

/* ---- فهرست مطالب ---- */
.art-toc{position:sticky;top:calc(var(--header-h) + 16px)}
.toc-box{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);padding:18px 14px;box-shadow:var(--sh-xs);
}
.toc-title,.toc-mobile summary{
  display:flex;align-items:center;gap:8px;
  font-size:var(--fs-base);font-weight:800;color:var(--text);
  padding:0 8px;margin:0 0 10px;
}
.toc-title .icon-sm,.toc-mobile summary .icon-sm{width:15px;height:15px;color:var(--primary)}
.toc-list{list-style:none;margin:0;padding:0;counter-reset:toc}
.toc-list a{
  counter-increment:toc;
  display:flex;align-items:baseline;gap:8px;
  font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);line-height:1.8;
  padding:7px 9px;border-radius:var(--r-sm);
  transition:background var(--t-fast),color var(--t-fast);
}
.toc-list a::before{
  content:counter(toc,persian);
  font-size:var(--fs-2xs);font-weight:800;color:var(--text-subtle);
  min-width:14px;text-align:center;flex-shrink:0;
  transition:color var(--t-fast);
}
.toc-list a:hover{background:var(--surface-muted);color:var(--text)}
.toc-list a.is-active{background:var(--primary-soft);color:var(--primary-ink);font-weight:700}
.toc-list a.is-active::before{color:var(--primary)}

/* فهرست جمع‌شوندهٔ موبایل — پیش‌فرض مخفی */
.toc-mobile{display:none}
.toc-mobile summary{cursor:pointer;list-style:none;margin:0}
.toc-mobile summary::-webkit-details-marker{display:none}
.toc-mobile summary .chev{width:16px;height:16px;margin-inline-start:auto;color:var(--text-subtle);transition:transform var(--t-med)}
.toc-mobile[open] summary .chev{transform:rotate(180deg)}
.toc-mobile .toc-list{margin-top:10px;border-top:1px solid var(--border);padding-top:8px}

/* ========================================================================
   ۴) تایپوگرافی متن مقاله — قلب صفحه
   عرض مطالعهٔ راحت + ارتفاع خط سخاوتمند برای فارسی
   ======================================================================== */
.art-prose{
  max-width:var(--prose-w,760px);
  font-size:17px;line-height:2.15;color:var(--text-muted);
}
.art-prose p{margin-block:0 18px}
.art-prose p:last-child{margin-bottom:0}
.art-lead{
  font-size:18.5px;line-height:2.15;color:var(--text);
}
.art-prose b,.art-prose strong{color:var(--text);font-weight:700}

/* لینک درون‌متنی */
.art-inline{
  color:var(--primary-ink);font-weight:600;
  text-decoration:underline;text-decoration-color:rgba(14,115,128,.35);
  text-underline-offset:4px;text-decoration-thickness:1.5px;
  transition:text-decoration-color var(--t-fast),color var(--t-fast);
}
.art-inline:hover{color:var(--primary-hover);text-decoration-color:currentColor}

/* عناوین — فاصلهٔ نفس + لنگر زیر هدر چسبان */
.art-prose h2{
  font-size:22px;font-weight:900;line-height:1.7;color:var(--text);
  margin:46px 0 16px;scroll-margin-top:calc(var(--header-h) + 24px);
}
.art-prose h2:first-child{margin-top:2px}
.art-prose h3{
  font-size:18px;font-weight:800;line-height:1.8;color:var(--text);
  margin:30px 0 10px;scroll-margin-top:calc(var(--header-h) + 24px);
}

/* فهرست‌ها */
.art-ul,.art-ol{margin:20px 0 22px;padding:0;list-style:none}
.art-ul li,.art-ol li{
  position:relative;padding-inline-start:30px;margin-bottom:10px;
  line-height:2.1;
}
.art-ul li:last-child,.art-ol li:last-child{margin-bottom:0}
.art-ul li::before{
  content:'';position:absolute;inset-inline-start:8px;top:.95em;
  width:7px;height:7px;border-radius:2px;
  background:var(--primary);opacity:.55;
}
.art-ol{counter-reset:art}
.art-ol li{counter-increment:art;padding-inline-start:36px}
.art-ol li::before{
  content:counter(art,persian);
  position:absolute;inset-inline-start:0;top:.72em;
  width:24px;height:24px;border-radius:var(--r-full);
  display:flex;align-items:center;justify-content:center;
  font-size:var(--fs-2xs);font-weight:800;
  color:var(--primary-ink);background:var(--primary-soft);
}

/* نقل‌قول تحریریه */
.art-quote{
  margin:28px 0;padding:20px 24px;
  background:var(--surface-muted);
  border-inline-start:3px solid var(--primary);
  border-radius:var(--r-sm);
  font-size:17px;line-height:2.15;color:var(--text);font-weight:600;
}
.art-quote cite{
  display:block;margin-top:10px;
  font-style:normal;font-size:var(--fs-xs);font-weight:700;color:var(--text-subtle);
}

/* تصاویر داخل متن */
.art-fig{
  margin:30px 0;
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-xs);
}
.art-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.art-fig figcaption{
  padding:11px 18px;border-top:1px solid var(--border);
  font-size:var(--fs-xs);color:var(--text-subtle);line-height:1.9;
}

/* جدول — با اسکرول افقی امن در موبایل */
.table-wrap{
  margin:26px 0;
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow-x:auto;box-shadow:var(--sh-xs);
}
.table-wrap table{width:100%;min-width:600px;border-collapse:collapse}
.table-wrap th{
  background:var(--surface-muted);text-align:start;
  font-size:var(--fs-xs);font-weight:800;color:var(--text);
  padding:12px 16px;white-space:nowrap;
}
.table-wrap td{
  padding:13px 16px;border-top:1px solid var(--border);
  font-size:var(--fs-sm);color:var(--text-muted);line-height:1.9;vertical-align:top;
}
.table-wrap td b{color:var(--text)}
.table-wrap tbody tr:hover{background:#FCFBF8}

/* یادداشت داخل متن — همان اجزای alert سیستم، فقط فاصلهٔ صفحه */
.art-note{margin:24px 0}

/* ========================================================================
   ۵) اشتراک‌گذاری مقاله
   ======================================================================== */
.art-share{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  margin-top:38px;padding-top:22px;border-top:1px solid var(--border);
}
.as-label{font-size:var(--fs-sm);font-weight:700;color:var(--text-muted);margin-inline-end:4px}
.share-btn{
  width:42px;height:42px;border-radius:var(--r-sm);
  border:1px solid var(--border-strong);background:var(--surface);
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--text-muted);
  transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast);
}
.share-btn:hover{color:var(--primary-ink);border-color:var(--primary);background:var(--primary-soft)}
.share-btn .icon-sm{width:18px;height:18px}

/* ========================================================================
   ۶) کارت نویسنده — از components.css، فقط چیدمان این صفحه
   ======================================================================== */
.art-author{margin-top:34px;max-width:760px}
.art-author-body{min-width:0}

/* ========================================================================
   ۷) بخش‌های پایانی: محصولات مرتبط + مقالات مرتبط + دیدگاه‌ها
   ======================================================================== */
.art-section{margin-top:56px}
.art-sec-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-bottom:8px;
}
.art-sec-head h2{
  display:flex;align-items:center;gap:9px;
  font-size:var(--fs-xl);font-weight:900;color:var(--text);margin:0;
}
.art-sec-head h2 .icon-sm{width:19px;height:19px;color:var(--primary)}
.art-sec-head .link-more{flex-shrink:0}
.art-sec-lede{font-size:var(--fs-sm);color:var(--text-muted);line-height:2;max-width:72ch;margin:0 0 18px}

/* شبکهٔ سه‌ستونی مشترک (p-card / b-card) */
.art-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.art-grid-3 > *{min-width:0}

/* ---- کارت مقاله مرتبط — همان الگوی بلاگ (کپی صفحه‌لایه) ---- */
.b-card{
  display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--sh-xs);
  transition:box-shadow var(--t-fast),border-color var(--t-fast),transform var(--t-fast);
}
.b-card:hover{box-shadow:var(--sh-sm);border-color:var(--border-strong);transform:translateY(-2px)}
.b-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface-muted)}
.b-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s var(--ease)}
.b-card:hover .b-cover img{transform:scale(1.045)}
@media (prefers-reduced-motion:reduce){
  .b-cover img,.b-card,.b-card:hover .b-cover img,.art-hero img{transition:none;transform:none}
}
.b-body{padding:15px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.b-meta-top{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.b-cat{
  display:inline-flex;align-items:center;
  font-size:var(--fs-2xs);font-weight:800;color:var(--primary-ink);
  background:var(--primary-soft);padding:3px 10px;border-radius:var(--r-full);
  transition:background var(--t-fast);
}
.b-cat:hover{background:var(--secondary-soft);color:var(--secondary-strong)}
.b-read{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-2xs);color:var(--text-subtle);white-space:nowrap}
.b-read .icon-sm{width:12px;height:12px}
.b-title{font-size:var(--fs-md);font-weight:800;line-height:1.75;margin:0}
.b-title a{color:var(--text)}
.b-title a:hover{color:var(--primary-ink)}
.b-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:auto;padding-top:10px;border-top:1px solid var(--border);width:100%;
}
.b-date{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-2xs);color:var(--text-subtle)}
.b-date .icon-sm{width:12px;height:12px}
.b-foot .link-more{font-size:var(--fs-xs);gap:5px}

/* ========================================================================
   ۸) دیدگاه‌ها
   ======================================================================== */
.comments{max-width:900px}
.cmt-list{margin-top:14px}
.cmt{display:flex;gap:14px;padding-block:20px}
.cmt + .cmt,.cmt-replies + .cmt{border-top:1px solid var(--border)}
.cmt-av{width:44px;height:44px;font-size:16px;flex-shrink:0}
.cmt-body{min-width:0;flex:1}
.cmt-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cmt-name{font-size:var(--fs-sm);font-weight:800;color:var(--text)}
.cmt-date{font-size:var(--fs-2xs);color:var(--text-subtle)}
.cmt-text{font-size:var(--fs-sm);color:var(--text-muted);line-height:2.05;margin:8px 0 0}
.cmt-reply-btn{
  display:inline-flex;align-items:center;gap:5px;
  font-size:var(--fs-xs);font-weight:700;color:var(--primary-ink);
  margin-top:10px;padding:3px 8px;border-radius:var(--r-xs);
  transition:background var(--t-fast),color var(--t-fast);
}
.cmt-reply-btn:hover{background:var(--primary-soft)}

/* پاسخ‌های تودرتو — تورفتگی با خط راهنما */
.cmt-replies{margin-inline-start:58px;margin-top:16px;padding-inline-start:18px;border-inline-start:2px solid var(--border)}
.cmt-replies .cmt{padding-block:14px}
.cmt-replies .cmt-av{width:38px;height:38px;font-size:14px}
.cmt.is-author .cmt-name{color:var(--primary-ink)}
.cmt.is-author{background:transparent}

/* فرم دیدگاه */
.cmt-form{
  margin-top:30px;padding:26px;
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);box-shadow:var(--sh-xs);
}
.cmt-form-title{font-size:var(--fs-lg);font-weight:900;color:var(--text);margin-bottom:6px}
.cmt-form-note{font-size:var(--fs-xs);color:var(--text-subtle);line-height:1.9;margin-bottom:18px}
.cmt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.cmt-form .field{min-width:0}
.art-textarea{min-height:130px;resize:vertical;line-height:2}
.cmt-form-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}
.cmt-form-hint{font-size:var(--fs-2xs);color:var(--text-subtle)}
.art-cmt-done{margin-top:22px;max-width:none}

/* ========================================================================
   ۹) فوتر — همان الگوی صفحهٔ اصلی (کپی صفحه‌لایهٔ بلاگ)
   ======================================================================== */
.site-footer{background:var(--surface-ink);color:#AEB4BF;margin-top:72px}
.footer-top{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;
  gap:36px;padding-block:56px 44px;
}
.f-brand .brand{display:inline-flex;align-items:center;gap:10px}
.f-brand .brand-mark{
  width:38px;height:38px;border-radius:11px;background:#fff;color:var(--text);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:15px;letter-spacing:-.02em;
}
.f-brand .brand-name{color:#fff;font-size:18px;font-weight:800}
.f-about{font-size:var(--fs-sm);line-height:2;color:#8E95A3;margin-block:16px;max-width:34ch}
.f-social{display:flex;gap:8px}
.f-social a{
  width:40px;height:40px;border-radius:var(--r-sm);
  border:1px solid var(--border-inverse);
  display:flex;align-items:center;justify-content:center;color:#B9BFC9;
  transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);
}
.f-social a:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3)}
.f-col h4{color:#fff;font-size:var(--fs-base);font-weight:800;margin-bottom:16px}
.f-col ul{display:flex;flex-direction:column;gap:9px}
.f-col a{font-size:var(--fs-sm);color:#9AA1AD;transition:color var(--t-fast)}
.f-col a:hover{color:#fff}
.f-bottom{
  border-top:1px solid var(--border-inverse);
  padding-block:20px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-size:var(--fs-xs);color:#7E8593;flex-wrap:wrap;
}

/* ========================================================================
   ۱۰) لپ‌تاپ ۱۰۲۴–۱۲۷۹ — فهرست باریک‌تر، شبکهٔ ۲ ستونی
   ======================================================================== */
@media (min-width:1024px) and (max-width:1279px){
  .art-layout{grid-template-columns:252px minmax(0,1fr);gap:26px}
  .art-prose{max-width:none}
  .art-grid-3{grid-template-columns:repeat(2,1fr)}
}

/* ========================================================================
   ۱۱) تبلت ≤۱۰۲۳ — فهرست جمع‌شونده بالای متن، تک‌ستون
   ======================================================================== */
@media (max-width:1023px){
  .art-layout{display:block}
  .art-toc{position:static;margin-bottom:26px}
  .toc-desktop{display:none}
  .toc-mobile{display:block}
  .art-prose{max-width:none}
  .art-grid-3{grid-template-columns:repeat(2,1fr)}
  .comments{max-width:none}
  .art-author{max-width:none}
}

/* ========================================================================
   ۱۲) موبایل ≤۶۳۹ — تایپوگرافی فشرده‌تر و آرام‌تر برای خواندن
   ======================================================================== */
@media (max-width:639px){
  .container{padding-inline:16px}
  .art-head-wrap{padding-block:14px 0}
  .art-crumbs{margin-bottom:14px}
  .art-head{margin-bottom:20px}
  .art-meta-top{gap:10px;margin-bottom:12px;flex-wrap:wrap}
  .art-title{font-size:clamp(22px,1.15rem + 1vw,26px);line-height:1.65}
  .art-deck{font-size:var(--fs-base)}
  .art-byline{gap:10px 12px;margin-top:16px;padding-top:14px}
  .ab-sep{display:none}
  .ab-item{font-size:var(--fs-2xs)}

  .art-hero{border-radius:var(--r-md);box-shadow:var(--sh-xs)}
  .art-hero figcaption{padding:10px 14px;font-size:11.5px}
  .art-layout{padding-block:24px 0;gap:0}

  /* متن مقاله — اندازهٔ موبایل */
  .art-prose{font-size:16px;line-height:2.1}
  .art-lead{font-size:17px}
  .art-prose p{margin-bottom:16px}
  .art-prose h2{font-size:19.5px;margin:36px 0 12px}
  .art-prose h3{font-size:17px}
  .art-ul li,.art-ol li{margin-bottom:8px}
  .art-quote{padding:16px 18px;font-size:16px;margin:24px 0}
  .art-fig{margin:24px 0}
  .art-fig figcaption{padding:10px 14px}
  .table-wrap{margin:22px 0}
  .table-wrap th,.table-wrap td{padding:10px 12px}

  .art-share{margin-top:30px;padding-top:18px}
  .as-label{width:100%;margin-inline-end:0}

  .art-section{margin-top:44px}
  .art-sec-head{flex-wrap:wrap;row-gap:6px}
  .art-sec-head h2{font-size:var(--fs-lg)}
  .art-grid-3{grid-template-columns:1fr;gap:14px}
  .b-body{padding:13px 14px 14px;gap:7px}
  .b-title{font-size:var(--fs-base);line-height:1.8}
  .b-foot .link-more span{display:none}
  .b-foot .link-more .icon-sm{width:15px;height:15px}

  .cmt{gap:10px;padding-block:16px}
  .cmt-av{width:38px;height:38px;font-size:14px}
  .cmt-replies{margin-inline-start:30px;padding-inline-start:12px}
  .cmt-form{padding:20px 16px;margin-top:24px}
  .cmt-grid{grid-template-columns:1fr;gap:12px}
  .cmt-form-foot .btn{width:100%}
  .cmt-form-hint{width:100%;text-align:center}

  .footer-top{grid-template-columns:1fr 1fr;gap:28px;padding-block:44px 34px}
  .f-bottom{flex-direction:column;align-items:flex-start}
  .site-footer{margin-top:52px}
}

/* ========================================================================
   DYNAMIC CONTENT MAPPING (additive — WP-rendered prose)
   The source page classes hand-authored elements (.art-ol, .art-quote…).
   WordPress emits plain elements inside .art-prose — map them onto the
   same atoms so real post content renders identically.
   ======================================================================== */
.art-prose ul,.art-prose ol{margin:20px 0 22px;padding:0;list-style:none}
.art-prose li{position:relative;padding-inline-start:30px;margin-bottom:10px;line-height:2.1}
.art-prose li:last-child{margin-bottom:0}
.art-prose li::before{
  content:'';position:absolute;inset-inline-start:8px;top:.95em;
  width:7px;height:7px;border-radius:2px;
  background:var(--primary);opacity:.55;
}
.art-prose ol{counter-reset:art-el}
.art-prose ol li{counter-increment:art-el;padding-inline-start:36px}
.art-prose ol li::before{
  content:counter(art-el,persian);
  position:absolute;inset-inline-start:0;top:.72em;
  width:24px;height:24px;border-radius:var(--r-full);
  display:flex;align-items:center;justify-content:center;
  font-size:var(--fs-2xs);font-weight:800;
  color:var(--primary-ink);background:var(--primary-soft);
}
.art-prose blockquote{
  margin:28px 0;padding:20px 24px;
  background:var(--surface-muted);
  border-inline-start:3px solid var(--primary);
  border-radius:var(--r-sm);
  font-size:17px;line-height:2.15;color:var(--text);font-weight:600;
}
.art-prose blockquote p:last-child{margin-bottom:0}
.art-prose blockquote cite{display:block;margin-top:10px;font-style:normal;font-size:var(--fs-xs);font-weight:700;color:var(--text-subtle)}
.art-prose figure{margin:30px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-xs)}
.art-prose figure img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.art-prose figcaption{padding:10px 16px;font-size:var(--fs-xs);color:var(--text-subtle);border-top:1px solid var(--border)}
.art-prose a{color:var(--primary-ink);font-weight:600;text-decoration:underline;text-decoration-color:rgba(14,115,128,.35);text-underline-offset:4px;text-decoration-thickness:1.5px;transition:text-decoration-color var(--t-fast),color var(--t-fast)}
.art-prose a:hover{color:var(--primary)}
.art-prose table{width:100%;border-collapse:collapse}
.art-prose .table-wrap,.art-prose table{margin:26px 0}
.art-prose table{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto;box-shadow:var(--sh-xs);display:block}
.art-prose table th,.art-prose table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:start;font-size:var(--fs-sm)}
.art-prose table th{font-weight:800;background:var(--surface-muted)}
.art-prose img{max-width:100%;height:auto;border-radius:var(--r-md)}
.art-prose hr{margin:30px 0;border:0;border-top:1px dashed var(--border-strong)}

/* reply links: Woo default class → design .cmt-reply-btn atom */
.cmt-list .comment-reply-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:8px;
  font-size:var(--fs-xs);font-weight:700;color:var(--primary-ink);
  background:var(--primary-soft);border-radius:var(--r-full);
  padding:6px 12px;transition:background var(--t-fast);
}
.cmt-list .comment-reply-link:hover{background:var(--primary-soft-hover,var(--primary-soft))}
.cmt-list .children{list-style:none;padding:0;margin:0}

/* logged-in footer note under the comment form */
.cmt-form .logged-in-as,.cmt-form .comment-notes{font-size:var(--fs-xs);color:var(--text-subtle)}