:root { color-scheme: light; }
  * { box-sizing: border-box; }
  body { margin: 0; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
    color: #1c2130; background: #f6f7fb; line-height: 1.8; }
  a { color: #3b5bdb; text-decoration: none; }
  .wrap { max-width: 860px; margin: 0 auto; padding: 24px 20px 60px; }
  header.site { border-bottom: 1px solid #e3e6ef; background: #fff; }
  header.site .wrap { display: flex; align-items: baseline; gap: 12px; padding: 14px 20px; }
  header.site .brand { font-weight: 700; font-size: 17px; color: #1c2130; }
  header.site .crumb { font-size: 13px; color: #6b7280; }
  h1 { font-size: 24px; margin: 18px 0 4px; }
  .meta { font-size: 13px; color: #6b7280; margin-bottom: 20px; }
  .badge { display: inline-block; border-radius: 4px; padding: 1px 7px; font-size: 12px;
    background: #e6f4ea; color: #137333; margin-left: 8px; vertical-align: 2px; }
  article.a { background: #fff; border: 1px solid #e8eaf1; border-radius: 10px;
    padding: 18px 22px; margin-bottom: 14px; scroll-margin-top: 16px; }
  article.a h2 { font-size: 17px; margin: 0 0 8px; }
  article.a .p { font-size: 12px; color: #9aa1af; margin-bottom: 6px; }
  article.a p { margin: 0 0 10px; text-align: justify; }
  article.a p:last-child { margin-bottom: 0; }
  .cta { margin-top: 36px; border: 1px solid #dbe1f4; background: #eef1fb; border-radius: 12px;
    padding: 18px 22px; font-size: 14px; }
  .cta a { font-weight: 600; }
  footer.site { text-align: center; font-size: 12px; color: #9aa1af; padding: 24px 0 40px; }
  input.filter { width: 100%; height: 40px; border: 1px solid #d5d9e5; border-radius: 10px;
    padding: 0 14px; font-size: 15px; margin: 18px 0; background: #fff; }
  ul.laws { list-style: none; margin: 0; padding: 0; }
  ul.laws li { background: #fff; border: 1px solid #e8eaf1; border-radius: 10px; margin-bottom: 10px; }
  ul.laws a { display: flex; justify-content: space-between; gap: 12px; padding: 13px 18px;
    color: #1c2130; }
  ul.laws .n { color: #9aa1af; font-size: 13px; white-space: nowrap; }
  .cat { font-size: 13px; color: #6b7280; margin: 26px 0 10px; font-weight: 600; }
  button.copy { margin-left: 10px; border: 1px solid #d5d9e5; background: #fff; border-radius: 6px;
    padding: 2px 9px; font-size: 12px; color: #6b7280; cursor: pointer; vertical-align: 2px; }
  button.copy:hover { color: #3b5bdb; border-color: #b9c4ee; }
  .cases { margin-top: 10px; font-size: 12px; color: #6b7280; }
  .cases a { margin-right: 2px; }
  .kw { display: inline-block; background: #eef1fb; border-radius: 999px; padding: 1px 9px;
    font-size: 12px; color: #3b5bdb; margin: 0 6px 6px 0; }
  .gist { border: 1px solid #dbe1f4; background: #eef1fb; border-radius: 10px; padding: 16px 20px;
    margin-bottom: 18px; }
  .gist h2 { margin-top: 0; }
  section h2 { font-size: 16px; color: #3b5bdb; margin: 22px 0 8px; }