.policies-page{background:var(--bg);color:var(--text)}
.policies-page .container{max-width:1140px;margin:0 auto;padding:0 24px}

.policy-hero{position:relative;padding:96px 0 56px;background:var(--hero-bg);overflow:hidden}
.policy-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(720px 360px at 12% -10%,rgba(42,108,246,.16),transparent 65%),radial-gradient(640px 320px at 88% -20%,rgba(122,61,240,.14),transparent 65%);opacity:.75;pointer-events:none}
.policy-hero .container{position:relative;z-index:1;display:grid;gap:28px}
.policy-hero .hero-copy{max-width:680px}
.policy-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(42,108,246,.12);color:var(--accent-1);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px}
.policy-hero h1{margin:0;font-size:2.8rem;line-height:1.1;letter-spacing:-.01em}
.policy-hero .summary{margin:18px 0;font-size:1.08rem;line-height:1.7;color:var(--muted)}
.policy-hero .updated{margin:0;font-size:.92rem;color:var(--muted)}

.policy-top-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.policy-top-tabs .top-tab{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;background:rgba(42,108,246,.08);border:1px solid rgba(42,108,246,.18);color:var(--text);font-weight:600;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,color .18s ease,border-color .18s ease}
.policy-top-tabs .top-tab:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(42,108,246,.14);border-color:rgba(42,108,246,.36);color:var(--accent-1)}
.policy-top-tabs .top-tab.active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 14px 34px rgba(42,108,246,.28)}

.policy-body{padding:64px 0 108px}
.policy-body .layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}
.policy-body .sidebar{grid-column:1}
.policy-body .policy-content{grid-column:2}

.sidebar-card{background:var(--card);border-radius:20px;padding:28px;border:1px solid var(--border);box-shadow:var(--shadow)}
.sidebar-card + .sidebar-card{margin-top:36px}
.sidebar-card h2,.sidebar-card h3{margin:0 0 16px;font-size:1.2rem}
.sidebar-card p{margin:0;font-size:.95rem;line-height:1.55;color:var(--muted)}
.sidebar-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.sidebar-card li{margin:0}
.sidebar-card a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;text-decoration:none;font-weight:600;color:var(--text);border:1px solid transparent;transition:color .18s ease,background .18s ease,transform .18s ease,border-color .18s ease;--sidebar-shift:4px;transform:translateX(0)}
.sidebar-card a:hover{color:var(--accent-1);background:rgba(42,108,246,.08);transform:translateX(var(--sidebar-shift));border-color:rgba(42,108,246,.18)}
.sidebar-card a.pending{opacity:.6}
.sidebar-card a.active{position:relative;background:rgba(42,108,246,.15);border:1px solid rgba(42,108,246,.35);color:var(--accent-1);box-shadow:0 14px 30px rgba(42,108,246,.2);transform:none}
.sidebar-card a.active::after{content:"";position:absolute;inset:3px;border-radius:11px;border:1px dashed rgba(42,108,246,.45);opacity:.7}


.policy-content{background:var(--card);border-radius:24px;padding:42px;border:1px solid var(--border);box-shadow:0 26px 48px rgba(15,23,42,.12);font-size:1.04rem;line-height:1.78;color:var(--text)}
.policy-content h2{margin-top:48px;font-size:1.7rem;line-height:1.3}
.policy-content h3{margin-top:36px;font-size:1.35rem;line-height:1.4}
.policy-content p{margin:18px 0;color:var(--text)}
.policy-content ul, .policy-content ol{margin:20px 0;padding:0;padding-inline-start:24px}
.policy-content li{margin:12px 0}
.policy-content a{color:var(--accent-1);text-decoration:none;font-weight:600}
.policy-content a:hover{text-decoration:underline}
.policy-content blockquote{margin:24px 0;padding:18px 22px;border-left:4px solid var(--accent-1);background:rgba(42,108,246,.08);border-radius:12px;color:var(--muted)}

.policies-page[dir="rtl"] .policy-body .layout{grid-template-columns:minmax(0,1fr) 300px}
.policies-page[dir="rtl"] .policy-body .sidebar{grid-column:2;text-align:right}
.policies-page[dir="rtl"] .policy-body .policy-content{grid-column:1;text-align:right}
.policies-page[dir="rtl"] .sidebar-card{direction:rtl;text-align:right}
.policies-page[dir="rtl"] .sidebar-card a{--sidebar-shift:-4px}
.policies-page[dir="rtl"] .policy-content blockquote{border-left:0;border-right:4px solid var(--accent-1)}

@media (max-width:1024px){
  .policy-body .layout{grid-template-columns:1fr}
  .policy-body .sidebar,.policy-body .policy-content{grid-column:auto}
  .policies-page[dir="rtl"] .policy-body .layout{grid-template-columns:1fr}
}

@media (max-width:768px){
  .policy-hero{padding:80px 0 48px}
  .policy-hero .container{gap:24px}
  .policy-hero h1{font-size:2.4rem}
  .policy-body{padding:48px 0 80px}
  .policy-content{padding:32px}
}

@media (max-width:560px){
  .policy-top-tabs{gap:10px}
  .policy-top-tabs .top-tab{flex:1 1 48%;min-width:140px;text-align:center}
  .sidebar-card{padding:24px}
  .policy-content{padding:28px;border-radius:20px}
}

:root[data-theme="dark"] .policy-hero::before{opacity:.55}
:root[data-theme="dark"] .policy-top-tabs .top-tab{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:var(--muted)}
:root[data-theme="dark"] .policy-top-tabs .top-tab:hover{border-color:rgba(255,255,255,.18);color:#fff}
:root[data-theme="dark"] .sidebar-card{background:rgba(18,24,46,.85);border-color:rgba(255,255,255,.12);box-shadow:0 24px 50px rgba(4,8,20,.55)}
:root[data-theme="dark"] .sidebar-card a{color:var(--muted)}
:root[data-theme="dark"] .sidebar-card a:hover{color:#fff;background:rgba(42,108,246,.18);border-color:rgba(96,126,255,.4)}
:root[data-theme="dark"] .sidebar-card a.active{background:rgba(96,126,255,.32);border-color:rgba(96,126,255,.58);color:#f6f7ff;box-shadow:0 18px 38px rgba(0,0,0,.45)}
:root[data-theme="dark"] .sidebar-card a.active::after{border-color:rgba(210,218,255,.52)}
:root[data-theme="dark"] .sidebar-card p{color:var(--muted)}
:root[data-theme="dark"] .policy-content{background:rgba(12,18,38,.9);border-color:rgba(255,255,255,.12);box-shadow:0 28px 60px rgba(4,8,20,.6);color:#e9edff}
:root[data-theme="dark"] .policy-content p{color:#dfe3ff}
:root[data-theme="dark"] .policy-content blockquote{background:rgba(42,108,246,.18);color:#c8d2ff}