:root {
  --ink: #122033;
  --blue: #155eef;
  --blue-dark: #0f3fad;
  --bg: #f3f6fb;
  --card: #fff;
  --line: #d5deea;
  --side: #10243f;
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--bg); font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; line-height: 1.7; }
a { color: var(--blue-dark); }
.layout { display: grid; grid-template-columns: 232px 1fr; min-height: 100vh; }
.side { background: var(--side); color: #e7eefb; padding: 22px 16px; }
.side .brand { display: flex; gap: 8px; align-items: center; color: #fff; text-decoration: none; font-weight: 700; margin-bottom: 22px; }
.side svg, .btn svg { width: 22px; height: 22px; }
.side nav { display: flex; flex-direction: column; gap: 6px; }
.side nav a { color: #d5e2f7; text-decoration: none; padding: 8px 10px; border-radius: 8px; }
.side nav a[aria-current="page"] { background: #155eef; color: #fff; }
.main { padding: 28px 32px 40px; }
.panel { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 18px 18px 8px; margin: 0 0 16px; }
h1 { font-size: 32px; line-height: 1.3; margin: 0 0 10px; }
h2 { font-size: 22px; margin: 0 0 8px; }
h3 { font-size: 17px; margin: 0 0 6px; }
.actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 12px; }
.btn { display: inline-flex; align-items: center; gap: 6px; background: var(--blue); color: #fff; text-decoration: none; border-radius: 8px; padding: 10px 14px; }
.btn.line { background: #fff; color: var(--blue-dark); border: 1px solid var(--blue); }
.chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 8px; list-style: none; }
.chips li { background: #e8f0fe; color: #174ea6; border-radius: 999px; padding: 4px 10px; }
.band { display: grid; grid-template-columns: 56px 1fr; gap: 12px; background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 14px; margin: 0 0 10px; }
.ico { width: 56px; height: 56px; border-radius: 10px; background: #e8f0fe; display: grid; place-items: center; }
.ico svg { width: 28px; height: 28px; stroke: var(--blue-dark); fill: none; }
table { width: 100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid var(--line); text-align: left; padding: 8px 6px; vertical-align: top; }
.faq article { border-top: 1px solid var(--line); padding: 10px 0; }
.site-footer { color: #4b5b73; font-size: 14px; padding-top: 8px; }
.site-footer .links { display: flex; gap: 14px; list-style: none; padding: 0; }
ol.clean { margin: 0; padding-left: 1.2em; }
@media (max-width: 860px) {
  .layout { grid-template-columns: 1fr; }
  .side nav { flex-direction: row; flex-wrap: wrap; }
}