/* سكينة — تصميم Stitch (المرحلة 8.4): زمرد عميق على عاج دافئ مع نحاس ذهبي — مرجع desktop_2 + mobile_390، وبديل الصورة من desktop_1.
   العزل: كل selector تحت .template-sakina فلا يصل شيء من هذا الملف إلى نور أو أثر أو لؤلؤ (يتحقق منه اختبار آليًا).
   الأصول محلية بالكامل: خط IBM Plex Sans Arabic (SIL OFL، مُقتطع للعربية واللاتينية) وAmiri Quran من /assets/fonts، وأيقونات SVG مضمَّنة،
   بلا Tailwind CDN ولا Google Fonts ولا صور. المحتوى ظاهر دائمًا بلا JavaScript ما عدا المسبحة (.sk-needs-js) التي تُخفى بدونه عبر
   <noscript> في ترويسة الصفحة. الحركة نقرات/تحويم قصيرة فقط (لا حركة مستمرة)، و@media (prefers-reduced-motion: reduce) تلغيها كلها. */

@font-face { font-family: "Plex Arabic Sk"; src: url("/assets/fonts/IBMPlexSansArabic-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Plex Arabic Sk"; src: url("/assets/fonts/IBMPlexSansArabic-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Plex Arabic Sk"; src: url("/assets/fonts/IBMPlexSansArabic-600.woff2") format("woff2"); font-weight: 600 700; font-style: normal; font-display: swap; }

.template-sakina {
  --sk-canvas: #FAF7F2; --sk-cream: #F4EFE6; --sk-white: #FFFFFF; --sk-emerald-soft: #EDF4F0;
  --sk-ink: #1C211E; --sk-muted: #525B54; --sk-line: #E5DEC9;
  --sk-primary: #032517; --sk-primary-2: #1B3B2B; --sk-forest: #2D5A43; --sk-mint: #ABCFB8;
  --sk-brass: #725B24; --sk-gold: #C5A869; --sk-gold-pressed: #9E8245; --sk-gold-light: #E8D9B5; --sk-gold-fixed: #FFDF9B;
  --sk-danger: #8F2A2A;
  --sk-sans: "Plex Arabic Sk", "IBM Plex Sans Arabic", "Alexandria", system-ui, "Segoe UI", Tahoma, sans-serif;
  --sk-serif: "Amiri Quran", "Amiri", "Noto Naskh Arabic", "Traditional Arabic", serif;
  --sk-shadow-1: 0 4px 20px -2px rgba(27, 59, 43, 0.06);
  --sk-shadow-2: 0 12px 32px -4px rgba(27, 59, 43, 0.1), 0 2px 6px -1px rgba(197, 168, 105, 0.08);
  --sk-topbar: 3.9rem; --sk-dock-h: 3.8rem;
  --sk-gutter: 1rem; --sk-max: 1160px;
  background: var(--sk-canvas); color: var(--sk-ink); font-family: var(--sk-sans); font-size: 1rem; line-height: 1.75;
  min-height: 0; padding: 0; position: relative; overflow-wrap: anywhere; -webkit-text-size-adjust: 100%;
}
@media (min-width: 768px) { .template-sakina { --sk-topbar: 4.5rem; --sk-gutter: 1.5rem; } }
@media (min-width: 900px) { .template-sakina { --sk-dock-h: 4rem; } }
.template-sakina *, .template-sakina *::before, .template-sakina *::after { box-sizing: border-box; }
.template-sakina ::selection { background: var(--sk-gold); color: var(--sk-primary); }
.template-sakina [id] { scroll-margin-top: calc(var(--sk-topbar) + var(--sk-dock-h) + 0.75rem); }
.template-sakina :focus-visible { outline: 2px solid var(--sk-gold-pressed); outline-offset: 3px; border-radius: 4px; }
.template-sakina .sk-hero :focus-visible, .template-sakina .sk-share-panel :focus-visible { outline-color: var(--sk-gold-fixed); }
.template-sakina p, .template-sakina h1, .template-sakina h2, .template-sakina h3, .template-sakina ul, .template-sakina ol, .template-sakina figure, .template-sakina blockquote { margin: 0; padding: 0; }
.template-sakina ul { list-style: none; }
.template-sakina a { color: inherit; text-decoration: none; }
.template-sakina button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: 0; text-align: inherit; }
.template-sakina .sk-i { flex: none; display: inline-block; vertical-align: middle; }
.template-sakina .sk-visually-hidden { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.template-sakina .sk-wrap { width: min(100% - 2 * var(--sk-gutter), var(--sk-max)); margin-inline: auto; position: relative; }
.template-sakina .sk-notice { padding-block: 1rem 0; }
.template-sakina .sk-notice .notice { margin: 0; background: var(--sk-emerald-soft); border: 1px solid var(--sk-line); border-radius: 0.75rem; color: var(--sk-primary); }
.template-sakina .sk-label { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.02em; color: var(--sk-brass); }

/* ---------- أزرار (زمردي/شبحي/ناعم) ---------- */
.template-sakina .sk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 44px; padding: 0.55rem 1.25rem; border: 1px solid var(--sk-line); border-radius: 0.75rem; background: var(--sk-white); color: var(--sk-primary); font-size: 0.9rem; font-weight: 500; line-height: 1.4; transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.template-sakina .sk-btn:hover { background: var(--sk-cream); }
.template-sakina .sk-btn-primary { background: var(--sk-primary); border-color: var(--sk-primary); color: var(--sk-canvas); box-shadow: 0 6px 16px -8px rgba(3, 37, 23, 0.55); }
.template-sakina .sk-btn-primary:hover { background: var(--sk-forest); border-color: var(--sk-forest); box-shadow: 0 0 0 3px rgba(197, 168, 105, 0.28), 0 8px 18px -8px rgba(3, 37, 23, 0.5); }
.template-sakina .sk-btn-primary .sk-i { color: var(--sk-gold-fixed); }
.template-sakina .sk-btn-ghost .sk-i { color: var(--sk-brass); }
.template-sakina .sk-btn-soft { background: var(--sk-emerald-soft); border-color: transparent; }
.template-sakina .sk-btn-soft:hover { background: var(--sk-cream); }

/* ---------- ١) البطل ---------- */
.template-sakina .sk-hero { position: relative; isolation: isolate; overflow: hidden; padding-block: 2rem 2.75rem; }
.template-sakina .sk-hero-bg { position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(420px 240px at 50% 0%, rgba(255, 223, 155, 0.3), transparent 72%),
    radial-gradient(320px 320px at 92% 34%, rgba(199, 235, 212, 0.34), transparent 70%),
    radial-gradient(300px 300px at 6% 70%, rgba(232, 217, 181, 0.24), transparent 70%); }
.template-sakina .sk-hero-in { display: flex; flex-direction: column; align-items: center; text-align: center; }
.template-sakina .sk-portrait { display: flex; flex-direction: column; align-items: center; gap: 0.9rem; margin-bottom: 1.5rem; }
/* الجوال (mobile_390): دائرة بحلقة ذهبية. */
.template-sakina .sk-frame { width: 132px; height: 132px; padding: 5px; border-radius: 50%; background: linear-gradient(135deg, var(--sk-brass), var(--sk-gold-fixed) 55%, var(--sk-gold-pressed)); box-shadow: 0 10px 24px -12px rgba(3, 37, 23, 0.45); }
.template-sakina .sk-photo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; border: 4px solid var(--sk-cream); background: var(--sk-cream); }
/* بديل الصورة (desktop_1): ميدالية زمردية بحلقة نجمية ذهبية وعبارة دعاء. */
.template-sakina .sk-medallion { position: relative; width: min(66vw, 244px); aspect-ratio: 1; padding: 11px; border-radius: 50%; background: var(--sk-white); box-shadow: var(--sk-shadow-2); color: var(--sk-gold-pressed); display: block; font-family: var(--sk-sans); font-weight: 400; }
.template-sakina .sk-medallion-ring { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.template-sakina .sk-medallion-well { position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.6rem; text-align: center;
  background: linear-gradient(180deg, var(--sk-primary) 0%, var(--sk-forest) 55%, var(--sk-primary-2) 100%); color: var(--sk-canvas); box-shadow: inset 0 0 26px rgba(0, 0, 0, 0.22); }
.template-sakina .sk-medallion-well::before { content: ""; position: absolute; top: -2.5rem; inset-inline-end: -2.5rem; width: 8rem; height: 8rem; border-radius: 50%; background: rgba(232, 217, 181, 0.12); filter: blur(6px); }
.template-sakina .sk-medallion-phrase { position: relative; display: block; font-family: var(--sk-serif); font-size: clamp(1.7rem, 7.4vw, 2.25rem); line-height: 1.55; }
.template-sakina .sk-medallion-phrase em { display: block; font-style: normal; color: var(--sk-gold-fixed); font-size: 0.88em; line-height: 1.4; }
.template-sakina .sk-medallion-rule { display: block; width: 4rem; height: 2px; background: linear-gradient(90deg, transparent, var(--sk-gold-light), transparent); }
.template-sakina .sk-badge { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.95rem; border-radius: 999px; background: var(--sk-emerald-soft); color: var(--sk-primary); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.02em; box-shadow: var(--sk-shadow-1); }
.template-sakina .sk-badge .sk-i { color: var(--sk-brass); }
.template-sakina .sk-bismillah { margin: 0 0 0.35rem; font-family: var(--sk-serif); font-size: 1.05rem; color: var(--sk-brass); letter-spacing: 0.04em; }
.template-sakina .sk-name { font-family: var(--sk-sans); font-weight: 600; font-size: clamp(1.7rem, 6.4vw, 2.25rem); line-height: 1.6; color: var(--sk-primary); margin: 0 0 0.35rem; text-wrap: balance; }
.template-sakina .sk-name.is-long { font-size: clamp(1.45rem, 5.4vw, 1.9rem); }
.template-sakina .sk-name.is-xlong { font-size: clamp(1.2rem, 4.6vw, 1.5rem); line-height: 1.7; }
.template-sakina .sk-rahma { display: inline-block; margin-inline-start: 0.2rem; font-size: 0.66em; font-weight: 400; color: var(--sk-brass); }
.template-sakina .sk-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; margin: 0.6rem 0 1.25rem; }
.template-sakina .sk-chip { margin: 0; padding: 0.15rem 0.85rem; border-radius: 999px; background: var(--sk-cream); color: var(--sk-primary); font-size: 0.875rem; font-weight: 500; line-height: 1.6; }
.template-sakina .sk-dot { color: var(--sk-gold-pressed); }
.template-sakina .sk-dedication { position: relative; width: 100%; max-width: 42rem; margin: 0 auto 1rem; padding: 1.4rem 1.25rem 1.2rem; background: rgba(255, 255, 255, 0.92); border: 1px solid var(--sk-line); border-radius: 1rem; box-shadow: var(--sk-shadow-1); text-align: center; font-size: 1rem; }
.template-sakina .sk-dedication::before { content: "\275D"; position: absolute; top: 0.4rem; inset-inline-end: 1rem; font-family: var(--sk-serif); font-size: 1.9rem; line-height: 1; color: rgba(158, 130, 69, 0.32); }
.template-sakina .sk-dedication p { font-family: var(--sk-serif); font-size: clamp(1.25rem, 3.6vw, 1.5rem); line-height: 2; color: var(--sk-primary); white-space: pre-line; text-wrap: pretty; }
.template-sakina .sk-dedication.is-long p { font-size: 1.1rem; line-height: 2.05; text-align: start; }
.template-sakina .sk-orn { display: block; position: relative; width: 6.5rem; height: 0.7rem; margin: 0.6rem auto 0;
  background: linear-gradient(var(--sk-gold-pressed), var(--sk-gold-pressed)) left center / 2.4rem 1px no-repeat, linear-gradient(var(--sk-gold-pressed), var(--sk-gold-pressed)) right center / 2.4rem 1px no-repeat; opacity: 0.55; }
.template-sakina .sk-orn::after { content: ""; position: absolute; top: 50%; left: 50%; width: 0.42rem; height: 0.42rem; border: 1px solid var(--sk-gold-pressed); transform: translate(-50%, -50%) rotate(45deg); }
.template-sakina .sk-family { width: 100%; max-width: 40rem; margin: 0 auto 1.5rem; padding: 1rem 1.25rem; background: var(--sk-cream); border: 1px solid var(--sk-line); border-radius: 0.75rem; text-align: center; }
.template-sakina .sk-family .sk-label { margin-bottom: 0.25rem; }
.template-sakina .sk-family-text { color: var(--sk-muted); font-size: 1rem; line-height: 1.95; white-space: pre-line; text-wrap: pretty; }
.template-sakina .sk-family.is-long .sk-family-text { font-size: 0.95rem; text-align: start; }
.template-sakina .sk-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.6rem; }
@media (min-width: 640px) {
  .template-sakina .sk-hero { padding-block: 2.5rem 3.5rem; }
  .template-sakina .sk-frame { width: 208px; height: 256px; padding: 6px; border-radius: 4px 4px 104px 104px; background: linear-gradient(180deg, rgba(158, 130, 69, 0.75), var(--sk-gold-light) 55%, var(--sk-line)); box-shadow: 0 18px 34px -16px rgba(3, 37, 23, 0.5), 0 0 0 6px rgba(232, 217, 181, 0.32); }
  .template-sakina .sk-photo { border-radius: 2px 2px 98px 98px; border: 0; }
  .template-sakina .sk-medallion { width: 280px; }
  .template-sakina .sk-portrait { margin-bottom: 1.75rem; }
  .template-sakina .sk-badge { margin-top: -1.55rem; position: relative; background: var(--sk-primary); color: var(--sk-gold-fixed); border: 1px solid rgba(158, 130, 69, 0.4); box-shadow: 0 6px 14px -6px rgba(3, 37, 23, 0.55); }
  .template-sakina .sk-badge .sk-i { color: var(--sk-gold-fixed); }
  .template-sakina .sk-medallion + .sk-badge { margin-top: -1rem; }
  .template-sakina .sk-dedication { padding: 1.6rem 2rem 1.3rem; }
}
@media (min-width: 1024px) { .template-sakina .sk-medallion { width: 320px; } .template-sakina .sk-name { font-size: 2.5rem; } .template-sakina .sk-name.is-long { font-size: 2.05rem; } .template-sakina .sk-name.is-xlong { font-size: 1.6rem; } }

