.hl-b027{
    --navy:#1f2933;
    --navy-soft:#2f3c48;
    --text:#26313b;
    --muted:#66717c;
    --line:#e2e7eb;
    --blue:#edf5fb;
    --green:#eef7f2;
    --orange:#fff4e8;
    --yellow:#fff9e6;
    --gray:#f6f8fa;
    --white:#ffffff;
    --accent:#e97710;
    max-width:1120px;
    margin:0 auto;
    color:var(--text);
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.72;
  }

  .hl-b027 *{
    box-sizing:border-box;
  }

  .hl-b027 h2{
    margin:0 0 14px;
    color:#1e2933;
    font-size:28px;
    line-height:1.3;
  }

  .hl-b027 h3{
    margin:0 0 10px;
    color:#232e38;
    font-size:20px;
    line-height:1.4;
  }

  .hl-b027 p{
    margin:0 0 13px;
  }

  .hl-b027 ul,
  .hl-b027 ol{
    margin:10px 0 0;
    padding-left:22px;
  }

  .hl-b027 li{
    margin-bottom:8px;
  }

  .hl-b027 a{
    color:#225f91;
    text-decoration:none;
    font-weight:600;
  }

  .hl-b027 a:hover{
    text-decoration:underline;
  }

  .hl-b027 .hl-hero{
    padding:34px;
    margin-bottom:26px;
    border-radius:18px;
    background:linear-gradient(135deg,#edf5fb 0%,#f8fafb 58%,#fff3e6 100%);
    border:1px solid #e0e6eb;
  }

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

  .hl-b027 .hl-hero p{
    max-width:880px;
    color:#47535f;
    font-size:17px;
  }

  .hl-b027 .hl-answer{
    margin-top:20px;
    padding:18px 20px;
    background:#fff;
    border-left:5px solid var(--accent);
    border-radius:12px;
    box-shadow:0 5px 18px rgba(30,40,50,.05);
  }

  .hl-b027 .hl-section{
    margin:26px 0;
    padding:28px;
    border-radius:18px;
  }

  .hl-b027 .hl-blue{
    background:var(--blue);
  }

  .hl-b027 .hl-green{
    background:var(--green);
  }

  .hl-b027 .hl-orange{
    background:var(--orange);
  }

  .hl-b027 .hl-gray{
    background:var(--gray);
  }

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

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

  .hl-b027 .hl-card{
    padding:21px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:0 5px 18px rgba(30,40,50,.045);
  }

  .hl-b027 .hl-card strong{
    color:#1f2933;
  }

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

  .hl-b027 .hl-flow{
    margin:18px 0 4px;
    padding:18px;
    border-radius:12px;
    background:var(--navy);
    color:#fff;
    text-align:center;
    font-weight:700;
    letter-spacing:.01em;
  }

  .hl-b027 figure{
    margin:26px 0;
  }

  .hl-b027 figure img{
    display:block;
    width:100%;
    height:auto;
    border-radius:16px;
    border:1px solid #e0e5e9;
  }

  .hl-b027 figcaption{
    margin-top:9px;
    color:#6b7580;
    font-size:14px;
    text-align:center;
  }

  .hl-b027 .hl-safety{
    margin-top:18px;
    padding:18px 20px;
    border-radius:12px;
    background:var(--yellow);
    border:1px solid #efd994;
    color:#514820;
  }

  .hl-b027 .hl-safety strong{
    color:#403713;
  }

  .hl-b027 .hl-warning{
    margin:18px 0;
    padding:18px 20px;
    border-left:5px solid #d46a11;
    background:#fff;
    border-radius:10px;
  }

  .hl-b027 .hl-check{
    margin-top:18px;
    padding:22px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
  }

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

  .hl-b027 .hl-link-card{
    display:block;
    padding:21px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
  }

  .hl-b027 .hl-link-card span{
    display:block;
    margin-top:5px;
    color:#68737e;
    font-weight:400;
  }

  .hl-b027 .hl-summary{
    margin:28px 0;
    padding:28px;
    border-radius:18px;
    background:var(--navy);
    color:#fff;
  }

  .hl-b027 .hl-summary h2{
    color:#fff;
  }

  .hl-b027 .hl-summary p{
    color:#e6ebef;
  }

  .hl-b027 .hl-faq-card{
    margin-bottom:12px;
    padding:20px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:13px;
  }

  .hl-b027 .hl-faq-card h3{
    font-size:18px;
  }

  @media(max-width:760px){
    .hl-b027 .hl-grid-3,
    .hl-b027 .hl-grid-2,
    .hl-b027 .hl-links{
      grid-template-columns:1fr;
    }

    .hl-b027 .hl-hero,
    .hl-b027 .hl-section,
    .hl-b027 .hl-summary{
      padding:22px 18px;
      border-radius:14px;
    }

    .hl-b027 h2{
      font-size:24px;
    }

    .hl-b027 h3{
      font-size:18px;
    }
  }