/* =====================================================================================================
   pages/docs.css · legal documents (Витрина): a ruled sheet, readable line length. Tokens only.
   ===================================================================================================== */
.doc{padding-bottom:16px}
.crumbs a{min-width:44px}
.doc-draft{display:flex;align-items:flex-start;gap:10px;margin:12px 0 14px;padding:10px 14px;background:var(--sticker);border-radius:2px 2px 12px 2px;
  box-shadow:var(--sh-1);font-size:16px;line-height:1.45}
.doc-draft .ico{flex:none;color:var(--pen-ink)}
.doc-h{margin:0 0 4px;font-size:clamp(25px,3vw + 12px,40px);overflow-wrap:break-word;hyphens:auto}
.doc-ver{margin:0 0 18px;font-size:16px;color:var(--pencil)}
.doc-body{padding:18px 16px 20px;background:var(--sheet);border-radius:4px;box-shadow:var(--sh-1);max-width:100%}
.doc-body>:last-child{margin-bottom:0}
.doc-body h2{margin:26px 0 10px;font-size:clamp(19px,1vw + 15px,23px)}
.doc-body h2:first-child{margin-top:0}
.doc-body p,.doc-body li,.doc-body dd{line-height:1.6}
.doc-body ul,.doc-body ol{padding-left:1.3em}
.doc-body li{margin:.35em 0}
.doc-body li::marker{color:var(--pen-ink)}
.doc-lead{font-size:18px;color:var(--ink)}
.doc-terms{margin:0 0 1em}
.doc-terms dt{margin-top:10px;font-weight:700}
.doc-terms dd{margin:2px 0 0}
.doc-tbl{margin:0 0 1em}
.doc-kv th{width:38%;color:var(--pencil);font-weight:600;white-space:normal;border-bottom:1px dashed var(--line-2)}
.doc-kv td{overflow-wrap:anywhere}
.doc-todo{display:inline;padding:0 .2em;background:var(--pen-soft);color:var(--pen-ink);font-weight:600}
p.doc-todo{display:block;padding:6px 10px;border-radius:6px}
.doc-other{margin-top:24px}
.doc-other ul{list-style:none;margin:0;padding:0;display:grid}
.doc-other a{display:inline-flex;align-items:center;min-height:44px}

@media (max-width:599px){
  .doc-kv th,.doc-kv td{display:block;width:auto;padding:6px 0;border:0}
  .doc-kv th{padding-top:12px}
  .doc-kv tr{display:block;border-bottom:1px dashed var(--line-2)}
}
@media (min-width:600px){
  .doc-body{padding:28px 32px 30px}
}