/* ---------- ٢) شريط الوصول السريع ---------- */
.template-sakina .sk-dock { position: sticky; top: var(--sk-topbar); z-index: 40; background: rgba(250, 247, 242, 0.95); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-block: 1px solid rgba(229, 222, 201, 0.8); box-shadow: 0 4px 12px rgba(27, 59, 43, 0.03); }
.template-sakina .sk-dock-in { display: flex; align-items: center; gap: 0.5rem; width: min(100%, var(--sk-max)); margin-inline: auto; padding: 0.55rem var(--sk-gutter); overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }
.template-sakina .sk-dock-in::-webkit-scrollbar { display: none; }
.template-sakina .sk-dock a { display: flex; align-items: center; gap: 0.4rem; min-height: 40px; padding: 0.35rem 0.95rem; border-radius: 999px; background: var(--sk-cream); color: var(--sk-ink); font-size: 0.875rem; font-weight: 500; line-height: 1.4; white-space: nowrap; box-shadow: 0 1px 2px rgba(27, 59, 43, 0.05); transition: background 0.2s ease, color 0.2s ease; }
.template-sakina .sk-dock a .sk-i { color: var(--sk-primary-2); }
.template-sakina .sk-dock a:hover { background: var(--sk-emerald-soft); }
.template-sakina .sk-dock a.is-active { background: var(--sk-primary); color: var(--sk-canvas); }
.template-sakina .sk-dock a.is-active .sk-i { color: var(--sk-gold-fixed); }
@media (min-width: 900px) {
  .template-sakina .sk-dock-in { justify-content: center; width: fit-content; max-width: calc(100% - 2 * var(--sk-gutter)); margin-block: 0.4rem; padding: 0.25rem; gap: 0.25rem; background: rgba(244, 239, 230, 0.85); border-radius: 1rem; }
  .template-sakina .sk-dock a { background: transparent; box-shadow: none; border-radius: 0.75rem; padding-inline: 1rem; }
  .template-sakina .sk-dock a .sk-i { color: var(--sk-brass); }
  .template-sakina .sk-dock a:hover { background: var(--sk-white); color: var(--sk-primary); }
  .template-sakina .sk-dock a.is-active { background: var(--sk-white); color: var(--sk-primary); box-shadow: var(--sk-shadow-1); }
  .template-sakina .sk-dock a.is-active .sk-i { color: var(--sk-brass); }
}

