/* Only the document template; reference: new/design/Страница документа.png. */
.document-detail { color:var(--ink); }
.document-detail h2 { font-size:26px; line-height:1.2; margin:0 0 13px; }
.document-detail h3 { font-size:15px; line-height:1.3; margin:0 0 5px; }
.document-hero { position:relative; padding:12px 0 18px; overflow:visible; isolation:isolate; background:#fff; }
.document-hero::before { content:''; position:absolute; inset:0 0 0 auto; width:70%; z-index:-1; background:var(--document-cover) right 70%/cover no-repeat; mask-image:linear-gradient(90deg,transparent,#000 45%); }
.document-hero > .container { position:relative; }
.document-hero .breadcrumbs { margin-bottom:22px; font-size:12px; }
.document-hero-text { width:68%; max-width:770px; }
.document-badge { display:inline-block; color:#1264b4; border:1px solid #9dc6f5; background:#eef6ff; padding:2px 8px; font-size:14px; line-height:1.4; border-radius:4px; text-transform:uppercase; }
.document-hero h1 { font-size:clamp(34px,3.6vw,52px); line-height:1.03; margin:8px 0 15px; max-width:700px; }
.document-lead { font-size:16px; line-height:1.45; margin:0 0 15px; }
.document-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:19px; }
.document-tags a,.document-tags span { border:1px solid #bdd9fa; border-radius:8px; background:#edf5ff; padding:3px 12px; font-size:11px; line-height:1.4; color:#1255a0; }
.document-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.document-actions .button { width:auto; border-radius:5px; min-height:50px; padding:12px 18px; font-size:12px; line-height:1.35; gap:14px; }
.document-actions .document-primary,.document-actions .document-source-action { min-height:65px; text-align:left; justify-content:flex-start; }
.document-primary { min-width:245px; }
.document-actions .document-source-action { background:#ffffffed; }
.document-actions .lucide-icon { width:25px; height:25px; flex:0 0 25px; }
.document-actions .button-soft .lucide-icon { width:16px; height:16px; flex-basis:16px; }
.document-actions small { display:block; font-size:11px; font-weight:400; margin-top:4px; }
.document-content { padding-top:16px; padding-bottom:12px; }
.document-columns { display:grid; grid-template-columns:minmax(0,2.25fr) minmax(260px,1fr); gap:30px; }
.document-main,.document-sidebar,.document-lower > section { min-width:0; }
.document-main > section { margin-bottom:20px; }
.document-detail .article-prose { font-size:15px; line-height:1.5; }
.document-detail .article-prose p { margin-bottom:10px; }
.document-detail .article-prose h2 { font-size:23px; }
.document-notice { display:flex; align-items:flex-start; gap:15px; background:#edf5ff; border-radius:5px; padding:15px; font-size:13px; line-height:1.45; }
.document-notice > .lucide-icon { width:27px; height:27px; flex:0 0 27px; padding:4px; border-radius:50%; color:white; background:#428fe7; }
.document-notice p,.document-steps p,.document-checks p,.document-errors p { margin:0; }
.document-file-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; }
.document-file-grid > article { border:1px solid var(--line); padding:12px; border-radius:5px; display:flex; flex-direction:column; gap:12px; }
.document-file-info { display:flex; align-items:flex-start; gap:12px; }
.document-file-info > img { flex:0 0 38px; }
.document-file-info small { font-size:12px; }
.document-file-info p { font-size:11px; line-height:1.45; margin:3px 0 0; }
.document-file-grid .button { margin-top:auto; min-height:40px; padding:8px; font-size:13px; gap:9px; }
.document-file-grid .button .lucide-icon { width:19px; height:19px; }
.document-source-strip { display:flex; align-items:center; gap:18px; background:#edf5ff; border-radius:5px; padding:17px; margin:14px 0 20px; }
.document-source-strip > .lucide-icon { width:32px; height:32px; flex:0 0 32px; color:#1671d1; }
.document-source-strip > div { flex:1; }
.document-source-strip strong { font-size:14px; color:var(--navy); }
.document-source-strip p { font-size:12px; line-height:1.4; margin:3px 0 0; }
.document-source-strip .button { background:#fff; font-size:11px; min-height:42px; padding:10px 15px; gap:9px; }
.document-source-strip .button .lucide-icon { width:16px; height:16px; }
.document-viewer { display:grid; grid-template-columns:115px minmax(0,1fr); height:420px; border:1px solid var(--line); border-radius:5px; overflow:hidden; background:#e9edf1; }
.document-thumbnails { overflow-y:auto; background:#d4dbe2; padding:13px; }
.document-thumbnails button { display:block; width:100%; padding:5px; border:1px solid transparent; background:none; color:var(--navy); font-size:12px; margin-bottom:10px; border-radius:4px; }
.document-thumbnails button[aria-current=true] { border-color:#1685e7; background:#e4f2ff; }
.document-thumbnails canvas { width:100%; height:auto; box-shadow:0 1px 4px #1234; }
.document-viewer-main { display:flex; flex-direction:column; min-width:0; min-height:0; }
.document-canvas-scroll { overflow:auto; flex:1; min-height:0; padding:14px 20px; text-align:center; }
.document-page-canvas { display:block; margin:0 auto; max-width:none; box-shadow:0 1px 15px #1232; background:#fff; }
.document-viewer-status { font-size:13px; padding:30px 0; }
.document-viewer-toolbar { display:flex; flex-shrink:0; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px; border-top:1px solid var(--line); padding:8px; background:#edf3f9; font-size:11px; }
.document-viewer-toolbar button,.document-viewer-toolbar a { display:flex; align-items:center; justify-content:center; width:30px; height:30px; background:#fff; border:1px solid var(--line); border-radius:4px; color:var(--blue); padding:5px; }
.document-viewer-toolbar button:disabled { opacity:.45; }
.document-viewer-toolbar .lucide-icon { width:17px; height:17px; }
.document-viewer-toolbar input { width:38px; height:30px; border:1px solid var(--line); background:white; border-radius:4px; padding:3px; text-align:center; font-size:12px; appearance:textfield; }
.document-viewer-toolbar input::-webkit-inner-spin-button { appearance:none; }
.document-viewer:fullscreen { height:100vh; background:#e9edf1; }
.document-instructions { display:grid; grid-template-columns:1fr 1fr; gap:25px; margin:22px 0; }
.document-steps,.document-checks,.document-errors { margin:0; padding:0; list-style:none; }
.document-steps li,.document-checks li,.document-errors li { display:flex; align-items:flex-start; gap:12px; margin-bottom:9px; font-size:12px; line-height:1.45; }
.document-steps li > span { flex:0 0 40px; text-align:center; border-radius:16px; background:#e7f2ff; color:#0971df; font-size:21px; line-height:1.15; }
.document-checks .lucide-icon { width:18px; height:18px; flex:0 0 18px; border-radius:50%; padding:3px; color:white; background:#5294e8; }
.document-errors .lucide-icon { width:19px; height:19px; flex:0 0 19px; color:#f33e43; }
.document-instructions .button { font-size:12px; padding:10px 15px; min-height:40px; }
.document-sidebar .sidebar-box { padding:16px 18px; margin-bottom:15px; border-radius:5px; }
.document-sidebar h2 { font-size:22px; }
.document-requisites dl { margin:0; }
.document-requisites dl > div { display:flex; gap:15px; margin:14px 0; }
.document-requisites dl .lucide-icon { color:#1374de; width:26px; height:26px; flex:0 0 26px; }
.document-requisites dt { font-size:13px; line-height:1.35; font-weight:600; color:var(--navy); }
.document-requisites dd { font-size:13px; line-height:1.4; margin:0; }
.document-status { display:flex; align-items:flex-start; gap:13px; padding:15px; border-radius:5px; background:#eaf3ff; }
.document-status-current { background:#e6f6ee; }
.document-status-archive { background:#fff3dd; }
.document-status > .lucide-icon { width:26px; height:26px; flex:0 0 26px; color:#1264b4; }
.document-status-current > .lucide-icon { color:#fff; background:#00944b; border-radius:50%; padding:5px; }
.document-status strong { font-size:13px; line-height:1.4; display:block; }
.document-status p { font-size:12px; line-height:1.4; margin:3px 0 0; }
.document-official-source > div { display:flex; gap:13px; align-items:center; margin-bottom:15px; }
.document-official-source img { object-fit:contain; width:75px; height:65px; }
.document-official-source strong { color:var(--navy); font-size:15px; }
.document-official-source p { font-size:12px; line-height:1.4; margin:3px 0 0; }
.document-official-source .button { width:100%; min-height:42px; font-size:12px; gap:9px; }
.document-official-source .button .lucide-icon { width:16px; height:16px; }
.document-experts article { display:flex; gap:14px; margin-bottom:20px; }
.document-experts article:last-child { margin-bottom:0; }
.document-experts article > a { flex:0 0 76px; }
.document-experts img { width:76px; height:90px; object-fit:cover; object-position:center top; border-radius:4px; background:#e1e3e8; }
.document-experts small { font-size:10px; color:var(--navy); font-weight:600; }
.document-experts h3 { font:600 16px/1.2 'Golos Text',sans-serif; }
.document-experts p { font-size:11px; line-height:1.4; margin:3px 0; }
.document-experts .read-link { font-size:12px; margin-top:10px; }
.document-question { display:grid; grid-template-columns:32px 1fr; gap:9px 14px; background:#edf5ff; }
.document-question > .lucide-icon { width:32px; height:32px; color:#1479dc; }
.document-question h2 { font-size:21px; margin:0 0 5px; }
.document-question p { font-size:12px; line-height:1.4; margin:0; }
.document-question .button,.document-question > small { grid-column:1/-1; }
.document-question .button { min-height:45px; font-size:13px; }
.document-question > small { text-align:center; font-size:10px; }
.document-lower { display:grid; grid-template-columns:1fr 1fr 1.04fr; gap:27px; margin:15px 0 22px; }
.document-detail .section-heading { gap:10px; align-items:center; margin-bottom:12px; }
.document-detail .section-heading h2 { margin:0; }
.document-detail .section-heading > a { white-space:nowrap; font-size:11px; }
.document-faq summary { padding:8px 12px; font-size:11px; }
.document-faq .faq-answer { font-size:12px; padding:10px 12px; }
.document-faq details { margin:0; }
.document-useful .cards-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.document-useful .card-media { height:96px; }
.document-useful .card-body { padding:10px; }
.document-useful .card-body h3 { font:600 12px/1.4 'Golos Text',sans-serif; margin:0; }
.document-useful .card-badge,.document-useful .read-link { display:none; }
.document-useful .card-meta { font-size:10px; margin-bottom:7px; }
.document-useful .card-meta .lucide-icon { width:12px; height:12px; }
.document-related { width:calc((100% - 30px) * .6923); }
.document-related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.document-related-grid > a { display:flex; gap:9px; padding:10px; border:1px solid var(--line); border-radius:5px; }
.document-related-grid img { flex:0 0 38px; }
.document-related-grid strong { display:block; font:600 10px/1.35 'Golos Text',sans-serif; color:var(--navy); }
.document-related-grid small { font-size:10px; }
@media(max-width:1100px) and (min-width:901px) {
 .document-hero h1 { font-size:36px; }
 .document-lead { font-size:13px; }
 .document-actions { gap:12px; }
 .document-actions .button { font-size:10px; padding:10px 15px; }
 .document-primary { min-width:180px; }
 .document-actions .document-primary,.document-actions .document-source-action { min-height:52px; }
 .document-detail h2 { font-size:20px; }
 .document-columns { grid-template-columns:minmax(0,2.25fr) minmax(220px,1fr); gap:22px; }
 .document-detail .article-prose { font-size:12px; }
 .document-sidebar h2 { font-size:18px; }
 .document-file-grid { grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:12px; }
 .document-file-grid > article { padding:10px; }
 .document-file-info { gap:9px; }
 .document-file-info h3 { font-size:12px; }
 .document-file-info small { font-size:10px; }
 .document-file-grid .button { font-size:11px; }
 .document-notice { font-size:11px; padding:12px; }
 .document-instructions { gap:20px; }
 .document-steps li,.document-checks li,.document-errors li { font-size:10px; gap:8px; }
 .document-sidebar .sidebar-box { padding:13px; }
 .document-requisites dt,.document-requisites dd { font-size:11px; }
 .document-viewer { height:310px; grid-template-columns:85px minmax(0,1fr); }
 .document-viewer-toolbar { gap:3px; padding:6px; }
 .document-viewer-toolbar button,.document-viewer-toolbar a { width:25px; height:25px; }
 .document-experts article { gap:11px; }
 .document-experts article > a { flex-basis:63px; }
 .document-experts img { width:63px; height:76px; }
 .document-experts h3 { font-size:13px; }
 .document-experts p { font-size:10px; }
 .document-lower { gap:22px; }
 .document-detail .section-heading > a { font-size:9px; }
 .document-useful .cards-grid { gap:10px; }
 .document-useful .card-body h3 { font-size:10px; }
}
@media(max-width:900px) {
 .document-hero-text { width:75%; }
 .document-hero::before { opacity:.45; }
 .document-columns { grid-template-columns:minmax(0,1fr) 240px; gap:22px; }
 .document-file-grid { grid-template-columns:1fr; }
 .document-instructions { grid-template-columns:1fr; }
 .document-lower { grid-template-columns:1fr 1fr; }
 .document-useful { grid-column:1/-1; }
 .document-useful .card-media { height:150px; }
 .document-related { width:100%; }
 .document-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .document-source-strip { flex-wrap:wrap; }
 .document-source-strip .button { margin-left:50px; }
 .document-sidebar h2 { font-size:21px; }
 .document-viewer { grid-template-columns:65px minmax(0,1fr); }
 .document-thumbnails { padding:7px; }
}
@media(max-width:650px) {
 .document-hero-text { width:100%; }
 .document-hero::before { opacity:.2; background-position:right top; }
 .document-hero h1 { font-size:34px; }
 .document-lead { font-size:14px; }
 .document-hero .breadcrumbs { font-size:10px; }
 .document-actions { gap:10px; }
 .document-actions .document-primary,.document-actions .document-source-action { width:100%; }
 .document-actions .button-soft { flex:1; min-width:130px; }
 .document-columns,.document-lower { grid-template-columns:1fr; }
 .document-sidebar { margin-top:8px; }
 .document-useful { grid-column:auto; }
 .document-detail h2 { font-size:24px; }
 .document-sidebar .sidebar-box { padding:18px; }
 .document-detail .article-prose { font-size:14px; }
 .document-viewer { height:380px; }
 .document-viewer-toolbar { gap:4px; padding:7px 4px; }
 .document-viewer-toolbar button,.document-viewer-toolbar a { width:25px; height:25px; }
 .document-viewer-toolbar input { width:30px; height:25px; }
 .document-source-strip { gap:10px; padding:13px; }
 .document-source-strip .button { margin-left:42px; }
 .document-related-grid strong { font-size:11px; }
 .document-useful .card-media { height:105px; }
 .document-useful .card-body h3 { font-size:12px; }
}

.document-file-info h3 { font-family:'Golos Text',sans-serif; font-weight:600; }
.document-file-origin { display:inline-block; margin-top:4px; font-size:10px; color:var(--blue); }
.document-file-info > div { min-width:0; }
.document-related-grid > a { align-items:center; }
.document-related-grid strong,.document-useful .card-body h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.document-related-grid img { width:38px; height:44px; object-fit:contain; }
.document-experts .read-link { line-height:1.35; }

.document-faq .section-heading { display:block; }
.document-faq .section-heading > a { display:block; margin-top:4px; text-align:right; }
@media(min-width:901px) and (max-width:1100px) {
 .document-tags { gap:6px; }
 .document-tags a,.document-tags span { font-size:9px; padding:3px 8px; }
 .document-file-info p { font-size:9px; line-height:1.4; }
 .document-file-origin { font-size:9px; line-height:1.4; }
 .document-file-grid > article { gap:10px; }
 .document-file-grid .button { min-height:32px; padding:6px; }
 .document-faq h2 { font-size:18px; }
}

/* Document refinements and shared catalog navigation. */
.document-source-action:hover,.document-source-action:focus-visible,.document-source-strip .button:hover,.document-source-strip .button:focus-visible { background:#103f70; color:#fff; }
.document-file-info > div { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
.document-file-info h3 { margin:0; line-height:1.2; }
.document-file-info small { display:block; line-height:1.25; }
.document-file-info p { margin:0; line-height:1.25; }
.document-file-origin { margin-top:0; line-height:1.25; }
.document-nav-dropdown { position:relative; }
.document-nav-dropdown summary { list-style:none; cursor:pointer; }
.document-nav-dropdown summary::-webkit-details-marker { display:none; }
.document-nav-dropdown[open] summary { background:#dbeaff; color:var(--blue); }
.document-nav-dropdown[open] summary .lucide-icon { transform:rotate(180deg); }
.document-nav-menu { position:absolute; z-index:20; top:calc(100% + 8px); right:0; width:280px; max-width:calc(100vw - 40px); max-height:360px; overflow:auto; padding:6px; background:white; border:1px solid var(--line); border-radius:6px; box-shadow:0 10px 30px #153d6926; }
.document-nav-menu a { display:block; padding:10px 12px; font-size:13px; line-height:1.35; border-radius:4px; color:var(--navy); }
.document-nav-menu a:hover,.document-nav-menu a:focus-visible,.document-nav-menu .is-selected { background:#edf5ff; color:var(--blue); text-decoration:none; }
.document-directory .document-hero { padding-bottom:26px; }
.document-directory .document-hero h1 { line-height:1.12; }
.document-directory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.document-directory-card { padding:18px; border:1px solid var(--line); border-radius:6px; display:flex; flex-direction:column; gap:12px; }
.document-directory-title { display:flex; align-items:center; gap:12px; }
.document-directory-title img { flex:0 0 40px; width:40px; height:46px; object-fit:contain; }
.document-directory-title h3 { font:600 16px/1.3 'Golos Text',sans-serif; margin-bottom:4px; }
.document-directory-title small { font-size:12px; line-height:1.3; }
.document-directory-card p { margin:0; font-size:13px; line-height:1.45; }
.document-directory-card .read-link { margin-top:auto; font-size:12px; }
.document-directory-content { margin-top:28px; }
.document-directory-content table { width:100%; table-layout:fixed; }
.document-directory-content th,.document-directory-content td { overflow-wrap:anywhere; }
@media(max-width:900px) { .document-nav-dropdown { flex:0 1 auto; } }
@media(max-width:650px) { .document-nav-dropdown { flex:1; min-width:130px; } .document-nav-dropdown summary { width:100%; } .document-nav-menu { width:260px; right:auto; left:0; } .document-nav-dropdown:last-child .document-nav-menu { right:0; left:auto; } .document-directory-grid { grid-template-columns:1fr; } }

.document-related-grid > a > span { min-width:0; flex:1; }
.document-related-grid strong { overflow-wrap:anywhere; }
.document-directory-title > div { min-width:0; }

/* A short title must not collapse the illustration into a narrow strip. */
.document-detail:not(.document-directory) .document-hero { min-height:360px; display:flex; align-items:center; }
@media(max-width:650px) { .document-detail:not(.document-directory) .document-hero { min-height:0; } }

.document-source-only .document-lower { grid-template-columns:1fr 1fr; }
.document-source-only .document-useful { grid-column:1/-1; }
@media(max-width:650px) { .document-source-only .document-lower { grid-template-columns:1fr; } }
