@import url('https://fonts.googleapis.com/css2?family=Ledger&family=Commissioner:wght@300;400;500;600&display=swap&subset=cyrillic,cyrillic-ext,latin');

:root{
  --lgPaper:#f3efe4;
  --lgGround:#e4dfd1;
  --lgInk:#1d2430;
  --lgWax:#b23a48;
  --lgSteel:#6b7a8f;
  --lgLine:#c9c2b0;
  --lgFaint:#ded8c8;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--lgGround);
  color:var(--lgInk);
  font-family:'Commissioner',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.62;
  overflow-x:hidden;
}
img,svg{max-width:100%}
a{color:var(--lgWax)}

.lgSkip{position:absolute;left:-999px;top:0;background:var(--lgInk);color:var(--lgPaper);padding:8px 14px;z-index:99}
.lgSkip:focus{left:8px;top:8px}

/* ── шапка-фолио ───────────────────────────────── */
.lgFolio{
  position:sticky;top:0;z-index:40;
  background:var(--lgPaper);
  border-bottom:1px solid var(--lgInk);
  padding:9px 16px;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.lgFolioMark{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--lgInk)}
.lgFolioMark svg{display:block;width:34px;height:34px;flex:none}
.lgFolioName{font-family:'Ledger',Georgia,serif;font-size:20px;letter-spacing:.02em;line-height:1}
.lgFolioName small{display:block;font-family:'Commissioner',sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lgSteel);margin-top:3px;font-weight:500}
.lgFolioNav{display:flex;gap:2px;flex-wrap:wrap;margin-left:auto;font-size:12.5px}
.lgFolioNav a{color:var(--lgSteel);text-decoration:none;padding:4px 7px;border:1px solid transparent;letter-spacing:.01em}
.lgFolioNav a:hover{color:var(--lgInk);border-color:var(--lgLine)}
.lgBtn{
  display:inline-block;
  font-family:'Commissioner',sans-serif;font-size:13.5px;font-weight:600;letter-spacing:.03em;
  background:var(--lgWax);color:#fdfaf3;text-decoration:none;
  padding:10px 18px;border:1px solid var(--lgWax);
}
.lgBtn:hover{background:#96303c;border-color:#96303c}
.lgBtnGhost{background:transparent;color:var(--lgInk);border:1px solid var(--lgInk)}
.lgBtnGhost:hover{background:var(--lgInk);color:var(--lgPaper)}
.lgFolio .lgBtn{padding:9px 14px}

/* ── книга ─────────────────────────────────────── */
.lgBook{
  max-width:760px;margin:0 auto;
  background:var(--lgPaper);
  border-left:1px solid var(--lgLine);border-right:1px solid var(--lgLine);
  padding:0 26px 40px;
}
.lgRule{height:1px;background:var(--lgLine);border:0;margin:34px 0}
.lgRuleThick{height:1px;background:var(--lgInk);border:0;margin:34px 0}

/* ── титульный разворот ────────────────────────── */
.lgOpen{padding:40px 0 4px}
.lgStamp{
  display:inline-block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--lgWax);border:1px solid var(--lgWax);padding:4px 10px;margin-bottom:20px;font-weight:600;
}
h1{
  font-family:'Ledger',Georgia,serif;font-weight:400;
  font-size:clamp(27px,5.4vw,40px);line-height:1.2;margin:0 0 18px;letter-spacing:-.005em;
}
.lgLead{font-size:17px;line-height:1.66;margin:0 0 20px;color:#27303e}
.lgActs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 6px}

.lgFacts{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:26px;border-top:1px solid var(--lgInk)}
.lgFact{border-bottom:1px solid var(--lgLine);border-right:1px solid var(--lgLine);padding:12px 14px}
.lgFact:nth-child(2n){border-right:0}
.lgFact span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lgSteel);font-weight:500}
.lgFact em{display:block;font-style:normal;font-family:'Ledger',Georgia,serif;font-size:21px;margin-top:4px}

/* ── реестр заявок ─────────────────────────────── */
.lgLedger{margin:30px 0 8px;border:1px solid var(--lgInk);padding:0}
.lgLedgerHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--lgInk)}
.lgLedgerHead h2,.lgLedgerHead p{margin:0}
.lgLedgerTitle{font-family:'Ledger',Georgia,serif;font-size:17px}
.lgLedgerNote{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--lgSteel);font-weight:500}
.lgScroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.lgSheet{width:100%;border-collapse:collapse;font-size:13.5px;min-width:430px}
table.lgSheet th{
  text-align:left;font-weight:600;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--lgSteel);padding:9px 14px;border-bottom:1px solid var(--lgLine);white-space:nowrap;
}
table.lgSheet td{padding:9px 14px;border-bottom:1px solid var(--lgFaint);vertical-align:top}
table.lgSheet tr:last-child td{border-bottom:0}
.lgMono{font-family:ui-monospace,'Cascadia Mono','Consolas','Liberation Mono',monospace;font-size:12.5px;letter-spacing:-.01em;white-space:nowrap}
.lgSum{font-family:'Ledger',Georgia,serif;font-size:15px;white-space:nowrap}
.lgFast{color:var(--lgWax);font-weight:600}
.lgLedgerFoot{padding:11px 14px;border-top:1px solid var(--lgInk);font-size:12.5px;color:var(--lgSteel)}

