/* ===========================================================
   dossier — папка-досье (шаблон сети, новый в банке 2026-07-29)
   Парадигма: манильская папка на столе. Вкладки-язычки по краю,
   подшивка листов с полем и дырокольными отверстиями, скрепки,
   штамп «ПРОВЕРЕНО» под углом, машинописные поля-формуляры.
   Namespace: .ds*   |   Шрифты: Fjalla One + Kumbh Sans
   Палитра: accent hue 3 (сургучный красный) + hue 183 (бирюза)
   =========================================================== */

:root{
  --acc:#c62e25;          /* hsl(3 70% 46%) — штемпельный сурик */
  --acc-d:#8d1f19;
  --acc-w:#f6e2de;
  --acc2:#1d7376;         /* hsl(183 60% 29%) — дополнительный */
  --acc2-w:#dcefee;
  --desk:#332e27;         /* поверхность стола */
  --desk2:#282420;
  --folder:#c9ab74;       /* манильский картон */
  --folder2:#b8975d;
  --folder3:#e0c894;
  --paper:#f8f3e7;        /* лист */
  --paper2:#efe7d4;
  --ink:#221d18;
  --ink2:#6c6153;
  --line:#d8ceb6;
  --disp:"Fjalla One",Impact,"Arial Narrow",sans-serif;
  --body:"Kumbh Sans",system-ui,-apple-system,sans-serif;
  --mono:"Courier New",ui-monospace,monospace;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--body);
  color:var(--ink);
  background:var(--desk);
  background-image:
    repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 5px),
    radial-gradient(1200px 620px at 50% -8%,#443c33 0%,var(--desk) 62%,var(--desk2) 100%);
  line-height:1.6;
  font-size:16.5px;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--disp);font-weight:400;letter-spacing:.4px;line-height:1.12;margin:0}
p{margin:0 0 12px}
ul{margin:0;padding:0;list-style:none}

.ds-skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:9px 14px;z-index:90}
.ds-skip:focus{left:8px;top:8px}
.ds-em{color:var(--acc-d);font-weight:700}
.ds-em2{color:var(--acc2);font-weight:700}
.ds-num{font-family:var(--mono);font-weight:700;letter-spacing:-.2px}

