body{margin:0;background:#f6f8fa;color:#192c3e;font:17px/1.65 system-ui,sans-serif}
    main{max-width:980px;margin:auto;padding:32px}nav{display:flex;gap:20px;flex-wrap:wrap}
    nav a{font-weight:600}a{color:#066b72}h1,h2,h3{line-height:1.2;color:#102a43}
    h1{font-size:2.5rem;margin-top:42px}h2{margin-top:40px}img{max-width:100%;height:auto}
    pre{padding:20px;background:#102a43;color:#e7f5f5;overflow-x:auto;border-radius:8px}
    code{font-size:.9em}table{display:block;overflow-x:auto;border-collapse:collapse;width:100%}
    td,th{padding:12px;border-bottom:1px solid #d7e1e6;text-align:left;vertical-align:top}
    th{background:#e5eff1}footer{margin-top:48px;color:#526879}