:root{--primary:#0A4F78;--deep:#052F47;--accent:#2EB3E6;--mid:#1080C0;--muted:#4A5568;--callout:#E8F1F8;--ink:#0B2A3C;--rule:#cfdde9;--maxw:1120px;--readw:720px}
  *{box-sizing:border-box}
  body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
  a{color:var(--mid)} a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  header{position:sticky;top:0;z-index:10;background:rgba(5,47,71,.96);color:#fff;backdrop-filter:blur(6px)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:64px}
  .brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:20px}
  .brand svg{width:26px;height:26px}
  .nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;align-items:center}
  .nav li a{color:#fff;text-decoration:none;font-size:15px;opacity:.85}
  .nav li a:hover,.nav li a[aria-current]{opacity:1;text-decoration:underline}
  .nav .phone{background:var(--accent);color:var(--deep);padding:8px 14px;border-radius:4px;font-weight:bold;opacity:1}
  @media(max-width:720px){.nav ul li:not(:last-child):not(.keep){display:none}}
  .band{background:linear-gradient(160deg,var(--deep) 0%,var(--primary) 100%);color:#fff;padding:48px 0 40px}
  .band .wrap{max-width:var(--readw)}
  .kicker{display:inline-block;font-size:13px;font-weight:bold;color:var(--deep);background:var(--accent);padding:4px 10px;border-radius:3px;margin-bottom:16px}
  .band h1{font-size:clamp(28px,4vw,42px);line-height:1.12;margin:0 0 14px;letter-spacing:-.02em}
  .band time{opacity:.85;font-size:15px}
  article{padding:40px 0 56px}
  article .wrap{max-width:var(--readw)}
  article p,article li{font-size:18px}
  article h2{font-size:24px;color:var(--primary);margin:36px 0 10px;letter-spacing:-.01em}
  article ul{padding-left:22px} article li{margin-bottom:10px}
  article code{font-family:Consolas,Menlo,monospace;font-size:.92em;background:var(--callout);padding:1px 5px;border-radius:3px}
  .source{margin-top:36px;padding-top:16px;border-top:1px solid var(--rule);font-size:15px;color:var(--muted)}
  .cta{background:var(--callout);border-left:4px solid var(--accent);padding:22px 24px;margin-top:36px}
  .cta p{margin:0 0 12px;font-size:18px}
  .cta .btns{display:flex;gap:12px;flex-wrap:wrap}
  .btn{display:inline-block;padding:12px 18px;border-radius:4px;text-decoration:none;font-weight:bold;font-size:15px}
  .btn-a{background:var(--primary);color:#fff} .btn-b{border:2px solid var(--primary);color:var(--primary)}
  /* index */
  .list{padding:48px 0 64px} .list .wrap{max-width:var(--readw)}
  .list h1{font-size:clamp(30px,4vw,42px);color:var(--primary);margin:0 0 8px;letter-spacing:-.02em}
  .lede{color:var(--muted);font-size:18px;margin:0 0 36px;max-width:56ch}
  .post{padding:26px 0;border-top:1px solid var(--rule)}
  .post:last-child{border-bottom:1px solid var(--rule)}
  .post .meta{font-size:14px;color:var(--muted);margin-bottom:6px}
  .post .meta span{color:var(--primary);font-weight:bold}
  .post h2{margin:0 0 8px;font-size:22px;line-height:1.25}
  .post h2 a{color:var(--ink);text-decoration:none} .post h2 a:hover{text-decoration:underline;color:var(--primary)}
  .post p{margin:0;color:var(--muted);font-size:16px}
  footer{background:#031f30;color:rgba(255,255,255,.7);font-size:14px;padding:22px 0}
  footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}