/* --- дополнения для служебных страниц (палитра и компоненты те же) --- */
.narrow{max-width:920px;margin:0 auto}
.hubhead{position:relative;overflow:hidden;background:var(--card);border-radius:22px;
  padding:26px 28px;margin-top:8px}
.hubhead::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.10;
  background:url("../assets/sheet10_watermark/pattern_watermark.webp") repeat}
.hubhead>*{position:relative;z-index:1}
.hubhead h1{font-size:clamp(26px,3.1vw,38px);line-height:1.1;text-transform:uppercase;margin:9px 0 12px}
.hubhead p{font-size:15.5px;color:var(--mut2);font-weight:500;line-height:1.72;max-width:780px}
.hubhead p+p{margin-top:11px}
.hubhead p b{color:#fff}
.hubhead p a{color:var(--cta1);font-weight:700}
.numlist{display:grid;gap:12px;margin-top:16px;max-width:880px;counter-reset:n}
.numlist li{position:relative;counter-increment:n;background:var(--card);border-radius:var(--r);
  padding:15px 18px 15px 58px}
.numlist li::before{content:counter(n,decimal-leading-zero);position:absolute;left:18px;top:16px;
  font:800 15px Barlow,sans-serif;color:var(--cta1)}
.numlist li b{display:block;color:#fff;font-size:15.5px;margin-bottom:4px}
.numlist li span{display:block;font-size:14.5px;color:var(--mut2);font-weight:500;line-height:1.62}
.bul{display:grid;gap:9px;margin-top:14px;max-width:880px}
.bul li{position:relative;padding-left:23px;font-size:15px;color:var(--mut2);font-weight:500;line-height:1.65}
.bul li::before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;
  background:linear-gradient(180deg,var(--cta1),var(--cta2))}
.bul li b{color:#fff}
.bul.no li::before{background:none;border:1.5px solid var(--mut)}
.callout{margin-top:18px;background:var(--card2);border-left:3px solid var(--cta1);border-radius:12px;
  padding:15px 19px;font-size:14.5px;color:var(--mut2);font-weight:600;line-height:1.65;max-width:880px}
.callout b{color:#fff}
.sec h3{font-size:16.5px;text-transform:uppercase;margin:22px 0 8px}
.faq-list{display:grid;gap:10px;max-width:880px}
.faq-list details{background:var(--card);border-radius:14px;padding:0 20px}
.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;
  gap:14px;padding:16px 0;font-weight:800;font-size:15.5px;color:#fff}
.faq-list summary::after{content:"+";font:400 22px/1 Barlow;color:var(--cta1);flex:0 0 auto}
.faq-list details[open] summary::after{content:"–"}
.faq-list .fa{padding:0 0 16px;font-size:14.5px;color:var(--mut2);font-weight:500;line-height:1.65}
.linkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.lcard{display:flex;align-items:center;gap:13px;background:var(--card);border-radius:var(--r);padding:15px 17px}
.lcard img{width:44px;height:44px;object-fit:contain;flex:0 0 auto}
.lcard .ln{display:block;font-weight:800;font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:#fff}
.lcard .lc{display:block;font-size:12.5px;color:var(--mut);font-weight:600;margin-top:3px}
.lcard:hover{background:var(--card2)}
.authors2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.acard{display:flex;gap:16px;align-items:center;background:var(--card);border-radius:var(--r);padding:16px 18px}
.acard img{width:76px;height:95px;border-radius:12px;object-fit:cover;flex:0 0 auto}
.acard .an{font-family:"Alfa Slab One",Georgia,serif;font-size:16px}
.acard .ar2{display:block;font-size:12.5px;font-weight:800;letter-spacing:.12em;color:var(--acc);
  text-transform:uppercase;margin:3px 0 6px}
.acard p{font-size:13.5px;color:var(--mut2);font-weight:500;line-height:1.5}
.acard .alink{display:inline-block;margin-top:8px;font-size:13px;font-weight:700;color:var(--cta1)}
.helpbox{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}
.help{background:var(--card2);border:1px solid var(--hotline);border-radius:var(--r);padding:18px 20px}
.help h3{font-size:16px;text-transform:uppercase;margin:0 0 8px}
.help p{font-size:14.5px;color:var(--mut2);font-weight:500;line-height:1.6}
.help a{color:var(--cta1);font-weight:700}
/* 404 */
.e404{position:relative;overflow:hidden;background:var(--card);border-radius:22px;margin-top:14px;
  padding:34px 34px 30px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:center}
.e404::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.10;
  background:url("../assets/sheet10_watermark/pattern_watermark.webp") repeat}
.e404>*{position:relative;z-index:1}
.e404 .code{font-family:"Alfa Slab One",Georgia,serif;font-size:clamp(52px,9vw,96px);line-height:1;
  background:linear-gradient(180deg,#FFC64A 0%,#FF7A1A 55%,#FF3D00 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#FFB300}
.e404 h1{font-size:clamp(23px,2.7vw,33px);line-height:1.12;text-transform:uppercase;margin:8px 0 10px}
.e404 p{font-size:15.5px;color:var(--mut2);font-weight:500;line-height:1.7;max-width:620px}
.e404 .masc{width:100%;max-width:270px;height:auto;margin:0 auto;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.6))}
.e404 form{display:flex;align-items:center;gap:10px;background:#1B1B1F;border:1px solid var(--line);
  border-radius:999px;padding:11px 18px;margin-top:18px;max-width:460px}
.e404 form input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;
  font:600 15px Barlow,sans-serif}
.e404 form input::placeholder{color:#8F8F98}
.e404 .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
@media(max-width:1020px){.linkgrid{grid-template-columns:1fr 1fr}
  .e404{grid-template-columns:1fr}
  .e404 .masc{max-width:210px}}
@media(max-width:720px){.linkgrid{grid-template-columns:1fr}
  .authors2{grid-template-columns:1fr}
  .helpbox{grid-template-columns:1fr}
  .hubhead{padding:20px 18px}
  .e404{padding:22px 18px}}