/* Legal document pages (Оферта, Политика). Zamesin/producthowto reference layout:
   minimal header, wide content column, editorial serif for H1, sans body. */

:root{
  --ink: #0A0A0A;
  --ink-lead: #333338;
  --ink-muted: #5A5A5F;
  --hairline: rgba(14,14,14,0.12);
  --bg: #FBFBFB;
  --font-display: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-accent: 'Lora', 'Source Serif Pro', Georgia, serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font-family:var(--font-display);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}

.doc-header{
  border-bottom:1px solid var(--hairline);
  padding:24px 0;
  background:#FFF;
}
.doc-header-row{
  width:min(calc(100% - 64px), 1280px);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.doc-brand{
  font-family:var(--font-display);
  font-weight:700;
  font-size:15px;
  color:var(--ink);
}
.doc-home{
  font-family:var(--font-display);
  font-weight:500;
  font-size:14px;
  color:var(--ink-muted);
  transition:color 0.12s;
}
.doc-home:hover{color:var(--ink)}

.doc-page{
  width:min(calc(100% - 64px), 780px);
  margin:0 auto;
  padding:88px 0 120px;
}

.doc-page h1{
  font-family:var(--font-accent);
  font-weight:600;
  font-size:64px;
  line-height:1.05;
  letter-spacing:-1.5px;
  color:var(--ink);
  margin-bottom:20px;
}
.doc-page .subtitle{
  font-family:var(--font-display);
  font-weight:400;
  font-size:20px;
  line-height:1.45;
  color:var(--ink-lead);
  margin-bottom:14px;
}
.doc-page > p:first-of-type + p,
.doc-page > p.edition{
  color:var(--ink-muted);
  font-size:14px;
  margin-bottom:40px;
}

.doc-page hr.split{
  border:0;
  border-top:1px solid var(--hairline);
  margin:20px 0 40px;
}

.doc-page h2{
  font-family:var(--font-display);
  font-weight:700;
  font-size:20px;
  line-height:1.35;
  color:var(--ink);
  margin-top:44px;
  margin-bottom:18px;
  letter-spacing:-0.2px;
}
.doc-page h3{
  font-family:var(--font-display);
  font-weight:600;
  font-size:17px;
  line-height:1.4;
  color:var(--ink);
  margin-top:32px;
  margin-bottom:12px;
}
.doc-page p{
  font-family:var(--font-display);
  font-weight:400;
  font-size:15.5px;
  line-height:1.65;
  color:var(--ink-lead);
  margin-bottom:14px;
}
.doc-page p strong{font-weight:600;color:var(--ink)}
.doc-page p em{font-style:italic}

.doc-footer{
  border-top:1px solid var(--hairline);
  padding:40px 0;
  background:#FFF;
}
.doc-footer-row{
  width:min(calc(100% - 64px), 1280px);
  margin:0 auto;
  font-family:var(--font-display);
  font-size:13px;
  color:var(--ink-muted);
  display:flex;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}

@media (max-width:640px){
  .doc-page{padding:56px 0 80px}
  .doc-page h1{font-size:44px;letter-spacing:-1px}
  .doc-page .subtitle{font-size:17px}
  .doc-page h2{font-size:18px;margin-top:36px}
}