/* ---------- 1. верхняя кромка папки с язычками ---------- */
.ds-top{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(180deg,var(--folder2),#a8873f);
  border-bottom:3px solid var(--acc);
  box-shadow:0 8px 22px -12px rgba(0,0,0,.75);
}
.ds-top__in{
  max-width:1180px;margin:0 auto;
  display:flex;align-items:center;gap:12px;
  padding:8px clamp(10px,3vw,20px) 0;
}
.ds-wm{display:flex;align-items:center;gap:9px;text-decoration:none;flex:none;padding-bottom:8px}
.ds-wm i{
  width:36px;height:36px;flex:none;display:grid;place-items:center;
  background:var(--acc);color:#fff;font-family:var(--disp);font-size:17px;font-style:normal;
  border:2px solid #6d1611;box-shadow:2px 2px 0 rgba(0,0,0,.32);
}
.ds-wm .wm-t{display:block;font-family:var(--disp);font-size:16px;color:#2b2118;letter-spacing:.6px}
.ds-wm .wm-s{display:block;font-family:var(--mono);font-size:10px;letter-spacing:1.6px;color:#5d4a26;text-transform:uppercase}

.ds-tabs{display:flex;gap:5px;align-items:flex-end;overflow-x:auto;flex:1;scrollbar-width:none;padding-left:4px}
.ds-tabs::-webkit-scrollbar{display:none}
.ds-tab{
  flex:none;text-decoration:none;
  font-family:var(--mono);font-size:11px;letter-spacing:1.1px;text-transform:uppercase;
  padding:7px 12px 8px;
  background:var(--folder3);color:#4a3a1d;
  border:1px solid #8d7233;border-bottom:0;
  border-radius:7px 7px 0 0;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.4);
  transform:translateY(2px);
}
.ds-tab:nth-child(even){background:#d5bb84;transform:translateY(5px)}
.ds-tab:hover{background:#f0dcae;transform:translateY(0)}
.ds-tab--hot{background:var(--acc);color:#fff;border-color:#6d1611}
.ds-tab--hot:hover{background:#dd382e}
.ds-top .ds-btn{margin:0 0 8px;flex:none}

/* ---------- 2. кнопки ---------- */
.ds-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:11px 20px;
  font-family:var(--disp);font-size:15px;letter-spacing:1.1px;text-transform:uppercase;
  text-decoration:none;cursor:pointer;border:2px solid var(--ink);
  background:var(--paper);color:var(--ink);
  box-shadow:3px 3px 0 var(--ink);
  transition:transform .08s,box-shadow .08s;
}
.ds-btn:hover{transform:translate(1.5px,1.5px);box-shadow:1.5px 1.5px 0 var(--ink)}
.ds-btn--go{background:var(--acc);color:#fff;border-color:#5f120d;box-shadow:3px 3px 0 #5f120d}
.ds-btn--go:hover{box-shadow:1.5px 1.5px 0 #5f120d}
.ds-btn--sm{min-height:44px;padding:9px 14px;font-size:13px;box-shadow:2px 2px 0 var(--ink)}
.ds-top .ds-btn--go{border-color:#5f120d}

/* ---------- 3. корпус папки ---------- */
.ds-folder{
  max-width:1180px;margin:0 auto 40px;
  background:linear-gradient(180deg,var(--folder) 0%,#c0a068 100%);
  padding:clamp(12px,2.4vw,22px) clamp(10px,2.4vw,22px) 30px;
  border-radius:0 0 6px 6px;
  box-shadow:0 40px 70px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.35);
}

/* ---------- 4. обложка дела (hero) ---------- */
.ds-cover{
  position:relative;
  background:var(--paper);
  border:1px solid #cbbf9f;
  box-shadow:0 14px 24px -18px rgba(0,0,0,.6);
  padding:clamp(16px,3vw,30px);
  margin-bottom:16px;
}
.ds-cover::after{
  content:"";position:absolute;inset:8px;border:1px dashed #d9cfb5;pointer-events:none;
}
.ds-cover__grid{display:grid;grid-template-columns:1.42fr .95fr;gap:clamp(16px,3vw,34px);position:relative;z-index:2}
.ds-case{
  font-family:var(--mono);font-size:11.5px;letter-spacing:2.2px;text-transform:uppercase;
  color:var(--ink2);margin:0 0 12px;
}
.ds-case .hi{color:var(--acc-d);font-weight:700}
.ds-cover h1{font-size:clamp(29px,4.6vw,52px);margin:0 0 14px;text-transform:uppercase}
.ds-cover h1 em{font-style:normal;color:var(--acc-d)}
.ds-lede{font-size:16.5px;color:#3a3229;max-width:56ch}
.ds-acts{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 6px}

/* штамп «ПРОВЕРЕНО» */
.ds-stamp{
  display:inline-block;transform:rotate(-9deg);
  font-family:var(--disp);font-size:clamp(18px,2.5vw,26px);letter-spacing:3px;
  color:var(--acc);border:3px double var(--acc);
  padding:6px 16px 5px;margin:0 0 16px;
  opacity:.86;text-transform:uppercase;
}
.ds-stamp small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:1.4px;opacity:.9}

/* машинописный формуляр */
.ds-form{margin:0;font-family:var(--mono);font-size:12.5px}
.ds-form div{display:flex;align-items:baseline;gap:6px;padding:5px 0;border-bottom:1px dotted #cec3a8}
.ds-form dt{color:var(--ink2);text-transform:uppercase;letter-spacing:.7px;white-space:nowrap}
.ds-form i{flex:1;border-bottom:1px dotted #ccc0a4;transform:translateY(-3px)}
.ds-form dd{margin:0;font-weight:700;color:var(--ink);white-space:nowrap}

/* KPI-полоса */
.ds-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;position:relative;z-index:2}
.ds-kpi li{
  background:var(--paper2);border:1px solid var(--line);
  border-left:4px solid var(--acc2);
  padding:11px 13px;
}
.ds-kpi .kn{display:block;font-family:var(--disp);font-size:26px;letter-spacing:.5px;color:var(--ink)}
.ds-kpi .kl{display:block;font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink2)}

/* ---------- 5. подшивка листов ---------- */
.ds-sheet{
  position:relative;
  display:grid;grid-template-columns:56px 1fr;
  background:var(--paper);
  border:1px solid #cbbf9f;
  box-shadow:0 12px 20px -16px rgba(0,0,0,.65);
  margin-bottom:14px;
}
.ds-sheet:nth-child(even){background:linear-gradient(90deg,var(--paper) 0%,#f5efe1 100%)}
.ds-margin{
  border-right:1px solid var(--acc-w);
  background:linear-gradient(180deg,#f1ebdb,#eae2ce);
  display:flex;flex-direction:column;align-items:center;gap:14px;
  padding:18px 0;
}
.ds-punch{
  width:15px;height:15px;border-radius:50%;
  background:var(--folder);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.45);
  flex:none;
}
.ds-vcode{
  writing-mode:vertical-rl;text-orientation:mixed;
  font-family:var(--mono);font-size:10.5px;letter-spacing:2.4px;color:#a2967c;
  margin-top:auto;text-transform:uppercase;
}
.ds-body{padding:clamp(16px,2.6vw,30px) clamp(14px,2.6vw,32px) clamp(20px,2.6vw,30px)}
.ds-mark{
  font-family:var(--mono);font-size:11px;letter-spacing:2.2px;text-transform:uppercase;
  color:var(--acc-d);margin:0 0 8px;
}
.ds-body h2{font-size:clamp(22px,2.9vw,32px);margin:0 0 6px;text-transform:uppercase}
.ds-body h3{font-size:18.5px;margin:20px 0 7px;color:#332b22}
.ds-rule{height:3px;background:var(--ink);width:64px;margin:10px 0 16px}
.ds-body p{max-width:78ch}

/* скрепка */
.ds-clip{
  position:absolute;top:-15px;right:clamp(18px,4vw,46px);
  width:24px;height:58px;border:3px solid #98a1a8;border-radius:12px;
  transform:rotate(8deg);z-index:5;
  background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(0,0,0,.05));
}
.ds-clip::after{
  content:"";position:absolute;left:5px;top:9px;right:5px;bottom:12px;
  border:3px solid #bcc4ca;border-radius:8px;border-top-color:transparent;
}

/* ---------- 6. карточки учёта (каталог) ---------- */
.ds-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.ds-card{
  position:relative;background:var(--paper2);
  border:1px solid var(--line);padding:13px 14px 12px;
}
.ds-card::after{
  content:"";position:absolute;right:0;top:0;border:9px solid transparent;
  border-top-color:#dcd0b4;border-right-color:#dcd0b4;
}
.ds-card .cn{display:block;font-family:var(--disp);font-size:17px;letter-spacing:.5px}
.ds-card u{display:block;text-decoration:none;font-family:var(--mono);font-size:11px;letter-spacing:1.1px;color:var(--acc2);text-transform:uppercase;margin:2px 0 7px}
.ds-card p{margin:0;font-size:14px;color:#443b31}
.ds-card em{display:block;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--ink2);margin-top:7px;padding-top:6px;border-top:1px dotted #cec3a8}

/* ---------- 7. реестр причалов (VIP) ---------- */
.ds-berth{margin-top:16px;border-top:2px solid var(--ink)}
.ds-berth li{
  display:grid;grid-template-columns:26px 1.1fr 2.2fr 84px;gap:12px;align-items:center;
  padding:10px 4px;border-bottom:1px dotted #cec3a8;
}
.ds-berth .n{font-family:var(--mono);font-size:12px;color:var(--ink2)}
.ds-berth .t{font-family:var(--disp);font-size:18px;letter-spacing:.6px}
.ds-berth .bar{height:13px;background:#e6ddc8;border:1px solid var(--line);position:relative}
.ds-berth .bar i{position:absolute;left:0;top:0;bottom:0;background:repeating-linear-gradient(45deg,var(--acc2) 0 6px,#2a8e91 6px 12px)}
.ds-berth .v{font-family:var(--mono);font-size:13px;font-weight:700;text-align:right}

/* ---------- 8. таблица кассы ---------- */
.ds-scroll{overflow-x:auto;margin-top:16px;border:1px solid var(--line)}
.ds-table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px;background:var(--paper2)}
.ds-table th,.ds-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}
.ds-table th{
  background:var(--ink);color:#f3ecdc;font-family:var(--mono);
  font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:400;
}
.ds-table td:first-child{font-weight:700}
.ds-table tr:last-child td{border-bottom:0}
.ds-table .ok{color:var(--acc2);font-family:var(--mono);font-weight:700}

/* ---------- 9. live-зал ---------- */
.ds-live{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.ds-live div{
  background:var(--paper2);border:1px solid var(--line);border-top:4px solid var(--acc);
  padding:13px 15px;
}
.ds-live .ln{display:block;font-family:var(--disp);font-size:19px;letter-spacing:.5px}
.ds-live p{margin:5px 0 0;font-size:14.5px;color:#443b31}

/* ---------- 10. показания игроков ---------- */
.ds-quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:16px}
.ds-quote{
  background:var(--paper2);border:1px solid var(--line);padding:15px 16px 12px;position:relative;
}
.ds-quote p{font-size:15px;margin:0 0 10px;color:#3a3229}
.ds-quote footer{
  font-family:var(--mono);font-size:11.5px;letter-spacing:1px;color:var(--ink2);
  text-transform:uppercase;border-top:1px solid var(--ink);padding-top:7px;
}
.ds-quote footer .city{color:var(--acc-d);font-weight:700}

/* ---------- 11. вопросы ---------- */
.ds-qa{margin-top:14px}
.ds-qa li{border-bottom:1px dotted #cec3a8;padding:12px 0}
.ds-qa h3{font-size:17px;margin:0 0 5px;display:flex;gap:9px;align-items:baseline}
.ds-qa h3 span{font-family:var(--mono);font-size:12px;color:var(--acc-d);flex:none}
.ds-qa p{margin:0;font-size:15px;color:#403830}

/* ---------- 12. заметка автора ---------- */
.ds-note{
  position:relative;background:#fbf6ea;border:1px solid #cbbf9f;
  border-left:6px solid var(--acc);
  padding:clamp(16px,2.6vw,26px);margin-bottom:14px;
  box-shadow:0 12px 20px -16px rgba(0,0,0,.65);
  transform:rotate(-.25deg);
}
.ds-note h3{font-size:21px;margin:0 0 8px;text-transform:uppercase}
.ds-note .sign{
  margin-top:12px;padding-top:10px;border-top:1px dotted #cec3a8;
  font-family:var(--mono);font-size:12px;letter-spacing:1.1px;color:var(--ink2);text-transform:uppercase;
}

/* ---------- 13. подвал ---------- */
.ds-foot{
  max-width:1180px;margin:0 auto;padding:26px clamp(12px,3vw,24px) 46px;
  color:#cfc4ad;font-size:13.5px;
}
.ds-foot__top{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  border-top:2px solid var(--folder2);padding-top:18px}
.ds-foot .fn{font-family:var(--disp);font-weight:400;font-size:17px;color:#f0e4c8;letter-spacing:.6px}
.ds-age{
  display:inline-grid;place-items:center;width:44px;height:44px;flex:none;
  border:2px solid var(--acc);color:#fff;background:rgba(198,46,37,.24);
  font-family:var(--disp);font-size:15px;
}
.ds-foot p{max-width:92ch;color:#a99e8a;font-size:13px;margin:12px 0 0}
.ds-foot a{color:#e6d9b8}

/* ---------- адаптив ---------- */
@media(max-width:940px){
  .ds-cover__grid{grid-template-columns:1fr;gap:18px}
  .ds-kpi{grid-template-columns:repeat(2,1fr)}
  .ds-cards{grid-template-columns:repeat(2,1fr)}
  .ds-quotes,.ds-live{grid-template-columns:1fr}
}
@media(max-width:620px){
  body{font-size:16px}
  .ds-top__in{flex-wrap:wrap;gap:8px;padding-top:7px}
  .ds-wm{padding-bottom:6px}
  /* flex:1 из десктопного правила мешает вкладкам уехать на свою строку — гасим явно */
  .ds-tabs{order:3;width:100%;flex:0 0 100%;padding:0 0 0 2px}
  .ds-top .ds-btn{margin-left:auto;margin-bottom:6px}
  .ds-btn{min-height:46px;padding:10px 15px;font-size:14px}
  .ds-sheet{grid-template-columns:30px 1fr}
  .ds-margin{gap:10px;padding:12px 0}
  .ds-punch{width:11px;height:11px}
  .ds-vcode{font-size:9px;letter-spacing:1.6px}
  .ds-cards{grid-template-columns:1fr}
  .ds-berth li{grid-template-columns:22px 1fr 68px;row-gap:6px}
  .ds-berth .bar{grid-column:1/-1;order:4}
  .ds-clip{right:14px}
  .ds-cover h1{font-size:28px}
}

body{overflow-x:hidden}header{position:sticky;top:0;z-index:10;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px max(18px,calc((100% - 1180px)/2));background:#101018;color:#fff}header a{color:inherit}.brand{font-size:22px;text-decoration:none}.brand small{font-size:10px}.cta{display:inline-flex;min-height:44px;align-items:center;padding:0 20px;border-radius:10px;background:#ff3366;color:#fff;text-decoration:none}main{max-width:1120px;margin:auto;padding:32px 18px}.hero{padding:clamp(28px,6vw,76px);border-radius:24px}.hero h1{font-size:clamp(34px,6vw,72px);line-height:1.02}.actions,.kpi,.entities{display:flex;flex-wrap:wrap;gap:12px}.kpi span,.entities span{padding:10px 14px;border:1px solid currentColor;border-radius:999px}section{margin:30px 0;padding:clamp(20px,4vw,48px);border-radius:20px}p{font-size:18px;line-height:1.75}blockquote{padding:18px;border-left:4px solid #ff3366}.keywords{font-size:13px;opacity:.65}details{padding:14px 0;border-bottom:1px solid currentColor}footer{padding:32px;text-align:center}@media(max-width:700px){header nav{display:none}.hero h1{font-size:38px}.kpi span{flex:1 1 42%}p{font-size:16px}}