
  * { box-sizing:border-box; }
  body { margin:0; background:#f4f5f6; font-family:'Public Sans',system-ui,sans-serif; }
  a { text-decoration:none; }
  .mw{ max-width:840px; margin:0 auto; padding:80px clamp(16px,4vw,32px); }
  .mw-wide{ max-width:1080px; margin:0 auto; padding:80px clamp(16px,4vw,32px); }
  .hg-btn{ transition:filter .15s, transform .15s; }
  .hg-btn:hover{ filter:brightness(.93); transform:translateY(-1px); }
  .hg-ghost{ transition:background .15s, border-color .15s, transform .15s; }
  .hg-ghost:hover{ background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.5); transform:translateY(-1px); }
  .hg-card{ transition:border-color .15s, box-shadow .15s, transform .15s; }
  .hg-card:hover{ border-color:#bcd4ee; box-shadow:0 12px 28px rgba(18,119,225,.13); transform:translateY(-3px); }
  .md-2{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  .md-2 > div{ min-width:0; }
  @media (max-width:760px){ .md-2{ grid-template-columns:1fr; } }
  .md-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .md-3 > *{ min-width:0; }
  @media (max-width:880px){ .md-3{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:560px){ .md-3{ grid-template-columns:1fr; } }
  .md-tbl{ overflow-x:auto; border:1px solid #e4e8ee; border-radius:14px; -webkit-overflow-scrolling:touch; }
  .md-tbl table{ width:100%; min-width:640px; border-collapse:collapse; font-size:14px; }
  .md-tbl th{ background:#0b2e4e; color:#dbe7f5; text-align:left; padding:14px 18px; font-weight:700; font-size:12px; letter-spacing:.04em; text-transform:uppercase; }
  .md-tbl td{ padding:15px 18px; border-top:1px solid #eef1f5; color:#46566a; line-height:1.5; vertical-align:top; }
  .md-tbl tbody tr:nth-child(even) td{ background:#f8fafc; }
  .md-tbl td:first-child{ font-weight:800; color:#0b2e4e; white-space:nowrap; }






  .faq-a a{ color:#1277e1; font-weight:600; text-decoration:none; }
  .faq-a a:hover{ text-decoration:underline; }