/* ---------- رأس القسم المشترك ---------- */
.template-sakina .sk-sec { padding-block: 3rem; }
.template-sakina .sk-sec-head { max-width: 40rem; margin: 0 auto 2rem; text-align: center; }
.template-sakina .sk-pill { display: inline-block; margin-bottom: 0.55rem; padding: 0.2rem 1rem; border: 1px solid var(--sk-line); border-radius: 999px; background: var(--sk-emerald-soft); color: var(--sk-primary); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.02em; line-height: 1.6; }
.template-sakina .sk-sec h2 { font-family: var(--sk-sans); font-weight: 600; font-size: clamp(1.6rem, 5vw, 2.25rem); line-height: 1.5; color: var(--sk-primary); margin: 0 0 0.4rem; }
.template-sakina .sk-lede { font-size: 0.9rem; line-height: 1.85; color: var(--sk-muted); }
@media (min-width: 768px) { .template-sakina .sk-sec { padding-block: 4rem; } .template-sakina .sk-sec-head { margin-bottom: 2.5rem; } }

/* ---------- ٣) المسبحة ---------- */
.template-sakina .sk-tasbeeh { background: linear-gradient(180deg, var(--sk-canvas), rgba(244, 239, 230, 0.55) 50%, var(--sk-canvas)); }
.template-sakina .sk-tasbeeh-grid { display: grid; gap: 1.5rem; align-items: center; }
.template-sakina .sk-tasbeeh-card { width: 100%; max-width: 28rem; margin-inline: auto; padding: 1.5rem 1.25rem 1.5rem; display: flex; flex-direction: column; align-items: center; background: var(--sk-white); border: 1px solid var(--sk-line); border-radius: 1.5rem; box-shadow: 0 12px 40px rgba(27, 59, 43, 0.06); }
.template-sakina .sk-tasbeeh-top { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; width: 100%; padding-bottom: 0.65rem; border-bottom: 1px solid var(--sk-line); }
.template-sakina .sk-laps { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: var(--sk-muted); }
.template-sakina .sk-laps::before { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--sk-gold-pressed); }
.template-sakina .sk-laps strong { color: var(--sk-primary); font-weight: 700; }
.template-sakina .sk-mini { display: inline-flex; align-items: center; gap: 0.3rem; min-height: 40px; padding: 0.2rem 0.6rem; border-radius: 0.6rem; font-size: 0.8rem; color: var(--sk-muted); transition: color 0.2s ease, background 0.2s ease; }
.template-sakina .sk-mini:hover { color: var(--sk-danger); background: var(--sk-cream); }
.template-sakina .sk-dhikr-now { min-height: 3.6rem; margin: 0.9rem 0 0.4rem; padding-inline: 0.5rem; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.15rem; font-weight: 600; line-height: 1.75; color: var(--sk-primary); }
.template-sakina .sk-ring { position: relative; width: min(15.5rem, 70vw); aspect-ratio: 1; margin: 0.25rem 0 0.5rem; }
.template-sakina .sk-ring svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); }
.template-sakina .sk-ring-bg, .template-sakina .sk-ring-fg { fill: none; stroke-width: 12; }
.template-sakina .sk-ring-bg { stroke: var(--sk-cream); }
.template-sakina .sk-ring-fg { stroke: var(--sk-gold-pressed); stroke-linecap: round; stroke-dasharray: 628.32; stroke-dashoffset: 628.32; transition: stroke-dashoffset 0.28s ease; }
.template-sakina .sk-tap { position: absolute; inset: 12.5%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.1rem; border: 1px solid var(--sk-line); border-radius: 50%; background: linear-gradient(180deg, var(--sk-cream), var(--sk-white) 50%, var(--sk-cream)); box-shadow: inset 0 2px 8px rgba(27, 59, 43, 0.08), 0 8px 20px -12px rgba(3, 37, 23, 0.4); text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: transform 0.15s ease, box-shadow 0.2s ease; }
.template-sakina .sk-tap:hover { box-shadow: inset 0 2px 8px rgba(27, 59, 43, 0.08), 0 10px 24px -12px rgba(3, 37, 23, 0.5), 0 0 0 4px rgba(232, 217, 181, 0.45); }
.template-sakina .sk-tap:active { transform: scale(0.96); }
.template-sakina .sk-tap.is-pulse { animation: sk-pulse 0.32s ease-out 1; }
@keyframes sk-pulse { 0% { box-shadow: inset 0 2px 8px rgba(27, 59, 43, 0.08), 0 0 0 0 rgba(197, 168, 105, 0.55); } 100% { box-shadow: inset 0 2px 8px rgba(27, 59, 43, 0.08), 0 0 0 16px rgba(197, 168, 105, 0); } }
.template-sakina .sk-tap-label { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; color: var(--sk-muted); }
.template-sakina .sk-tap-num { font-size: clamp(2.75rem, 12vw, 3.6rem); font-weight: 700; line-height: 1.15; color: var(--sk-primary); font-variant-numeric: tabular-nums; }
.template-sakina .sk-tap-of { font-size: 0.8rem; font-weight: 600; color: var(--sk-brass); }
.template-sakina .sk-hint { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.35rem; font-size: 0.8rem; font-weight: 500; color: var(--sk-muted); }
.template-sakina .sk-hint .sk-i { color: var(--sk-brass); }
.template-sakina .sk-dhikr-list { display: flex; flex-direction: column; gap: 0.6rem; }
.template-sakina .sk-dhikr-list .sk-label { margin-bottom: 0.1rem; color: var(--sk-muted); font-weight: 500; font-size: 0.85rem; }
.template-sakina .sk-dhikr { display: flex; align-items: center; gap: 0.75rem; width: 100%; padding: 0.85rem 1rem; background: var(--sk-white); border: 1px solid var(--sk-line); border-radius: 1rem; box-shadow: 0 1px 3px rgba(27, 59, 43, 0.05); text-align: start; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.template-sakina .sk-dhikr:hover { border-color: rgba(3, 37, 23, 0.35); }
.template-sakina .sk-dhikr.is-active { border: 2px solid rgba(3, 37, 23, 0.3); padding: calc(0.85rem - 1px) calc(1rem - 1px); }
.template-sakina .sk-dhikr-no { flex: none; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--sk-cream); color: var(--sk-muted); font-size: 0.85rem; font-weight: 700; }
.template-sakina .sk-dhikr.is-active .sk-dhikr-no { background: var(--sk-emerald-soft); color: var(--sk-primary); }
.template-sakina .sk-dhikr-body { flex: 1; min-width: 0; }
.template-sakina .sk-dhikr-body strong { display: block; font-size: 1rem; font-weight: 600; line-height: 1.7; color: var(--sk-ink); }
.template-sakina .sk-dhikr.is-active .sk-dhikr-body strong { color: var(--sk-primary); }
.template-sakina .sk-dhikr-body small { display: block; font-size: 0.75rem; color: var(--sk-muted); font-variant-numeric: tabular-nums; }
.template-sakina .sk-dhikr-mark { flex: none; width: 1.15rem; height: 1.15rem; border: 2px solid var(--sk-line); border-radius: 50%; }
.template-sakina .sk-dhikr.is-active .sk-dhikr-mark { border-color: var(--sk-gold-pressed); background: radial-gradient(circle, var(--sk-gold-pressed) 0 38%, transparent 42%); }
@media (min-width: 1024px) {
  .template-sakina .sk-tasbeeh-grid { grid-template-columns: 5fr 7fr; gap: 2rem; }
  .template-sakina .sk-dhikr-list { order: 1; }
  .template-sakina .sk-tasbeeh-card { order: 2; padding: 2rem; }
}

