.houli-help{
    --text:#20262d;
    --muted:#5d6872;
    --line:#e1e6ea;
    --bg:#f6f8fa;
    --blue:#edf5fb;
    --green:#edf7f1;
    --orange:#fff4e7;
    --dark:#202a33;
    --accent:#e97800;
    max-width:1120px;
    margin:0 auto;
    color:var(--text);
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.7;
  }

  .houli-help *{box-sizing:border-box;}

  .houli-help a{
    color:#245f91;
    text-decoration:none;
    font-weight:600;
  }

  .houli-help a:hover{text-decoration:underline;}

  .houli-help h2{
    margin:0 0 12px;
    font-size:28px;
    line-height:1.3;
  }

  .houli-help h3{
    margin:0 0 9px;
    font-size:19px;
    line-height:1.4;
  }

  .houli-help p{margin:0 0 12px;}

  .houli-help .hh-hero,
  .houli-help .hh-section,
  .houli-help .hh-contact{
    margin-bottom:26px;
    padding:30px;
    border-radius:18px;
  }

  .houli-help .hh-hero{
    background:linear-gradient(135deg,#edf5fb 0%,#f8fafb 55%,#fff3e5 100%);
    border:1px solid #e0e6ea;
  }

  .houli-help .hh-label{
    display:inline-block;
    margin-bottom:12px;
    padding:6px 11px;
    border-radius:999px;
    background:#fff;
    border:1px solid #d9e0e5;
    font-size:13px;
    font-weight:700;
    letter-spacing:.04em;
  }

  .houli-help .hh-intro{
    max-width:850px;
    color:#49545e;
    font-size:17px;
  }

  .houli-help .hh-note{
    margin-top:18px;
    padding:17px 19px;
    background:#fff;
    border-left:5px solid var(--accent);
    border-radius:12px;
    box-shadow:0 5px 18px rgba(25,35,45,.05);
  }

  .houli-help .hh-blue{background:var(--blue);}
  .houli-help .hh-green{background:var(--green);}
  .houli-help .hh-orange{background:var(--orange);}
  .houli-help .hh-light{background:var(--bg);}

  .houli-help .hh-grid-3{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:18px;
  }

  .houli-help .hh-grid-2{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:18px;
  }

  .houli-help .hh-card{
    padding:22px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:0 5px 18px rgba(25,35,45,.045);
  }

  .houli-help .hh-card strong{
    display:block;
    margin-bottom:7px;
    font-size:17px;
  }

  .houli-help .hh-number{
    display:inline-flex;
    width:32px;
    height:32px;
    margin-bottom:12px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--dark);
    color:#fff;
    font-weight:700;
    font-size:14px;
  }

  .houli-help .hh-faq{
    padding:20px 0;
    border-bottom:1px solid #dde3e7;
  }

  .houli-help .hh-faq:last-child{
    border-bottom:none;
    padding-bottom:0;
  }

  .houli-help .hh-faq:first-child{
    padding-top:8px;
  }

  .houli-help .hh-link{
    display:inline-block;
    margin-top:3px;
  }

  .houli-help .hh-category{
    display:block;
    height:100%;
    padding:21px;
    border-radius:14px;
    background:#fff;
    border:1px solid var(--line);
  }

  .houli-help .hh-contact{
    background:var(--dark);
    color:#fff;
  }

  .houli-help .hh-contact h2{color:#fff;}
  .houli-help .hh-contact p{color:#e8edf1;}
  .houli-help .hh-contact a{color:#fff;}

  @media(max-width:780px){
    .houli-help .hh-grid-3,
    .houli-help .hh-grid-2{
      grid-template-columns:1fr;
    }

    .houli-help .hh-hero,
    .houli-help .hh-section,
    .houli-help .hh-contact{
      padding:22px 18px;
      border-radius:14px;
    }

    .houli-help h2{font-size:24px;}
  }