/* Документы: оглавление, текст для чтения с телефона, якоря, пометки для юриста. */

.doc{max-width:1080px}
.doc__head{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;max-width:760px}
.doc__ed{margin:0;font-size:14.5px;line-height:1.5;color:var(--text-3)}
.doc__grid{display:block}
.toc{margin:0 0 26px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.toc>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 18px;font-weight:800;cursor:pointer}
.toc>summary::-webkit-details-marker{display:none}
.toc>summary::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .15s}
.toc[open]>summary::after{transform:rotate(-135deg) translateY(-3px)}
.toc ol{margin:0;padding:0 8px 10px;list-style:none}
.toc a{display:flex;align-items:center;min-height:44px;padding:6px 10px;border-radius:10px;color:var(--text-2);text-decoration:none;font-size:15px;line-height:1.35}
.toc a:hover{color:var(--text);background:rgba(255,255,255,.04)}
@container app (min-width:1000px){
  .doc__grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:48px;align-items:start}
  .toc{position:sticky;top:92px;max-height:calc(100vh - 120px);overflow:auto}
}
.doc__body{max-width:720px;font-size:17px;line-height:1.7;color:#ddd6e6}
.doc__body section{scroll-margin-top:84px}
.doc__body h2{margin:38px 0 14px;font:700 20px/1.3 var(--font-d);color:var(--text);text-wrap:balance}
.doc__body section:first-child h2{margin-top:0}
.doc__body p{margin:0 0 14px;text-wrap:pretty}
.doc__body .n{color:var(--text-3);font-weight:700;margin-right:4px}
.doc__body ul{margin:0 0 16px;padding-left:22px}
.doc__body li{margin-bottom:8px}
.doc__body b{color:var(--text)}
.doc__anchor{margin-left:8px;color:var(--text-3);text-decoration:none;font:600 .8em var(--font)}
.doc__anchor:hover{color:var(--accent)}
.tbl{max-width:100%;overflow-x:auto;margin:0 0 18px;border:1px solid var(--line);border-radius:14px}
.tbl table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.5}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.tbl tr:last-child td{border-bottom:0}
.tbl th{font-weight:800;color:var(--text);background:var(--panel)}
.fill{padding:1px 6px;border-radius:6px;background:var(--attn-bg);color:var(--attn);font-weight:700;font-size:.92em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.flag{margin:0 0 16px;padding:10px 14px;border:1px dashed var(--danger-line);border-radius:12px;background:var(--danger-bg);color:var(--danger);font-size:14.5px;line-height:1.55}
.doc__top{display:inline-flex;margin-top:12px}
.doc__others{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.doc__req{margin:18px 0 0;font-size:14px;line-height:1.6;color:var(--text-3)}