/* ---------- ٤) القرآن (partials.quran بعلامة $sakina) ---------- */
.template-sakina .sk-quran-sec { background: var(--sk-canvas); border-top: 1px solid rgba(229, 222, 201, 0.7); }
.template-sakina .sk-quran { background: none; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 1.5rem; }
.template-sakina .sk-quran .sk-sec-head { margin: 0 0 1.25rem; max-width: none; text-align: center; }
.template-sakina .sk-quran .sk-sec-head .muted { margin-top: 0.15rem; font-size: 0.78rem; color: var(--sk-muted); }
.template-sakina .sk-quran .quran-picker { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: center; gap: 0.75rem; margin: 0 0 1.25rem; }
.template-sakina .sk-quran .quran-picker .field { flex: 1 1 11rem; max-width: 20rem; gap: 0.25rem; font-size: 0.75rem; font-weight: 500; color: var(--sk-muted); }
.template-sakina .sk-quran .quran-picker select { width: 100%; min-height: 44px; padding: 0.5rem 1rem; background: var(--sk-white); color: var(--sk-primary); border: 1px solid var(--sk-line); border-radius: 0.75rem; font: 500 0.9rem/1.4 var(--sk-sans); box-shadow: none; }
.template-sakina .sk-quran .quran-picker select:focus { outline: none; border-color: var(--sk-primary); box-shadow: 0 0 0 3px rgba(197, 168, 105, 0.35); }
.template-sakina .sk-quran .quran-picker .btn { min-height: 44px; }
.template-sakina .sk-suggest { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.6rem 1rem; margin: 0 0 1.25rem; padding: 0.7rem 1rem; border: 1px dashed var(--sk-gold); border-radius: 0.75rem; background: rgba(232, 217, 181, 0.22); font-size: 0.9rem; }
.template-sakina .sk-suggest strong { color: var(--sk-primary); font-weight: 600; }
.template-sakina .sk-reader-card { grid-column: 1 / -1; background: var(--sk-white); border: 1px solid var(--sk-line); border-radius: 1.5rem; box-shadow: var(--sk-shadow-2); overflow: hidden; }
.template-sakina .sk-reader-card > .notice { margin: 1.25rem; }
.template-sakina .sk-reader-card > h3 { margin: 0; padding: 1rem 1.25rem 0.1rem; background: var(--sk-cream); font-family: var(--sk-sans); font-size: 1.15rem; font-weight: 600; color: var(--sk-primary); }
.template-sakina .sk-reader-card .quran-audio { display: block; width: 100%; height: 3.4rem; margin: 0; max-width: none; padding: 0.2rem 1rem 0.6rem; background: var(--sk-cream); border-bottom: 1px solid var(--sk-line); }
.template-sakina .sk-reader-card > .muted { margin: 0; padding: 0.55rem 1.25rem 0; font-size: 0.78rem; color: var(--sk-muted); }
.template-sakina .sk-reader-card .quran-range { margin: 0; padding: 0.9rem 1.25rem 0; font-size: 0.85rem; font-weight: 500; color: var(--sk-brass); }
.template-sakina .sk-reader-card .quran-text { padding: 1.25rem 1.1rem 1.75rem; background: rgba(250, 247, 242, 0.6); font-family: var(--sk-serif); font-size: 1.45rem; line-height: 3; color: var(--sk-primary); text-align: start; text-wrap: pretty; }
.template-sakina .sk-reader-card .quran-ayah { display: inline; }
.template-sakina .sk-reader-card .quran-ayah-number { margin-inline: 0.15rem; font-family: var(--sk-sans); font-size: 0.8rem; font-weight: 600; color: var(--sk-gold-pressed); white-space: nowrap; }
.template-sakina .sk-reader-card .quran-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.6rem; margin: 0; padding: 0.9rem 1.25rem; border-top: 1px solid var(--sk-line); background: var(--sk-cream); }
.template-sakina .sk-reader-card .quran-pager a, .template-sakina .sk-reader-card .quran-pager .is-disabled { display: inline-flex; align-items: center; min-height: 44px; padding: 0.4rem 1.1rem; border: 1px solid var(--sk-line); border-radius: 0.75rem; background: var(--sk-white); color: var(--sk-primary); font-size: 0.85rem; font-weight: 500; text-decoration: none; }
.template-sakina .sk-reader-card .quran-pager a:hover { background: var(--sk-primary); border-color: var(--sk-primary); color: var(--sk-canvas); text-decoration: none; }
.template-sakina .sk-reader-card .quran-pager .is-disabled { opacity: 0.45; border-style: dashed; }
.template-sakina .sk-reader-card .quran-pager-status { flex: 1 1 auto; text-align: center; font-size: 0.8rem; color: var(--sk-muted); }
@media (min-width: 768px) {
  .template-sakina .sk-quran { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
  .template-sakina .sk-quran .sk-sec-head { grid-column: 1; margin: 0 0 1.5rem; text-align: start; }
  .template-sakina .sk-quran .quran-picker { grid-column: 2; grid-row: 1; margin: 0 0 1.5rem; flex-wrap: nowrap; justify-content: flex-end; }
  .template-sakina .sk-quran .quran-picker .field { flex: 0 0 13.5rem; }
  .template-sakina .sk-reader-card .quran-text { padding: 2rem 2.25rem 2.25rem; font-size: 1.7rem; line-height: 3.3rem; text-align: justify; }
  .template-sakina .sk-reader-card > h3, .template-sakina .sk-reader-card .quran-audio { padding-inline: 1.75rem; }
  .template-sakina .sk-reader-card .quran-range, .template-sakina .sk-reader-card > .muted { padding-inline: 1.75rem; }
  .template-sakina .sk-reader-card .quran-pager { padding-inline: 1.75rem; }
}

/* ---------- ٥) الأدعية ---------- */
.template-sakina .sk-duas { background: rgba(244, 239, 230, 0.42); border-top: 1px solid rgba(229, 222, 201, 0.7); }
.template-sakina .sk-dua-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
.template-sakina .sk-dua { display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; padding: 1.25rem; background: var(--sk-white); border: 1px solid var(--sk-line); border-radius: 1rem; box-shadow: 0 1px 3px rgba(27, 59, 43, 0.05); transition: box-shadow 0.25s ease, border-color 0.25s ease; }
.template-sakina .sk-dua:hover { box-shadow: var(--sk-shadow-2); }
.template-sakina .sk-dua.is-custom { border-color: var(--sk-gold); }
.template-sakina .sk-dua-head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding-bottom: 0.6rem; border-bottom: 1px solid var(--sk-line); }
.template-sakina .sk-dua-title { display: inline-flex; align-items: center; gap: 0.45rem; font-size: 0.95rem; font-weight: 600; color: var(--sk-primary); }
.template-sakina .sk-dua-title .sk-i { color: var(--sk-brass); }
.template-sakina .sk-dua-no { display: grid; place-items: center; min-width: 1.6rem; height: 1.6rem; padding-inline: 0.4rem; border-radius: 999px; background: var(--sk-cream); color: var(--sk-brass); font-size: 0.75rem; font-weight: 600; }
.template-sakina .sk-dua-text { font-family: var(--sk-serif); font-size: 1.3rem; line-height: 2.05; color: var(--sk-primary); white-space: pre-line; text-wrap: pretty; flex: 1; }
.template-sakina .sk-dua-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; padding-top: 0.75rem; border-top: 1px solid rgba(229, 222, 201, 0.7); }
.template-sakina .sk-link { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; min-height: 44px; padding: 0.3rem 1rem; border-radius: 0.6rem; background: var(--sk-cream); color: var(--sk-ink); font-size: 0.82rem; font-weight: 500; transition: background 0.2s ease, color 0.2s ease; }
.template-sakina .sk-link:hover { background: var(--sk-emerald-soft); color: var(--sk-primary); }
.template-sakina .sk-link .sk-i { color: var(--sk-brass); }
.template-sakina .sk-link[data-state="done"] { background: var(--sk-emerald-soft); color: var(--sk-primary); }
.template-sakina .sk-link[data-state="failed"] { color: var(--sk-danger); }
@media (min-width: 768px) { .template-sakina .sk-dua-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } .template-sakina .sk-dua { padding: 1.5rem; } }
@media (min-width: 1024px) { .template-sakina .sk-dua-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- ٦) اذكروه بخير ---------- */
.template-sakina .sk-remember { background: var(--sk-canvas); }
.template-sakina .sk-remember-grid { display: grid; gap: 1rem; }
.template-sakina .sk-bio { display: flex; flex-direction: column; gap: 1rem; padding: 1.5rem 1.25rem; background: var(--sk-white); border: 1px solid var(--sk-line); border-radius: 1.5rem; box-shadow: 0 1px 3px rgba(27, 59, 43, 0.05); }
.template-sakina .sk-bio-head { display: flex; align-items: center; gap: 0.75rem; }
.template-sakina .sk-bio-icon, .template-sakina .sk-action-icon { flex: none; display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 0.9rem; background: var(--sk-emerald-soft); color: var(--sk-primary); }
.template-sakina .sk-bio h3 { font-family: var(--sk-sans); font-size: 1.25rem; font-weight: 600; line-height: 1.6; color: var(--sk-primary); }
.template-sakina .sk-bio-text { font-size: 1.05rem; line-height: 2.05; color: var(--sk-ink); white-space: pre-line; text-wrap: pretty; }
.template-sakina .sk-bio-text.is-long { font-size: 0.98rem; }
.template-sakina .sk-actions { display: flex; flex-direction: column; gap: 0.75rem; }
.template-sakina .sk-action { display: flex; align-items: center; gap: 0.9rem; padding: 1rem 1.1rem; background: var(--sk-white); border: 1px solid var(--sk-line); border-radius: 1rem; box-shadow: 0 1px 3px rgba(27, 59, 43, 0.05); transition: box-shadow 0.25s ease, border-color 0.25s ease; }
.template-sakina .sk-action:hover { border-color: rgba(3, 37, 23, 0.3); box-shadow: var(--sk-shadow-2); }
.template-sakina .sk-action-icon { background: var(--sk-cream); }
.template-sakina .sk-action-body strong { display: block; font-size: 1rem; font-weight: 600; line-height: 1.6; color: var(--sk-primary); }
.template-sakina .sk-action-body small { display: block; font-size: 0.82rem; line-height: 1.6; color: var(--sk-muted); }
@media (min-width: 900px) { .template-sakina .sk-remember-grid { grid-template-columns: 7fr 5fr; gap: 1.5rem; align-items: start; } .template-sakina .sk-bio { padding: 2rem; } }

