/* 🌷 یادبود امروز، پیام روز و زبانه‌های صفحه شهید */
.hb-today{margin-bottom:34px}
.hb-today-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.hb-today-h b{display:block;font-family:var(--font-display);font-weight:400;font-size:26px;color:#F3D27A;line-height:1.3}
.hb-today-h small{color:#BFE3E5}
.hb-today-ic{width:52px;height:52px;border-radius:46% 46% 14px 14px/40% 40% 14px 14px;display:grid;place-items:center;font-size:26px;background:rgba(192,57,43,.25);border:1px solid rgba(243,210,122,.35);animation:hb-glow 2.4s ease-in-out infinite}
@keyframes hb-glow{50%{box-shadow:0 0 0 8px rgba(243,210,122,.08)}}
.hb-memo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}
.hb-memo{position:relative;border-radius:22px;padding:3px;background:linear-gradient(135deg,#D4A84F,rgba(212,168,79,.25) 40%,#D4A84F);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.hb-memo-frame{display:flex;gap:16px;align-items:center;border-radius:20px;padding:16px;background:url(img/girih-light.svg) center/80px,linear-gradient(160deg,#0D4D55,#06303A);color:#fff;height:100%}
.hb-memo-arch{flex:0 0 120px;aspect-ratio:3/4;border-radius:50% 50% 12px 12px/36% 36% 12px 12px;overflow:hidden;border:3px solid #D4A84F;background:#0E7F89;display:grid;place-items:center;box-shadow:0 0 0 6px rgba(212,168,79,.14)}
.hb-memo-arch img{width:100%;height:100%;object-fit:cover}
.hb-memo-arch i{font-style:normal;font-size:42px}
.hb-memo-t{min-width:0;flex:1}
.hb-memo-lab{display:inline-block;background:#B03A2E;color:#fff;font-size:12.5px;border-radius:99px;padding:2px 12px;margin-bottom:4px}
.hb-memo h3{color:#F3D27A;margin:2px 0;font-size:20px}
.hb-memo small{color:#BFE3E5;display:block}
.hb-memo blockquote{margin:8px 0 10px;padding:0 10px;border-inline-start:3px solid #D4A84F;color:#EAF6F6;font-size:14px;line-height:1.9}
.hb-memo-b{display:flex;gap:6px;flex-wrap:wrap}
.hb-memo-b .btn-outline{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
.hb-quote{position:relative;margin:0 0 34px;padding:26px 28px 22px;border-radius:24px;background:linear-gradient(135deg,rgba(243,210,122,.14),rgba(255,255,255,.04));border:1px solid rgba(243,210,122,.3);color:#fff;overflow:hidden}
.hb-quote::after{content:"";position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23F3D27A' d='M50 0l14.6 14.6H85.4v20.8L100 50 85.4 64.6v20.8H64.6L50 100 35.4 85.4H14.6V64.6L0 50l14.6-14.6V14.6h20.8z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.07}
.hb-quote-m{position:absolute;top:-6px;right:18px;font-size:70px;color:#D4A84F;opacity:.5;line-height:1}
.hb-quote blockquote{margin:0;font-size:19px;line-height:2;font-weight:600;padding-right:34px}
.hb-quote figcaption{margin-top:6px;color:#F3D27A;font-size:14px;padding-right:34px}
.hb-quote-tag{position:absolute;top:12px;left:16px;font-size:12px;color:#BFE3E5;background:rgba(0,0,0,.2);border-radius:99px;padding:2px 10px}
@media (max-width:600px){.hb-memo-frame{flex-direction:column;text-align:center}.hb-memo blockquote{border:0;padding:0}.hb-memo-b{justify-content:center}.hb-quote blockquote{font-size:16px;padding-right:0;padding-top:20px}.hb-quote figcaption{padding-right:0}}

/* زبانه‌های صفحه شهید */
.hb-mtabs{margin:10px 0 24px}
.hb-mtabs nav{display:flex;gap:6px;flex-wrap:wrap;padding:6px;background:var(--g-50,#F4F2EE);border-radius:16px;border:1px solid var(--g-100,#EDEBE7);position:sticky;top:70px;z-index:3}
.hb-mtabs nav button{flex:1;min-width:120px;border:0;background:transparent;border-radius:12px;padding:10px 12px;font-weight:700;cursor:pointer;color:var(--g-600,#57534D);font-family:inherit;transition:background .2s}
.hb-mtabs nav button.on{background:#fff;color:var(--f-700,#0B5F68);box-shadow:0 4px 14px rgba(7,63,70,.1)}
.hb-mtab{display:none;padding:20px 4px;animation:hb-fade .3s}
.hb-mtab.on{display:block}
@keyframes hb-fade{from{opacity:0;transform:translateY(6px)}}
.hb-will{position:relative;padding:34px 34px 60px;border-radius:6px 6px 22px 22px;background:#FBF6EA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 39.5h40' stroke='%23e8dcc0' stroke-width='1'/%3E%3C/svg%3E");border:1px solid #E6D6B0;box-shadow:inset 0 0 60px rgba(176,141,79,.15),0 10px 30px rgba(7,63,70,.08);font-size:16.5px;line-height:2.4;color:#3a2f1d}
.hb-will::before{content:"بسم الله الرحمن الرحیم";display:block;text-align:center;font-family:var(--font-display);color:#8a6a30;font-size:22px;margin-bottom:14px}
.hb-will-sign{position:absolute;left:34px;bottom:18px;font-family:var(--font-display);color:#8a6a30;font-size:18px}
.hb-will-scan{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:16px}
.hb-will-scan img{border-radius:10px;border:1px solid #E6D6B0;width:100%;height:220px;object-fit:cover}
.hb-mem{margin:0 0 14px;padding:16px 18px;border-radius:16px;background:var(--f-50,#E3F4F4);border-inline-start:4px solid var(--f-400,#14A3AE)}
.hb-mem blockquote{margin:0;line-height:2}
.hb-mem figcaption{margin-top:4px;color:var(--f-700,#0B5F68);font-weight:700;font-size:14px}
.hb-mt-ask{background:var(--gold-l,#F3EBDD);border-radius:14px;padding:12px 16px;font-size:14px}

/* شهدای شاخص فشرده در صفحه اول (همه، هر تعداد) */
.mgrid-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px 10px}
.mmini{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:#fff!important;text-decoration:none}
.mmini .ph{width:100%;max-width:120px;aspect-ratio:3/4;border-radius:50% 50% 12px 12px/34% 34% 12px 12px;overflow:hidden;border:2px solid #D4A84F;background:#0E7F89;display:grid;place-items:center;transition:transform .25s,box-shadow .25s}
.mmini .ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25)}
.mmini:hover .ph{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.mmini:hover .ph img{filter:none}
.mmini b{font-size:13px;line-height:1.6;font-weight:700}
.mmini small{font-size:11px;color:#BFE3E5;line-height:1.4}
@media (max-width:600px){.mgrid-mini{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px 8px}.mmini b{font-size:12px}}
.hb-memo-single{margin:26px 0}
.hb-memo-single .hb-memo-b .btn:first-child{display:none}

/* شهدای شاخص: همه در یک ردیف تمام‌عرض — تعداد کم = بزرگ، تعداد زیاد = کوچک؛ اگر خیلی زیاد شد نوار روان */
.mrow{display:flex;flex-wrap:nowrap;gap:clamp(4px,1.2vw,16px);justify-content:center;align-items:flex-start;grid-template-columns:none}
.mrow .mmini{flex:1 1 0;min-width:0;max-width:220px;container-type:inline-size}
.mrow .mmini .ph{max-width:none;width:100%;border-width:clamp(1px,1.6cqi,3px)}
.mrow .mmini b{font-size:clamp(9px,10.5cqi,16px);line-height:1.5;word-break:break-word}
.mrow .mmini small{font-size:clamp(8px,8cqi,12px)}
.mrow-wrap{overflow:hidden;position:relative;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mrow.marq{justify-content:flex-start;width:max-content;animation:mrow-run var(--dur,60s) linear infinite}
.mrow.marq .mmini{flex:0 0 92px;max-width:92px}
.mrow-wrap:hover .mrow.marq,.mrow-wrap:focus-within .mrow.marq{animation-play-state:paused}
@keyframes mrow-run{to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.mrow.marq{animation:none}.mrow-wrap{overflow-x:auto}}