:root {
  --lg-bg: #050810; --lg-panel: #0b1220; --lg-panel2: #101a2c; --lg-line: rgba(255, 255, 255, .09);
  --lg-text: #f3f6fa; --lg-text2: rgba(243, 246, 250, .82); --lg-muted: rgba(243, 246, 250, .58);
  --lg-acc: #58A6FF; --lg-acc-bg: rgba(88, 166, 255, .14); --lg-warn: #F59E0B; --lg-r: 14px;
  color-scheme: dark;
}
body.season-halloween {
  --lg-bg: #0F0B17; --lg-panel: #17131F; --lg-panel2: #1F1A2A; --lg-line: #3A2F52;
  --lg-text: #F6EEDB; --lg-text2: #DCD3EC; --lg-muted: #A99FC0; --lg-acc: #FFA048; --lg-acc-bg: rgba(255, 160, 72, .16);
  --lg-r: 0px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--lg-bg); color: var(--lg-text);
  font: 16px/1.6 "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  overflow-wrap: anywhere;
}
a { color: var(--lg-acc); text-underline-offset: 3px; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--lg-acc); outline-offset: 2px; }
.lg-wrap { max-width: 760px; margin: 0 auto; padding: 0 16px calc(32px + env(safe-area-inset-bottom)); }

.lg-top { position: sticky; top: 0; z-index: 2; background: var(--lg-bg); border-bottom: 1px solid var(--lg-line); }
.lg-top-in { max-width: 760px; margin: 0 auto; padding: 10px 16px; display: flex; align-items: center; gap: 12px; min-height: 56px; }
.lg-brand { display: flex; align-items: center; gap: 10px; color: var(--lg-text); text-decoration: none; font-weight: 700; min-width: 0; }
.lg-brand img { width: 32px; height: 32px; flex: none; }
.lg-brand span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg-lang + .lg-back { margin-left: 0; }
.lg-lang { padding: 0 12px; letter-spacing: .04em; }
.lg-back {
  margin-left: auto; flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px;
  border: 1px solid var(--lg-line); border-radius: var(--lg-r); background: var(--lg-panel); color: var(--lg-text);
  text-decoration: none; font-weight: 600; font-size: 15px;
}

.lg-head { padding: 28px 0 8px; }
.lg-head h1 { margin: 0 0 6px; font-size: clamp(26px, 6vw, 34px); line-height: 1.2; }
.lg-date { margin: 0; color: var(--lg-muted); font-size: 14px; }
.lg-lead { margin: 14px 0 0; color: var(--lg-text2); max-width: 68ch; }

.lg-toc { margin: 20px 0 8px; padding: 14px 16px; background: var(--lg-panel); border: 1px solid var(--lg-line); border-radius: var(--lg-r); }
.lg-toc summary { cursor: pointer; font-weight: 700; min-height: 32px; display: flex; align-items: center; }
.lg-toc ol { margin: 10px 0 0; padding-left: 22px; columns: 2 240px; column-gap: 24px; }
.lg-toc li { margin: 4px 0; break-inside: avoid; }

.lg-doc { max-width: 68ch; }
.lg-doc h2 { margin: 32px 0 10px; font-size: 21px; line-height: 1.3; scroll-margin-top: 72px; }
.lg-doc p, .lg-doc li { color: var(--lg-text2); }
.lg-doc p { margin: 0 0 12px; }
.lg-doc ul { margin: 0 0 12px; padding-left: 22px; }
.lg-doc li { margin: 6px 0; }
.lg-doc strong { color: var(--lg-text); }

.lg-card { margin: 16px 0; padding: 16px; background: var(--lg-panel); border: 1px solid var(--lg-line); border-radius: var(--lg-r); }
.lg-card h2 { margin: 0 0 10px; font-size: 19px; }
.lg-card p { margin: 0 0 8px; color: var(--lg-text2); }
.lg-card p:last-child { margin-bottom: 0; }
.lg-big { font-size: 22px; font-weight: 800; color: var(--lg-text); }
.lg-note { color: var(--lg-muted); font-size: 14px; }
.lg-table { width: 100%; border-collapse: collapse; margin: 6px 0 4px; font-variant-numeric: tabular-nums; }
.lg-table th, .lg-table td { text-align: left; padding: 9px 8px; border-bottom: 1px solid var(--lg-line); vertical-align: top; }
.lg-table th { color: var(--lg-muted); font-weight: 600; font-size: 14px; }
.lg-table td:last-child, .lg-table th:last-child { text-align: right; }
.lg-list { margin: 0; padding-left: 20px; }
.lg-list li { margin: 6px 0; color: var(--lg-text2); }
.lg-loading { color: var(--lg-muted); }

.lg-contact { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.lg-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 18px;
  border-radius: var(--lg-r); background: var(--lg-acc); color: #04111f; font-weight: 700; text-decoration: none;
}
body.season-halloween .lg-btn { color: #120E1C; }
.lg-btn.is-ghost { background: var(--lg-panel2); color: var(--lg-text); border: 1px solid var(--lg-line); }

.lg-foot { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--lg-line); color: var(--lg-muted); font-size: 14px; }
.lg-foot nav { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.lg-foot nav a { display: inline-flex; align-items: center; min-height: 40px; color: var(--lg-text2); }
.lg-foot nav a[aria-current="page"] { color: var(--lg-acc); }
.lg-code { margin: 10px 0 0; font-size: 12px; letter-spacing: .04em; color: var(--lg-muted); opacity: .8; }
.lg-hidden { display: none !important; }
@media (max-width: 420px) {
  .lg-table th, .lg-table td { padding: 8px 4px; font-size: 15px; }
}