/* ---------- ٧) دفتر المواساة (partials.guestbook بعلامة $sakina) ---------- */
.template-sakina .sk-book { background: rgba(244, 239, 230, 0.5); border-top: 1px solid rgba(229, 222, 201, 0.7); }
.template-sakina .sk-guestbook { background: none; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin: 0; position: static; }
.template-sakina .sk-guestbook::before { content: none; }
.template-sakina .sk-guestbook .sk-sec-head h2 { padding: 0; text-align: center; font-family: var(--sk-sans); }
.template-sakina .sk-gb-grid { display: grid; gap: 1.5rem; align-items: start; }
.template-sakina .sk-gb-form { padding: 1.4rem 1.25rem; background: var(--sk-white); border: 1px solid var(--sk-line); border-radius: 1.5rem; box-shadow: var(--sk-shadow-2); }
.template-sakina .sk-gb-form .notice { margin: 0 0 1rem; background: var(--sk-emerald-soft); border: 1px solid var(--sk-line); border-radius: 0.75rem; color: var(--sk-primary); font-size: 0.9rem; }
.template-sakina .sk-gb-form .notice:last-child { margin-bottom: 0; }
.template-sakina .sk-gb-form fieldset { margin: 0; padding: 0; min-width: 0; border: 0; }
.template-sakina .sk-gb-form fieldset[disabled] { opacity: 0.6; }
.template-sakina .sk-gb-form .guestbook-form { margin: 0; gap: 1rem; }
.template-sakina .sk-gb-form .field { gap: 0.3rem; font-size: 0.8rem; font-weight: 500; color: var(--sk-primary); }
.template-sakina .sk-gb-form .field input, .template-sakina .sk-gb-form .field textarea { width: 100%; padding: 0.7rem 1rem; background: var(--sk-cream); border: 1px solid var(--sk-line); border-radius: 0.75rem; color: var(--sk-ink); font: 400 0.95rem/1.75 var(--sk-sans); box-shadow: none; transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; }
.template-sakina .sk-gb-form .field input { height: 3rem; padding-block: 0; }
.template-sakina .sk-gb-form .field textarea { min-height: 8rem; resize: vertical; }
.template-sakina .sk-gb-form .field input:focus, .template-sakina .sk-gb-form .field textarea:focus { outline: none; border-color: var(--sk-primary); background: var(--sk-white); box-shadow: 0 0 0 3px rgba(197, 168, 105, 0.4); }
.template-sakina .sk-gb-form .field small { font-size: 0.75rem; color: var(--sk-muted); font-weight: 400; }
.template-sakina .sk-gb-form .field b { color: var(--sk-danger); }
.template-sakina .sk-gb-form .btn.small { width: 100%; height: auto; min-height: 48px; border-radius: 0.75rem; background: var(--sk-primary); border: 1px solid var(--sk-primary); color: var(--sk-canvas); font: 500 0.95rem/1.4 var(--sk-sans); box-shadow: none; transition: background 0.2s ease, box-shadow 0.2s ease; }
.template-sakina .sk-gb-form .btn.small:hover { background: var(--sk-forest); border-color: var(--sk-forest); box-shadow: 0 0 0 3px rgba(197, 168, 105, 0.3); }
.template-sakina .sk-gb-list { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.template-sakina .sk-gb-list .empty-text { padding: 2rem 1rem; border: 1px dashed var(--sk-line); border-radius: 1rem; background: rgba(255, 255, 255, 0.6); color: var(--sk-muted); font-size: 0.95rem; text-align: center; }
.template-sakina .sk-gb-list .guest-entry { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 0.75rem; row-gap: 0; margin: 0; padding: 1.15rem 1.25rem; background: var(--sk-white); border: 1px solid var(--sk-line); border-radius: 1rem; box-shadow: 0 1px 3px rgba(27, 59, 43, 0.05); }
.template-sakina .sk-gb-list .guest-entry:first-of-type { margin: 0; }
.template-sakina .sk-avatar { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--sk-emerald-soft); color: var(--sk-primary); font-size: 0.95rem; font-weight: 600; }
.template-sakina .sk-gb-list .guest-entry > strong { font-family: var(--sk-sans); font-size: 1rem; font-weight: 600; line-height: 1.5; color: var(--sk-primary); min-width: 0; }
.template-sakina .sk-gb-list .guest-entry > small { display: block; margin: 0; font-size: 0.75rem; color: var(--sk-muted); white-space: nowrap; }
.template-sakina .sk-gb-list .guest-entry > p { grid-column: 1 / -1; margin: 0.7rem 0 0; font-size: 1rem; line-height: 1.95; color: var(--sk-ink); white-space: pre-line; text-wrap: pretty; }
.template-sakina .sk-gb-list .guest-entry > details, .template-sakina .sk-gb-list .guest-entry > form { grid-column: 1 / -1; }
.template-sakina .sk-gb-list .guest-entry > details { margin-top: 0.7rem; padding-top: 0.5rem; border-top: 1px solid rgba(229, 222, 201, 0.7); }
.template-sakina .sk-gb-list .guest-entry summary { display: inline-flex; align-items: center; min-height: 40px; color: var(--sk-muted); font-size: 0.82rem; font-weight: 500; cursor: pointer; }
.template-sakina .sk-gb-list .guest-entry summary:hover { color: var(--sk-primary); }
.template-sakina .sk-gb-list .report-form { margin-top: 0.4rem; }
.template-sakina .sk-gb-list .report-form .field textarea { width: 100%; padding: 0.6rem 0.9rem; background: var(--sk-cream); border: 1px solid var(--sk-line); border-radius: 0.75rem; font: 400 0.9rem/1.7 var(--sk-sans); box-shadow: none; }
.template-sakina .sk-gb-list .text-btn { min-height: 40px; padding-inline: 0.2rem; color: var(--sk-brass); font-size: 0.82rem; font-weight: 600; }
.template-sakina .sk-gb-list .text-btn.danger { color: var(--sk-danger); }
.template-sakina .sk-gb-list .entry-delete-form { margin: 0; }
.template-sakina .sk-gb-list .pager { --pager-ink: var(--sk-primary); --pager-muted: var(--sk-muted); --pager-line: var(--sk-line); --pager-accent: var(--sk-primary); --pager-on-accent: var(--sk-canvas); --pager-radius: 0.75rem; justify-items: start; margin-top: 0.5rem; }
.template-sakina .sk-gb-list .pager-status { text-align: start; }
@media (min-width: 1024px) {
  .template-sakina .sk-gb-grid { grid-template-columns: 5fr 7fr; gap: 2rem; }
  .template-sakina .sk-gb-form { padding: 2rem; position: sticky; top: calc(var(--sk-topbar) + var(--sk-dock-h) + 1rem); }
}

