/* Основа (§3, §6.0, §6.2, §14.4); бюджет 8 КБ */
/* --c/--ct не наследуются */
@property --c{syntax:"*";inherits:false}
@property --ct{syntax:"*";inherits:false}
@font-face{font-family:"Geologica Fallback";src:local("Segoe UI"),local("PT Sans"),local("Arial");size-adjust:100%;ascent-override:96%;descent-override:25%;line-gap-override:0%}
@font-face{font-family:"Martian Fallback";src:local("Consolas"),local("PT Mono"),local("Courier New");size-adjust:118%;ascent-override:82%;descent-override:22%}
@layer base {
*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--desk);scroll-padding-top:calc(var(--hdr-h) + var(--s2))}
body{margin:0;min-height:100svh;overflow-x:clip;overflow-wrap:break-word;background:var(--desk);color:var(--ink);font:400 16.5px/1.6 var(--font-sans)}
main{display:block;overflow-x:clip}
img,svg,canvas,picture{display:block;max-width:100%}
img{height:auto}
:where(h1,h2,h3,h4,p,ol,ul,dl,dd,figure,table,fieldset){margin:0}
:where(ol,ul)[class]{padding:0;list-style:none}
table{border-collapse:collapse}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
address{font-style:normal}
/* типографика §3.3 */
:where(h1,h2,h3){font-family:var(--font-sans);font-weight:420;color:var(--ink);text-wrap:balance}
h1{font-size:clamp(2rem,1.2rem + 2.2vw,3.25rem);line-height:1.06;font-weight:400;letter-spacing:-.018em;max-width:26ch}
h2{font-size:clamp(1.5rem,1.05rem + 1.9vw,2.6rem);line-height:1.08;letter-spacing:-.01em;max-width:26ch}
h3{font-size:1.25rem;line-height:1.25;font-weight:520}
p,li,dd{max-width:66ch;text-wrap:pretty}
:where([class])>li{max-width:none}
a{color:var(--ink);text-decoration:underline 1px var(--hidden);text-underline-offset:3px;transition:text-decoration-color var(--t-hover) linear}
a:hover{text-decoration-color:var(--cyan)}
::selection{background:var(--cyan);color:var(--sheet)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media (min-width:768px){body{font-size:17px;line-height:1.62}h1{font-weight:380}}
/* утилиты §6.0 */
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip{position:absolute;z-index:50;left:8px;top:8px;padding:12px 20px;background:var(--line);color:var(--sheet);font:var(--f-btn);text-decoration:none;translate:0 -200%}
.skip:focus{translate:none}
.mono{font:var(--f-mono)}
.oblique{font:var(--f-obl);font-size:13px}
.code{font:var(--f-code);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.code::before{content:attr(data-t)}
.mono,.code{font-variant-numeric:tabular-nums}
.big{display:block;font:semi-expanded 300 56px/1 var(--font-mono);font-variant-numeric:tabular-nums slashed-zero}
.answer{font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.55;max-width:36em}
.meta-line{font-size:15px;line-height:1.5;color:var(--ink-2)}
.next-doc{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--rule);font-size:17px;font-weight:500}
@media (max-width:767px){.code[data-t-short]::before{content:attr(data-t-short)}}
@media (min-width:768px){.oblique{font-size:14px}}
/* лист §3.4: рамка, миллиметровка, метки обреза */
.sheet{position:relative;isolation:isolate;max-width:var(--sheet-max);margin:0 auto var(--sheet-gap);padding:calc(var(--frame) + var(--pad));padding-left:calc(var(--frame-l) + var(--pad));background:var(--sheet);overflow-x:clip;--m4:repeating-linear-gradient(90deg,var(--grid) 0 1px,#0000 0 40px),repeating-linear-gradient(var(--grid) 0 1px,#0000 0 40px);--mm:var(--m4)}
.sheet::before,.sheet::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.sheet::before{inset:var(--frame) var(--frame) var(--frame) var(--frame-l);border:var(--lw-frame) solid var(--line);background:var(--mm)}
.sheet::after{inset:1px;border:1px solid var(--grid);display:none;mask:conic-gradient(at 10px 10px,#0000 75%,#000 0) 0 0/calc(100% - 10px) calc(100% - 10px)}
/* поле подшивки §6.2 */
.sheet__binding,.sheet__binding-cell:not([data-t]),.sheet__binding-cell[data-t=""]{display:none}
.sheet__binding-t::before{content:attr(data-t)}
.sheet__binding-cell::before{content:attr(data-k)}
.sheet__binding-cell::after{content:attr(data-t);color:var(--ink)}
@media (min-width:768px){
.sheet{--mm:var(--m4),repeating-linear-gradient(90deg,var(--grid-fine) 0 1px,#0000 0 8px),repeating-linear-gradient(var(--grid-fine) 0 1px,#0000 0 8px)}
.sheet::after{display:block}
.sheet__binding{position:absolute;left:0;top:var(--frame);bottom:var(--frame);width:var(--frame-l);display:flex;flex-direction:column;align-items:flex-end;padding-top:var(--s5);font:var(--f-code);font-stretch:75%;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.sheet__binding>*{writing-mode:vertical-rl;rotate:180deg;white-space:nowrap}
.sheet__binding-t{align-self:center;margin-bottom:auto}
.sheet__binding-cell{display:flex;gap:10px;justify-content:center;block-size:40px;min-inline-size:56px;padding-inline:8px;border:1px solid var(--rule);margin-top:-1px}
}
/* шапка листа §6.2 */
.sheets,.doc{padding-top:var(--sheet-gap)}
.sheet__head{position:relative;margin-bottom:var(--s5)}
.sheet__code,.doc-head__code{display:block;margin-bottom:var(--s3)}
.sheet__head::after{content:"";display:block;height:9px;margin:var(--s4) calc(-1 * var(--pad)) 0 0;background:linear-gradient(var(--rule) 0 0) 0 50%/calc(100% - 24px) 1px no-repeat,var(--wave) 100% 50% no-repeat}
.sheet__title--h1{font-size:clamp(2.25rem,1.15rem + 4.1vw,5rem);line-height:1.02;font-weight:400;max-width:17ch}
@media (min-width:768px){.sheet__title--h1{font-weight:360}}
@media (min-width:1100px){.sheet__head::before{content:"";position:absolute;top:4px;left:calc(2px - var(--pad));width:calc(var(--pad) - 8px);height:5px;background:var(--hidden);mask:var(--dim-mask)}}
/* сетка листа 12 / 8 / 1 колонок */
.grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--s5);align-items:start}
.grid>*{grid-column:1/-1;min-width:0}
@media (min-width:768px) and (max-width:1099px){.grid>*{grid-column:var(--ct,1/-1)}}
@media (min-width:1100px){
.grid{row-gap:var(--s6)}
.grid>*{grid-column:var(--c,1/-1)}
/* за рамку до края листа, край — волнистый обрыв */
.bleed-r{position:relative;z-index:var(--z-gfx);margin-inline-end:calc(-1 * (var(--pad) + var(--frame)))}
.bleed-r::after{content:"";position:absolute;z-index:var(--z-cap);top:0;bottom:0;right:-1px;width:9px;pointer-events:none;background:var(--break) 0 0/9px 12px repeat-y}
}
/* пауза, reduce, нет JS: итоговый вид */
html:not([data-motion=on]) *,html:not([data-motion=on]) ::before,html:not([data-motion=on]) ::after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:1ms!important}
/* печать §14.4 */
@media print{
:root{--desk:#fff;--sheet:#fff;--sheet-2:#fff;--grid:#0000;--grid-fine:#0000;--rule:#6F8CA8;--line:#0B2748;--ink:#0B2748;--ink-2:#34506F;--cyan:#1D5E99;--hidden:#6F8CA8}
body{font-size:11pt}
.sheet{max-width:none;margin:0 0 8mm;padding:6mm;content-visibility:visible!important}
.sheet::after,.sheet__binding,.bleed-r::after,canvas,.wire,svg[aria-hidden=true],.qc__line,.qc__beam,.qc__toggle,.qc__loupe,.qc__cross,.hdr__menu,.nav,.motion-toggle,.skip,.ministamp,.req__fields,.req__actions,.req__nojs{display:none!important}
.bleed-r{margin-inline-end:0}
/* итоговый вид, плашка с заливкой */
.qc__plate,.strike{print-color-adjust:exact;-webkit-print-color-adjust:exact}.qc__box{opacity:1!important}.strike{background-size:100% 1px!important}.spec--ops::before{clip-path:none!important}
.qc__stage{outline:.5pt solid #0B2748}
main a[href^="/"]:not(.btn)::after,a[href^=http]::after{content:" (" attr(href) ")";font-size:9pt;color:#34506F;word-break:break-all}
table,tr,figure,.faq__item,.field{break-inside:avoid}
h1,h2,h3{break-after:avoid}
}
}
