* { box-sizing:border-box; }
  body { background:var(--bg); color:var(--text); font:14px/1.6 -apple-system,"Segoe UI",Roboto,Helvetica,sans-serif; margin:0; padding:18px; }
  a { color:var(--link); text-decoration:none; }
  .topline { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px; }
  .layout { display:grid; grid-template-columns:220px minmax(0,820px); gap:34px; align-items:start; }
  @media (max-width:900px){ .layout{ grid-template-columns:1fr; } .toc{ position:static !important; } }
  .toc { position:sticky; top:18px; font-size:13px; border-left:1px solid var(--line); padding-left:14px; }
  .toc a { display:block; color:var(--muted); padding:3px 0; }
  .toc a:hover, .toc a.active { color:var(--text); }
  h1 { font-size:22px; margin:0 0 4px; }
  h2 { font-size:17px; margin:30px 0 8px; padding-top:6px; scroll-margin-top:14px; }
  h3 { font-size:14px; margin:16px 0 4px; }
  p, li { color:var(--text); opacity:.92; }
  .muted { color:var(--muted); opacity:1; }
  .lead { font-size:14.5px; }
  code, .f { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12.5px; background:var(--panel2); border:1px solid var(--line); border-radius:5px; padding:1px 6px; }
  .f { display:block; padding:8px 12px; margin:6px 0; white-space:pre-wrap; line-height:1.5; }
  .panel { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:13px 16px; margin:10px 0; }
  .note { border-left:3px solid var(--warn); }
  table { border-collapse:collapse; width:100%; font-size:13px; margin:8px 0; }
  th,td { text-align:left; padding:6px 9px; border-bottom:1px solid var(--line); vertical-align:top; }
  th { color:var(--muted); font-weight:500; }
  .kpis { display:flex; flex-wrap:wrap; gap:20px; margin:8px 0 4px; }
  .kpis .v { font-size:18px; font-weight:650; } .kpis .k { font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
  footer { color:var(--muted); font-size:11.5px; margin-top:30px; border-top:1px solid var(--line); padding-top:12px; }