/* ---------- ٨) المشاركة وQR ---------- */
.template-sakina .sk-share { background: var(--sk-canvas); border-top: 1px solid var(--sk-line); }
.template-sakina .sk-share-panel { position: relative; overflow: hidden; display: grid; gap: 2rem; align-items: center; padding: 1.75rem 1.25rem; border-radius: 1.5rem; color: var(--sk-canvas); box-shadow: 0 24px 48px -20px rgba(3, 37, 23, 0.55); background: linear-gradient(135deg, var(--sk-primary) 0%, var(--sk-primary-2) 52%, var(--sk-primary) 100%); }
.template-sakina .sk-share-panel::before { content: ""; position: absolute; inset-inline-start: -5rem; bottom: -5rem; width: 20rem; height: 20rem; border-radius: 50%; background: rgba(158, 130, 69, 0.14); filter: blur(28px); pointer-events: none; }
.template-sakina .sk-share-copy, .template-sakina .sk-qr-card { position: relative; }
.template-sakina .sk-share-copy .sk-pill { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 223, 155, 0.28); color: var(--sk-gold-fixed); }
.template-sakina .sk-share-copy h2 { color: var(--sk-canvas); }
.template-sakina .sk-share-copy .sk-lede { max-width: 34rem; margin-bottom: 1.4rem; color: var(--sk-mint); font-size: 1rem; }
.template-sakina .sk-share-copy .share-row { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 0; }
.template-sakina .sk-share-copy .share-row .btn { display: inline-flex; align-items: center; justify-content: center; height: auto; min-height: 44px; padding: 0.5rem 1.2rem; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 0.75rem; background: rgba(255, 255, 255, 0.12); color: var(--sk-canvas); font: 500 0.9rem/1.4 var(--sk-sans); box-shadow: none; transition: background 0.2s ease, color 0.2s ease; }
.template-sakina .sk-share-copy .pwa-hint { color: var(--sk-mint); }
.template-sakina .sk-share-copy .share-row .btn:hover { background: rgba(255, 255, 255, 0.22); color: var(--sk-canvas); }
.template-sakina .sk-share-copy .share-row .btn:first-child { background: var(--sk-emerald-soft); border-color: var(--sk-emerald-soft); color: var(--sk-primary); font-weight: 600; }
.template-sakina .sk-share-copy .share-row .btn:first-child:hover { background: var(--sk-white); color: var(--sk-primary); }
.template-sakina .sk-qr-card { display: flex; flex-direction: column; align-items: center; gap: 0.9rem; width: 100%; max-width: 19rem; margin-inline: auto; padding: 1.4rem; background: var(--sk-white); border: 1px solid var(--sk-line); border-radius: 1rem; box-shadow: 0 18px 36px -14px rgba(0, 0, 0, 0.45); color: var(--sk-ink); text-align: center; }
.template-sakina .sk-qr { width: min(11rem, 100%); padding: 0.4rem; background: var(--sk-white); border: 1px solid var(--sk-line); border-radius: 0.75rem; }
.template-sakina .sk-qr svg { display: block; width: 100%; height: auto; }
.template-sakina .sk-qr-card figcaption { display: flex; flex-direction: column; gap: 0.15rem; }
.template-sakina .sk-qr-card strong { font-size: 1rem; font-weight: 600; color: var(--sk-primary); }
.template-sakina .sk-qr-card figcaption span { font-size: 0.8rem; color: var(--sk-muted); line-height: 1.6; }
.template-sakina .sk-qr-card .sk-qr-url { margin-top: 0.3rem; font-size: 0.68rem; color: var(--sk-muted); overflow-wrap: anywhere; direction: ltr; unicode-bidi: plaintext; }
.template-sakina .sk-qr-dl { width: 100%; }
@media (min-width: 768px) { .template-sakina .sk-share-panel { padding: 2.5rem; } }
@media (min-width: 1024px) { .template-sakina .sk-share-panel { grid-template-columns: 8fr 4fr; gap: 2.5rem; padding: 3.5rem; } }

