/* Оформление кодексов в характере клубных нашивок. */
@font-face{font-family:'Ruslan Display';src:url('/media/fonts/RuslanDisplay-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--patch-font:'Ruslan Display',Georgia,serif;--stitch:#e6dce055}
.document-hero{background:radial-gradient(ellipse at 85% 50%,#50102177,transparent 55%),repeating-linear-gradient(125deg,#ffffff02 0 1px,transparent 1px 5px),#0e0e11;border-bottom:1px solid #b92139;padding-bottom:42px}
.document-hero h1,.document-card h2{font-family:var(--patch-font);font-weight:400;letter-spacing:.01em;line-height:1.15;text-shadow:0 3px 0 #0007}
.document-hero h1{font-size:clamp(42px,5.8vw,82px);margin:28px 0 20px}
.document-hero p{color:#c8bdc2}
.document-heading{grid-template-columns:minmax(0,1fr) 200px}
.rocker-label{background:linear-gradient(#c51732,#8c0c20);border:1px solid #f0d9df;outline:1px dashed #f2c1ca80;outline-offset:-5px;border-radius:18px 18px 3px 3px;padding:13px 22px;transform:none;font-family:var(--patch-font);font-size:16px;font-weight:400;letter-spacing:.04em;box-shadow:0 7px 20px #0005}
.document-layout{position:relative;isolation:isolate;background:radial-gradient(#ffffff09 .65px,transparent .85px) 0 0/5px 5px,radial-gradient(ellipse at 15% 15%,#34151c66,transparent 55%),#0c0c0e;color:#ded9dc;grid-template-columns:260px minmax(0,820px);gap:42px;padding:55px 5vw 85px}
.document-body{background:linear-gradient(130deg,#222125,#17171a 45%,#1c1b1e);border:1px solid #63515766;outline:1px dashed #cbb9c12e;outline-offset:-9px;padding:38px 42px 44px;box-shadow:0 25px 60px #0006,0 1px 0 #ffffff08 inset;font-size:18px;line-height:1.85;color:#e2dce0}
.document-body>p{padding:0 4px;color:#cbc4c9}
.document-body>p:first-of-type{margin-top:0}
.document-body h2{font:400 clamp(24px,2.65vw,37px)/1.35 var(--patch-font);letter-spacing:.015em;text-transform:uppercase;background:linear-gradient(115deg,#8b1025,#490e19);color:#fff6f8;padding:19px 24px;border:1px solid #c2576a88;outline:1px dashed #f0b6c544;outline-offset:-6px;margin:0 0 24px;box-shadow:0 7px 18px #0003}
.document-body h3{font-family:'PT Sans',sans-serif;font-size:20px;font-weight:700;color:#fff3f6;border-left:2px solid #ca2641;padding-left:15px;margin:28px 0 12px}
.doc-section{border-top:1px solid #e3bccd24;padding:34px 0 14px;scroll-margin-top:24px}
.doc-section p{margin:18px 0}
.document-toc{background:#141316;border:1px solid #71525a66;padding:21px;box-shadow:0 12px 28px #0004}
.document-toc details{border:0;padding:0}
.document-toc summary{font:400 22px/1.3 var(--patch-font);color:#fff5f7;padding-bottom:16px;border-bottom:2px solid #a51a32}
.document-toc a{color:#c5bac0;font-size:14px;line-height:1.55;padding:10px 2px;border-color:#ffffff12;transition:color .2s,background .2s}
.document-toc a:hover,.document-toc a:focus-visible{color:#fff;background:#87203933}
.document-body .edition-note,.route-document .edition-note{background:#40152260;color:#c8b8bf;border-left:3px solid #b42b45;font-size:14px;line-height:1.7;padding:18px 20px;box-shadow:0 0 0 1px #b44b6733 inset}
.document-body>.text-link{color:#fff}
.document-library{background:radial-gradient(#ffffff07 .6px,transparent .8px) 0 0/5px 5px,#0c0c0e}
.document-card{background:linear-gradient(135deg,#252024,#141316);border-color:#76505a77;outline:1px dashed #d0a6b332;outline-offset:-8px;padding:34px;box-shadow:0 15px 35px #0004}
.document-card h2{font-size:clamp(27px,3vw,39px);color:#fff1f5}
.document-card .doc-number{font-family:var(--patch-font);color:#ef3656;font-weight:400}
.document-card .text-link{color:#eed5dd}
.document-card:hover{border-color:#dc4160;background:linear-gradient(135deg,#331b24,#191417)}
.route-document-page{padding:18px;background:#1c191d;border:1px solid #73515c66;outline:1px dashed #bc9caa33;outline-offset:-7px;box-shadow:0 15px 40px #0005}
.route-document-page figcaption{color:#cab9c1}
@media(max-width:1100px){.document-layout{grid-template-columns:220px minmax(0,1fr);gap:25px;padding-left:4vw;padding-right:4vw}.document-body{padding:30px}.document-toc{padding:18px}.document-heading{grid-template-columns:minmax(0,1fr) 150px}}
@media(max-width:760px){.document-hero{padding:35px 6vw}.document-heading{grid-template-columns:minmax(0,1fr) 78px;gap:12px}.document-hero h1{font-size:clamp(32px,7.7vw,52px);line-height:1.2}.document-heading>img{max-height:110px}.document-hero .rocker-label{font-size:12px;line-height:1.5;padding:11px 14px}.document-layout{grid-template-columns:1fr;padding:24px 4vw 45px;gap:24px}.document-body{padding:23px 20px;font-size:17px;line-height:1.8;outline-offset:-6px}.document-body h2{font-size:25px;line-height:1.4;padding:17px 18px}.document-body h3{font-size:19px}.document-toc nav{max-height:200px}.document-body .edition-note{padding:14px;font-size:13px}.document-card{padding:28px 23px;gap:14px}.document-card h2{font-size:28px}.route-document-page{padding:9px}.route-document-page figcaption{padding:6px}}
@media print{.document-hero,.document-layout,.document-body{background:white!important;color:black!important;box-shadow:none;outline:0;border:0}.document-body{padding:0;font-size:11pt}.document-hero h1{text-shadow:none;color:black;font-size:30pt}.document-body h2{background:white;color:black;border:0;outline:0;box-shadow:none;padding:12px 0;font-size:20pt;break-after:avoid}.document-body h3,.document-body p,.document-body>p{color:black}.document-body .edition-note,.route-document .edition-note{background:white;color:#333;box-shadow:none}.doc-section{border-color:#bbb}.rocker-label{background:white;color:black;border:0;outline:0;box-shadow:none}.route-document-page{background:white;border:0;outline:0;padding:0;box-shadow:none}}