/* ── записи-секции ─────────────────────────────── */
.lgEntry{display:grid;grid-template-columns:44px 1fr;gap:0 18px;padding:6px 0}
.lgNum{
  font-family:ui-monospace,'Cascadia Mono','Consolas',monospace;
  font-size:13px;color:var(--lgWax);letter-spacing:.04em;
  padding-top:9px;border-top:1px solid var(--lgInk);
}
.lgEntryBody{border-top:1px solid var(--lgInk);padding-top:9px}
.lgEntry h2{
  font-family:'Ledger',Georgia,serif;font-weight:400;
  font-size:clamp(21px,3.6vw,27px);line-height:1.26;margin:0 0 14px;
}
.lgEntry h3{
  font-family:'Commissioner',sans-serif;font-weight:600;font-size:15px;
  letter-spacing:.01em;margin:26px 0 8px;color:#2b3442;
}
.lgEntry p{margin:0 0 14px}
.lgHint{font-size:13px;color:var(--lgSteel);margin:0 0 14px}

/* ── карточки без скруглений ───────────────────── */
.lgCards{display:grid;gap:14px;margin:18px 0}
.lgCards2{grid-template-columns:repeat(2,1fr)}
.lgCards3{grid-template-columns:repeat(3,1fr)}
.lgCard{border:1px solid var(--lgLine);padding:14px 15px;background:var(--lgPaper)}
.lgCardTag{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lgSteel);font-weight:600;display:block;margin-bottom:6px}
.lgCard h4{font-family:'Ledger',Georgia,serif;font-weight:400;font-size:18px;margin:0 0 7px}
.lgCard p{font-size:13.5px;margin:0;color:#2b3442}
.lgCardWax{border-color:var(--lgWax)}

.lgList{margin:0 0 14px;padding:0;list-style:none}
.lgList li{padding:8px 0 8px 0;border-bottom:1px solid var(--lgFaint);font-size:14.5px;display:flex;gap:12px}
.lgList li:last-child{border-bottom:0}
.lgVal{font-weight:400;flex:1}
.lgKey{flex:none;width:118px;font-family:ui-monospace,'Consolas',monospace;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--lgSteel);padding-top:3px}

/* ── ступени клуба ─────────────────────────────── */
.lgTiers{border-top:1px solid var(--lgInk);margin:18px 0}
.lgTier{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--lgFaint)}
.lgTierNo{font-family:ui-monospace,'Consolas',monospace;font-size:12px;color:var(--lgSteel);width:26px;flex:none}
.lgTierName{font-family:'Ledger',Georgia,serif;font-size:17px;flex:1}
.lgTierVal{font-family:ui-monospace,'Consolas',monospace;font-size:13.5px;color:var(--lgWax);white-space:nowrap}

/* ── отзывы ────────────────────────────────────── */
.lgNote{border:1px solid var(--lgLine);border-left:3px solid var(--lgWax);padding:14px 16px;margin:0 0 14px}
.lgNoteWho{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--lgSteel);font-weight:600;margin:0 0 7px}
.lgNote p{font-size:14.5px;margin:0}

/* ── FAQ ───────────────────────────────────────── */
.lgQ{border-bottom:1px solid var(--lgLine)}
.lgQ summary{
  cursor:pointer;list-style:none;padding:13px 28px 13px 0;position:relative;
  font-weight:500;font-size:15px;color:var(--lgInk);
}
.lgQ summary::-webkit-details-marker{display:none}
.lgQ summary::after{content:'+';position:absolute;right:4px;top:11px;font-family:ui-monospace,monospace;color:var(--lgWax);font-size:17px}
.lgQ[open] summary::after{content:'−'}
.lgQ p{margin:0 0 14px;font-size:14.5px;color:#2b3442}

/* ── author note / подвал ──────────────────────── */
.lgColophon{border:1px solid var(--lgInk);padding:16px 17px;margin:34px 0 0}
.lgColophon h2{font-family:'Ledger',Georgia,serif;font-weight:400;font-size:19px;margin:0 0 10px}
.lgColophon p{font-size:13.5px;margin:0 0 11px;color:#2b3442}
.lgColophon p:last-child{margin-bottom:0}
.lgAge{margin-top:14px;padding-top:12px;border-top:1px solid var(--lgLine);font-size:13px;color:var(--lgSteel)}
.lgAge span{display:inline-block;border:1px solid var(--lgWax);color:var(--lgWax);font-weight:600;font-size:11px;padding:2px 7px;margin-right:8px;letter-spacing:.08em}

.lgEnd{background:var(--lgInk);color:#cfd6e0;padding:26px 16px 32px;font-size:12.5px;line-height:1.7}
.lgEndInner{max-width:760px;margin:0 auto}
.lgEnd p{margin:0 0 10px}
.lgEnd a{color:#e8b9c0}
.lgEndLegal{color:#98a4b4;font-size:11.5px}

@media (max-width:640px){
  .lgFolioNav{display:none}
  .lgFolio{padding:8px 12px;gap:8px}
  .lgFolio .lgBtn{margin-left:auto;font-size:12.5px;padding:9px 12px}
  .lgFolioName{font-size:18px}
  .lgBook{padding:0 14px 30px;border-left:0;border-right:0}
  .lgOpen{padding:24px 0 4px}
  .lgEntry{grid-template-columns:1fr;gap:0}
  .lgNum{border-top:1px solid var(--lgInk);padding:8px 0 0}
  .lgEntryBody{border-top:0;padding-top:4px}
  .lgCards2,.lgCards3{grid-template-columns:1fr}
  .lgFacts{grid-template-columns:1fr}
  .lgFact{border-right:0}
  .lgList li{flex-direction:column;gap:2px}
  .lgKey{width:auto}
  .lgActs .lgBtn{width:100%;text-align:center}
}