:root{
    --ink:#0f2436; --muted:#4a5b6b; --line:#e2e8ee; --bg:#ffffff;
    --accent:#0b6ab0; --soft:#f5f8fb;
  }
  *{box-sizing:border-box}
  body{
    margin:0; background:var(--bg); color:var(--ink);
    font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  header{
    background:linear-gradient(135deg,#0b3a5c,#0b6ab0);
    color:#fff; padding:48px 24px;
  }
  .wrap{max-width:820px; margin:0 auto; padding:0 24px}
  header .wrap{padding:0}
  header h1{margin:0 0 6px; font-size:30px; letter-spacing:-.01em}
  header p{margin:0; opacity:.85; font-size:15px}
  main{padding:40px 0 72px}
  h2{font-size:20px; margin:34px 0 10px; color:var(--ink)}
  p,li{color:var(--muted)}
  a{color:var(--accent)}
  ul{padding-left:22px}
  li{margin:5px 0}
  .note{
    background:var(--soft); border:1px solid var(--line);
    border-radius:10px; padding:16px 18px; margin:18px 0;
  }
  .note strong{color:var(--ink)}
  footer{border-top:1px solid var(--line); padding:26px 0; color:var(--muted); font-size:14px}
  .updated{font-size:14px; color:var(--muted); margin-top:4px}

  blockquote.consent{
    background:var(--soft); border-left:4px solid var(--accent);
    border-radius:0 10px 10px 0; margin:18px 0; padding:16px 18px;
    color:var(--ink); font-size:15px;
  }