html { scroll-behavior:smooth; }
  body { margin:0; background:#FFFFFF; }
  .mppx { --nav:#0B1457; --ink:#0C1538; --tx:#404A63; --page:#F5F8FD; --line:#E4E9F2; --gold:#F0C31F; --blue:#2563EB; --cyan:#38BDF8; --purple:#7C3AED; --teal:#14B8A6; }
  .wrap { max-width:1240px; margin-inline:auto; padding-inline:56px; }
  a { text-decoration:none; }
  .nl { color:rgba(255,255,255,.82); font:600 14px/1 var(--font-body); }
  .nl:hover { color:#fff; }
  .nl.on { color:#fff; position:relative; }
  .nl.on::after { content:""; position:absolute; left:0; right:0; bottom:-7px; height:3px; background:var(--gold); border-radius:3px; }
  .flink { color:rgba(255,255,255,.6); }
  .flink:hover { color:#fff; }
  .article { font:18px/1.75 var(--font-body); color:var(--tx); }
  .article h2 { font-family:var(--font-display); font-weight:800; font-size:28px; line-height:1.15; color:var(--ink); margin:40px 0 14px; letter-spacing:-.01em; }
  .article p { margin:0 0 22px; }
  .article strong { color:var(--ink); }
  .article ul { margin:0 0 22px; padding-left:4px; list-style:none; }
  .article li { position:relative; padding-left:30px; margin-bottom:12px; }
  .article li::before { content:"✓"; position:absolute; left:0; top:0; color:#fff; background:var(--blue); width:20px; height:20px; border-radius:50%; font-size:11px; font-weight:700; display:grid; place-items:center; }
  .pcard { transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
  @media (hover: hover) and (min-width: 900px){ .pcard:hover { transform:translateY(-5px); box-shadow:0 24px 46px rgba(12,21,56,.16); } }
  @media (max-width:860px){
    .mahead { padding:40px 24px 32px !important; }
    .mbody { padding:40px 24px 24px !important; }
    .mauthor { padding:0 24px 20px !important; }
  }
  @media (max-width:560px){
    .mahead { padding:28px 16px 24px !important; }
    .mbody { padding:28px 16px 20px !important; }
    .mauthor { padding:0 16px 16px !important; }
    .mh1 { font-size:clamp(28px,7.5vw,44px) !important; }
  }