/* Стиль служебных страниц mymute.app: юрдокументы и поддержка.
   Палитра — та же, что на лендинге; читаемость важнее эффектов. */
:root{
  --cream:#f7f2ea; --paper:#fffdf8;
  --ink:#1e2421; --muted:#6f7a73; --line:#e4ddd0;
  --sage:#4f7a6f; --sage-d:#37564d; --sage-soft:#e6efec;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);line-height:1.72;
  -webkit-font-smoothing:antialiased}
a{color:var(--sage)}
.dw{max-width:780px;margin:0 auto;padding:0 24px}

/* шапка */
.doc-top{position:sticky;top:0;z-index:20;background:rgba(247,242,234,.9);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line)}
.doc-top .dw{display:flex;align-items:center;justify-content:space-between;height:64px}
.doc-top .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;
  color:var(--ink);text-decoration:none}
.doc-top .brand img{width:26px;height:26px;border-radius:50%;display:block}
.doc-top .back{font-size:15px;text-decoration:none}
.doc-top .back:hover{text-decoration:underline}

/* переключатель документов */
.doc-nav{background:var(--sage-soft);border-bottom:1px solid var(--line);
  position:sticky;top:64px;z-index:19}
.doc-nav .dw{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding-top:9px;padding-bottom:9px}
.doc-nav a,.doc-nav .cur{font-size:14px;padding:5px 12px;border-radius:100px;text-decoration:none;
  white-space:nowrap}
.doc-nav a{color:var(--sage-d)}
.doc-nav a:hover{background:rgba(255,255,255,.65)}
.doc-nav .cur{background:var(--sage);color:#fff;font-weight:600}
.doc-nav .alt{margin-left:auto;color:var(--muted)}

/* тело документа */
.doc{padding:44px 24px 72px}
.doc h1{font-size:clamp(26px,4.2vw,36px);line-height:1.18;letter-spacing:-.02em;margin-bottom:22px}
.doc h2{font-size:clamp(20px,2.8vw,25px);line-height:1.25;letter-spacing:-.01em;
  margin:44px 0 12px;padding-top:6px}
.doc h3{font-size:18px;margin:28px 0 8px}
.doc h4{font-size:16px;margin:22px 0 6px}
.doc h2:target,.doc h3:target{scroll-margin-top:120px}
.doc p{margin:0 0 14px}
.doc ul,.doc ol{margin:0 0 18px;padding-left:24px}
.doc li{margin-bottom:8px}
.doc li::marker{color:var(--sage)}
.doc hr{border:0;border-top:1px solid var(--line);margin:34px 0}
.doc strong{font-weight:650}
.doc code{background:var(--sage-soft);padding:1px 6px;border-radius:6px;font-size:.92em}
.doc a{overflow-wrap:anywhere}

/* таблицы — на узком экране скроллятся сами, страница не едет вбок */
.tw{overflow-x:auto;margin:0 0 22px;border:1px solid var(--line);border-radius:14px;
  background:var(--paper)}
.doc table{border-collapse:collapse;width:100%;font-size:15px;min-width:520px}
.doc th,.doc td{padding:11px 14px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--line)}
.doc th{background:var(--sage-soft);font-weight:650;white-space:nowrap}
.doc tr:last-child td{border-bottom:0}

/* подвал */
.doc-foot{background:var(--sage-d);color:#a9b8b1;padding:30px 0;font-size:13.5px;line-height:1.7}
.doc-foot a{color:#cdd8d2}
.doc-foot p{margin:0 0 4px}

@media(max-width:560px){
  .doc-nav .alt{margin-left:0}
  .doc{padding-top:32px}
}