/* ==========================================================================
   site-shared.css — استایل‌های مشترک همهٔ صفحات (روبان، سرصفحهٔ سکشن، پایه)
   ========================================================================== */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.hk-ic{flex:none;vertical-align:middle}

/* روبان مشترک سکشن‌ها — هندسهٔ SVG مطابق تصویر مرجع، متن مستقل از تصویر */
.hkribbon{position:relative;z-index:6;display:flex;justify-content:center}
.hkribbon__box{position:relative;isolation:isolate;width:450px;max-width:calc(100% - 32px);min-height:181px;margin-top:-26px;padding:20px 24px 88px;text-align:center;color:#fff}
.hkribbon__shape{position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(4px 7px 5px rgba(0,0,0,.17));pointer-events:none}
.hkribbon__chevron{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:94px;height:47px;pointer-events:none}
.hkribbon__t{margin:0;font-size:23px;font-weight:800;color:#fff;line-height:1.6}
.hkribbon__s{display:block;margin-top:8px;font-size:14px;line-height:1.9;color:#73a4bd}
@media(max-width:480px){
  .hkribbon__box{padding-inline:18px}
  .hkribbon__t{font-size:20px}
  .hkribbon__s{font-size:13px}
}

/* سرصفحهٔ سکشن‌ها — سبک یکپارچهٔ v8 */
.hks-sec{padding:84px 0}
.hks-head{max-width:680px;margin:0 auto 40px;text-align:center}
.hks-head h2{margin:0 0 12px;color:var(--navy);font-size:27px;font-weight:800;line-height:1.6}
.hks-head .hks-kicker{background:rgba(29,195,233,.12);color:#0B84B4;border:1px solid rgba(29,195,233,.3)}
.hks-head .hks-lead{margin:0 auto;max-width:560px;font-size:15px;line-height:2.1;color:#4A5568}
@media(max-width:768px){
  .hks-sec{padding:56px 0}
  .hks-head h2{font-size:21px}
  .hks-head .hks-lead{font-size:14px;line-height:2}
}



/* ——— ۴) آخرین مطالب وبلاگ ——— */
.hkblog__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.hkblog__head h2{margin:0}
.hkblog__all{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 18px;border-radius:11px;
  border:1px solid var(--line);background:#fff;color:var(--navy);font-size:13.6px;font-weight:700;text-decoration:none;
  transition:border-color .16s,background .16s,color .16s,gap .2s}
.hkblog__all:hover{border-color:var(--pink);color:var(--pink);gap:11px}
.hkblog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hkblog__card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;
  transition:transform .2s,box-shadow .2s,border-color .2s}
.hkblog__card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(39,51,108,.35);border-color:#C9DDF0}
.hkblog__img{display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(150deg,#E7FAFF,#FDF3F8)}
.hkblog__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.hkblog__card:hover .hkblog__img img{transform:scale(1.045)}
.hkblog__img-ph{display:flex;align-items:center;justify-content:center;height:100%;color:var(--cyan)}
.hkblog__body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.hkblog__meta{display:flex;align-items:center;gap:12px;margin-bottom:9px}
.hkblog__cat{font-size:11.6px;font-weight:700;color:var(--pink);background:rgba(233,30,99,.08);padding:3px 11px;border-radius:999px;text-decoration:none}
.hkblog__date{display:inline-flex;align-items:center;gap:5px;font-size:12.2px;color:var(--muted)}
.hkblog__date .hk-ic{width:14px;height:14px}
.hkblog__title{margin:0 0 8px;font-size:16.4px;line-height:1.8}
.hkblog__title a{color:var(--navy);text-decoration:none;transition:color .16s}
.hkblog__title a:hover{color:#0B84B4}
.hkblog__excerpt{margin:0 0 14px;font-size:13.6px;line-height:2;color:var(--muted);flex:1}
.hkblog__more{display:inline-flex;align-items:center;gap:6px;font-size:13.4px;font-weight:700;color:#0B84B4;text-decoration:none;transition:gap .2s,color .16s}
.hkblog__more:hover{color:#0A6C97;gap:10px}

/* ریسپانسیو کارت‌های وبلاگ */
@media(max-width:1024px){.hkblog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hkblog__grid{grid-template-columns:1fr}.hkblog__head{flex-direction:column;align-items:flex-start}}

/* Related-link label on the dark operator-guide callout. */
.hk-at .final .op-links strong { color: #fff; }

/* Consistent, visible outlines for white content cards across the site. */
body :is(
  .hkm .hpd-mp-card, .hkm .hpd-mp-benefit,
  .hko-provider, .hko-other, .hko-checks > div, .hko-faq details,
  .hkc-method, .hkc-form-card, .hkc-address,
  .hkpv-benefits article, .hkpv-audience__cards > div, .hkpv-steps article,
  .hkpv-form-card, .hkpv-faq details,
  .hkl-toc, .hkl-help, .hkl-document,
  .hkd-platform, .hkblog__story, .hkblog__card, .hkwhat__benefit,
  .hkfaq__item, .hkcli__item, .hks-card, .hks-plan,
  .hkp-nav__card, .hkp-recent, .hkp-cats-box,
  .hk-at .feature, .hk-at .card, .hk-at .metric
):not(:hover) {
  border-color: #b4c2d3;
}