/* ============================================================
   راوی — صفحه امنیت و حریم خصوصی (/security)
   سند رسمی و آرام: ستون باریک، جداکننده نازک، بدون افکت سنگین
   ============================================================ */

.sp-page{background:var(--white);}
.sp-wrap{max-width:780px;margin-inline:auto;padding-inline:28px;}

/* ---------- header ---------- */
.sp-hero{padding-block:88px 56px;}
.sp-hero .eyebrow{margin-bottom:14px;}
.sp-hero h1{font-size:46px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:18px;}
.sp-hero .sub{font-size:18px;color:var(--body);line-height:1.85;max-width:60ch;}

/* ---------- sections ---------- */
.sp-section{border-top:1px solid var(--line);padding-block:56px;}
.sp-section h2{font-size:26px;font-weight:600;letter-spacing:-.015em;margin-bottom:12px;}
.sp-section .sp-lead{font-size:16.5px;color:var(--body);line-height:1.9;margin-bottom:8px;}
.sp-section p{font-size:16.5px;color:var(--body);line-height:1.9;}
.sp-section p+p{margin-top:14px;}

/* ---------- تعهدهای اصلی ---------- */
.sp-commits{display:flex;flex-direction:column;gap:36px;margin-top:36px;}
.sp-commit{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;}
.sp-commit .ic{width:40px;height:40px;border-radius:12px;background:var(--blue-50);color:var(--blue);
  display:flex;align-items:center;justify-content:center;flex:none;}
.sp-commit h3{font-size:18.5px;font-weight:600;margin-bottom:8px;}
.sp-commit p{font-size:16px;color:var(--body);line-height:1.9;}

/* ---------- بلوک شفافیت ---------- */
.sp-access-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:30px 32px;margin-top:26px;}
.sp-access-box .lbl{font-size:14px;font-weight:600;color:var(--ink-2);margin-bottom:16px;}
.sp-access-box ul{list-style:none;display:flex;flex-direction:column;gap:14px;}
.sp-access-box li{display:flex;gap:12px;align-items:start;font-size:15.5px;color:var(--ink-2);line-height:1.8;}
.sp-access-box li svg{flex:none;color:var(--success);margin-top:5px;}

/* ---------- نگهداری و حذف ---------- */
.sp-retention-list{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:0;}
.sp-retention-list li{padding-block:18px;border-bottom:1px solid var(--line);font-size:16px;
  color:var(--body);line-height:1.9;}
.sp-retention-list li:last-child{border-bottom:none;}
.sp-retention-list strong{color:var(--ink-2);font-weight:600;}

/* ---------- سوالات متداول ---------- */
.sp-section .faq-list{margin-top:32px;gap:12px;}

/* ---------- گزارش مشکل امنیتی ---------- */
.sp-report-box{border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 30px;margin-top:24px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;}
.sp-report-box p{font-size:15.5px;line-height:1.8;max-width:48ch;}
.sp-report-box .mail{font-family:ui-monospace,monospace;direction:ltr;font-size:15px;font-weight:600;
  color:var(--blue);text-decoration:none;padding:10px 18px;border:1.5px solid var(--blue-200);
  border-radius:var(--r-pill);transition:border-color .18s,background .18s;white-space:nowrap;}
.sp-report-box .mail:hover{border-color:var(--blue);background:var(--blue-50);}

/* ---------- پایان صفحه ---------- */
.sp-end{border-top:1px solid var(--line);padding-block:56px 72px;text-align:center;}
.sp-end p{font-size:17px;color:var(--body);margin-bottom:22px;}
.sp-updated{display:block;margin-top:34px;font-size:13.5px;color:var(--muted);}

/* ---------- فوکوس کیبورد ---------- */
.sp-page a:focus-visible,
.sp-page summary:focus-visible,
.sec-strip a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px;}

/* ============================================================
   نوار امنیت — انتهای صفحه اصلی
   ============================================================ */
section.sec-strip{padding-block:0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sec-strip .wrap{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  padding-block:16px;text-align:center;}
.sec-strip svg{flex:none;color:var(--success);}
.sec-strip span{font-size:14.5px;color:var(--body);line-height:1.7;}
.sec-strip a{font-size:14.5px;font-weight:600;color:var(--blue);text-decoration:none;white-space:nowrap;}
.sec-strip a:hover{color:var(--blue-600);text-decoration:underline;}

/* ---------- حرکت کم ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;transition:none;}
}

/* ---------- responsive ---------- */
@media(max-width:768px){
  .sp-wrap{padding-inline:22px;}
  .sp-hero{padding-block:64px 44px;}
  .sp-hero h1{font-size:34px;}
  .sp-section{padding-block:44px;}
  .sp-section h2{font-size:22px;}
  .sp-commit{grid-template-columns:38px 1fr;gap:14px;}
  .sp-commit .ic{width:36px;height:36px;}
  .sp-access-box{padding:24px 22px;}
  .sp-report-box{flex-direction:column;align-items:stretch;text-align:center;}
  .sp-report-box .mail{justify-content:center;text-align:center;}
}