/* ---------- خاتمة ---------- */
.template-sakina .sk-closing { padding: 2.25rem var(--sk-gutter) 2.75rem; background: var(--sk-cream); border-top: 1px solid var(--sk-line); text-align: center; }
.template-sakina .sk-closing span { display: block; max-width: 40rem; margin-inline: auto; font-family: var(--sk-serif); font-size: clamp(1.25rem, 4vw, 1.6rem); line-height: 2; color: var(--sk-primary); }
.template-sakina .sk-closing small { display: block; margin-top: 0.3rem; font-size: 0.78rem; color: var(--sk-muted); }

@media (prefers-reduced-motion: reduce) {
  .template-sakina *,
  .template-sakina *::before,
  .template-sakina *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* (9.2) كانتا <style> مضمَّنتين في public/memorial.blade.php ومحجوبتين بسياسة CSP الصارمة (style-src 'self'):
   1) app.css يضع overflow-x:hidden على html وbody معًا فيصير body حاوية تمرير (overflow-y:auto) ويتعطّل position:sticky لشريط الأقسام والترويسة؛
      clip يمنع الفيض الأفقي نفسه دون إنشاء حاوية تمرير. القاعدة تُحمَّل مع sakina.css وحده فلا تتأثر بقية الصفحات.
   2) المسبحة (.sk-needs-js) تحتاج JavaScript فتُخفى بدونه بدل أن تظهر أزرار لا تعمل (كانت داخل <noscript>). */
