* { box-sizing: border-box; }
    body { margin: 0; line-height: 1.65; }
    main { padding: 44px 6% 72px; max-width: 780px; margin: 0 auto; }
    main h1 { margin: 0 0 10px; }
    main h2 { font-size: 22px; margin: 34px 0 10px; }
    main h3 { font-size: 17px; margin: 22px 0 6px; }
    main ul { padding-left: 22px; }
    main li { margin: 4px 0; }
    .updated { color: var(--muted); font-size: 14px; margin: 0 0 22px; }
    .lede { font-size: 18px; color: var(--ink-2); }
    .note { background: var(--surface); border: 1px solid var(--line); border-left: 4px solid var(--accent); border-radius: 10px; padding: 14px 18px; margin: 18px 0; }
    .note p { margin: 0; }
    .toc { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 12px 18px; margin: 0 0 8px; font-size: 15px; }
    .toc ul { margin: 6px 0 0; }
    table.facts { border-collapse: collapse; width: 100%; margin: 12px 0; font-size: 15px; }
    table.facts th, table.facts td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--line); }
    table.facts th { width: 34%; color: var(--ink); }
    .table-wrap { overflow-x: auto; }
    footer { border-top: 1px solid var(--line); padding: 30px 6%; text-align: center; font-size: 14px; }
    footer > div { margin: 4px 0; }
    .logo-img{display:block;height:38px;width:auto}@media (max-width:600px){.logo-img{height:32px}}