/* ===== страницы документов ===== */
.dc{padding:calc(var(--u)*6) var(--side) calc(var(--u)*7)}
.dch{max-width:calc(var(--u)*62);margin-bottom:calc(var(--u)*3.4)}
.dcb{display:flex;gap:calc(var(--u)*.5);align-items:center;font-size:calc(var(--u)*.85*var(--k));font-weight:600;color:var(--mut);margin-bottom:calc(var(--u)*1.4)}
.dcb a{color:var(--mut);transition:color .2s}.dcb a:hover{color:var(--fg)}
.dch h1{font-size:calc(var(--u)*3.6*var(--k));font-weight:600;letter-spacing:-.04em;line-height:1.04;text-wrap:balance}
html[lang^=zh] .dch h1{letter-spacing:.02em;line-height:1.2}
.dch p{margin-top:calc(var(--u)*1.2);font-size:calc(var(--u)*1.15*var(--k));line-height:1.5;color:var(--mut);text-wrap:balance}
.dcd{display:inline-flex;align-items:center;gap:calc(var(--u)*.55);margin-top:calc(var(--u)*1.4);padding:calc(var(--u)*.25) calc(var(--u)*1) calc(var(--u)*.25) calc(var(--u)*.25);border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font-size:calc(var(--u)*.85*var(--k));font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums}
.dcd i{flex:none;display:grid;place-items:center;width:calc(var(--u)*1.7);height:calc(var(--u)*1.7);border-radius:50%;background:var(--acc);color:#fff;box-shadow:0 1px 3px color-mix(in srgb,var(--acc) 40%,transparent)}
.dcd svg{width:58%;height:58%}
.dcg{display:grid;grid-template-columns:calc(var(--u)*18) minmax(0,1fr);gap:calc(var(--u)*4);align-items:start}
.dcg>*{min-width:0}
.dca{position:sticky;top:calc(var(--u)*7);display:flex;flex-direction:column;gap:calc(var(--u)*2)}
.dca .dcah{font-weight:700;font-size:calc(var(--u)*.75*var(--k));letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:calc(var(--u)*.6)}
.dca nav{display:flex;flex-direction:column}
.dca nav a{padding:calc(var(--u)*.45) 0;font-size:calc(var(--u)*.88*var(--k));color:var(--mut);line-height:1.35;transition:color .2s}
.dca nav a:hover,.dca nav a.on{color:var(--fg)}
.dca .dcl a{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*.6);padding:calc(var(--u)*.6) calc(var(--u)*.9);border-radius:calc(var(--u)*.8);font-size:calc(var(--u)*.88*var(--k));color:var(--fg);transition:background .2s}
.dca .dcl a svg{flex:none;width:calc(var(--u)*.9);height:calc(var(--u)*.9);opacity:.5}
.dca .dcl a:hover{background:var(--soft)}
.dca .dcl a.cur{background:var(--fg);color:var(--bg)}
.dcx{max-width:calc(var(--u)*50);font-size:calc(var(--u)*1.02*var(--k));line-height:1.65}
.dcx .dcn{padding:calc(var(--u)*1) calc(var(--u)*1.3);border-radius:calc(var(--u)*1);background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:calc(var(--u)*2);color:var(--mut)}
.dcx h2{font-size:calc(var(--u)*1.55*var(--k));font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:calc(var(--u)*2.8) 0 calc(var(--u)*.9);scroll-margin-top:calc(var(--u)*7)}
.dcx h2:first-child{margin-top:0}
.dcx h3{font-size:calc(var(--u)*1.1*var(--k));font-weight:700;margin:calc(var(--u)*1.6) 0 calc(var(--u)*.5)}
.dcx p{margin:calc(var(--u)*.6) 0}
.dcx a{color:var(--acc);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--acc) 40%,transparent);text-underline-offset:.18em}
.dcx ul{list-style:none;margin:calc(var(--u)*.6) 0}
.dcx li{padding:calc(var(--u)*.55) 0;border-top:1px solid var(--line)}
.dcx li:first-child{border-top:0}
.dcx .dq2{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u)*.5) calc(var(--u)*1.6);margin:calc(var(--u)*1.2) 0;padding:calc(var(--u)*1.2) calc(var(--u)*1.4);border-radius:calc(var(--u)*1);box-shadow:inset 0 0 0 1px var(--line)}
.dcx .dq2 dt{color:var(--mut);font-weight:600}
.dcx .tw{overflow-x:auto;margin:calc(var(--u)*1) 0;border-radius:calc(var(--u)*1);box-shadow:inset 0 0 0 1px var(--line)}
.dcx table{width:100%;border-collapse:collapse;font-size:calc(var(--u)*.92*var(--k))}
.dcx th,.dcx td{text-align:left;vertical-align:top;padding:calc(var(--u)*.7) calc(var(--u)*1)}
.dcx th{font-size:calc(var(--u)*.78*var(--k));letter-spacing:.05em;text-transform:uppercase;color:var(--mut);font-weight:700;border-bottom:1px solid var(--line)}
.dcx tr+tr td{border-top:1px solid var(--line)}
@media (max-aspect-ratio:5/4){
 .dc{padding-top:calc(var(--u)*9)}
 .dch{max-width:none}
 .dch h1{font-size:calc(var(--u)*3.7*var(--k));overflow-wrap:break-word;hyphens:auto}
 .dch p{font-size:calc(var(--u)*1.55*var(--k))}
 .dcb,.dcd{font-size:calc(var(--u)*1.25*var(--k))}
 .dcg{grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*3)}
 .dca{position:static}
 .dca>div:first-child{display:none}
 .dca .dcah{font-size:calc(var(--u)*1.1*var(--k))}
 .dca .dcl{display:flex;gap:calc(var(--u)*.6);overflow-x:auto;margin:0 calc(var(--side)*-1);padding:0 var(--side) calc(var(--u)*.4);scroll-padding-inline:var(--side);scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .dca .dcl::-webkit-scrollbar{display:none}
 .dca .dcl::after{content:"";flex:none;width:1px}
 .dcd{padding:calc(var(--u)*.35) calc(var(--u)*1.4) calc(var(--u)*.35) calc(var(--u)*.35);gap:calc(var(--u)*.8)}
 .dcd i{width:calc(var(--u)*2.5);height:calc(var(--u)*2.5)}
 .dca .dcl a{flex:none;font-size:calc(var(--u)*1.25*var(--k));padding:calc(var(--u)*.9) calc(var(--u)*1.4);border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}
 .dca .dcl a svg{display:none}
 .dcx{max-width:none;font-size:calc(var(--u)*1.45*var(--k))}
 .dcx h2{font-size:calc(var(--u)*2.1*var(--k))}
 .dcx h3{font-size:calc(var(--u)*1.55*var(--k))}
 .dcx table{font-size:calc(var(--u)*1.25*var(--k))}
 .dcx th{font-size:calc(var(--u)*1.05*var(--k))}
 .dcx .dq2{grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*.2)}
 .dcx .dq2 dd{margin-bottom:calc(var(--u)*.6)}
}

/* длинные слова в заголовке документа («конфиденциальности») помещаются целиком */
@media (max-aspect-ratio:5/4){.dch h1{font-size:min(calc(var(--u)*3.7*var(--k)),calc((100vw - 2*var(--side)) / 10.8));hyphens:manual}}