body.public-body { overflow-x: clip; }
@media (scripting: none) { .template-sakina .sk-needs-js { display: none !important; } }

/* (9.17) «أثر خير في ذكراه» داخل سكينة: بطاقة هادئة بنفس ألوان القالب، بلا حركة، ولا يغيّر أي قسم آخر. */
.template-sakina .sk-charity { background: var(--sk-cream); }
.template-sakina .sk-charity h2 { font-family: var(--sk-serif); font-size: clamp(1.6rem, 4vw, 2.1rem); color: var(--sk-primary); }
.template-sakina .charity-memorial-list { list-style: none; margin: 0 auto; padding: 0; max-width: 46rem; display: grid; gap: 1rem; }
.template-sakina .charity-memorial-item { padding: 1.25rem 1.25rem; background: var(--sk-white); border: 1px solid var(--sk-line); border-radius: 1.25rem; box-shadow: 0 1px 3px rgba(27, 59, 43, 0.05); }
.template-sakina .charity-memorial-item p { margin: 0 0 0.35rem; line-height: 2; color: var(--sk-ink); overflow-wrap: anywhere; }
.template-sakina .charity-memorial-kind strong { color: var(--sk-primary); }
.template-sakina .charity-memorial-summary { color: var(--sk-muted); }
.template-sakina .charity-memorial-tag { display: inline-block; margin-inline-start: 0.4rem; padding: 0 0.7rem; border: 1px solid var(--sk-line); border-radius: 999px; background: var(--sk-emerald-soft); color: var(--sk-primary); font-size: 0.75rem; font-weight: 600; }
/* (9.19) عنوان المبادرة ورابطا التفاصيل/بقية المبادرات داخل «أثر خير في ذكراه». */
.template-sakina .charity-memorial-title { margin: 0 0 0.4rem; font-family: var(--sk-serif); font-size: 1.2rem; line-height: 1.6; color: var(--sk-primary); overflow-wrap: anywhere; }
.template-sakina .charity-memorial-links { display: flex; flex-wrap: wrap; gap: 0 1.25rem; margin: 0.25rem 0 0; }
.template-sakina .charity-memorial-link { display: inline-flex; align-items: center; gap: 0.3rem; min-height: 44px; font-weight: 600; color: var(--sk-primary); }