/* Privacy page (/privacy-policy) — step 11.13. Source: design/privacy-preview.html <style> (copied as is; no rule of it is in main.css).
   + .prv-main{padding-top:0} replaces the inline style="padding-top:0" of the preview.
   Only var(--fv-*) tokens; every page class starts with "prv-". v1 (9 Mehr 1405).
   EN = approved text claude/privacy-policy-draft.md (content unchanged). FA/TR = faithful legal rendering of the same content. */
.prv-hero{padding-block:88px 40px}
.prv-crumb{margin-bottom:28px}
.prv-crumb a:hover{color:var(--fv-ink)}
.prv-hero .fv-h1{margin-block:18px 16px}
.prv-upd{color:var(--fv-muted)}

.prv-main{padding-top:0}

.prv-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:64px;border-top:1px solid var(--fv-line);padding-top:48px}
.prv-toc{position:sticky;top:calc(var(--fv-header-h) + 32px);align-self:start}
.prv-toc ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.prv-toc a{color:var(--fv-muted);font-size:var(--fv-fs-small)}
.prv-toc a:hover{color:var(--fv-green)}

.prv-body{max-width:720px}
.prv-intro{padding-bottom:32px}
.prv-sec{padding-block:32px;border-top:1px solid var(--fv-line);scroll-margin-top:calc(var(--fv-header-h) + 16px)}
.prv-body p{margin-top:14px}
.prv-body p:first-child{margin-top:0}
.prv-sec p:first-child{margin-top:14px}
.prv-body ul{margin:14px 0 0;padding-inline-start:20px;display:grid;gap:8px}
.prv-body a{color:var(--fv-green);text-decoration:underline;text-underline-offset:3px}
.prv-body a:hover{color:var(--fv-green-hover)}
.prv-table{margin-top:18px}
.prv-table table{width:100%;border-collapse:collapse;font-size:var(--fv-fs-small)}
.prv-table th,.prv-table td{text-align:start;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--fv-line)}
.prv-table th{font-weight:600;background:var(--fv-surface)}
.prv-table td:first-child{font-weight:600;width:42%}

@media (max-width:900px){
  .prv-hero{padding-block:56px 28px}
  .prv-grid{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:32px}
  .prv-toc{position:static}
  .prv-toc ol{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 20px}
}
@media (max-width:600px){
  .prv-toc ol{grid-template-columns:minmax(0,1fr)}
  .prv-table thead{display:none}
  .prv-table tr{display:block;border-bottom:1px solid var(--fv-line);padding-block:12px}
  .prv-table td{display:block;border:0;padding:4px 0;width:auto}
  .prv-table td:first-child{width:auto}
}