:root{--legacy-008080:#008080;--legacy-1a2634:#1a2634;--legacy-555555:#555555;--legacy-cceae5:#cceae5}
.hc-container {
    max-width:900px;
    margin:auto;
    padding:40px 20px;
    font-family:'Segoe UI', Arial, sans-serif;
    line-height:1.8;
    color:var(--legacy-1a2634, #1A2634);
  }

  .hc-title {
    font-size:38px;
    font-weight:700;
    color:var(--legacy-008080, #008080);
    text-align:center;
    margin-bottom:10px;
  }

  .hc-updated {
    text-align:center;
    font-size:16px;
    margin-bottom:40px;
    color:var(--legacy-555555, #555);
  }

  .hc-section-title {
    font-size:26px;
    color:var(--legacy-008080, #008080);
    font-weight:600;
    margin-top:50px;
    margin-bottom:15px;
    border-left:6px solid var(--legacy-008080, #008080);
    padding-left:12px;
  }

  .hc-box {
    background:var(--color-surface-alt, #F7F9F9);
    border:1px solid var(--legacy-cceae5, #CCEAE5);
    padding:25px;
    border-radius:var(--radius-md, 12px);
    margin-bottom:30px;
  }

  @media (max-width:600px) {
    .hc-title { font-size:30px; }
    .hc-section-title { font-size:22px; }
  }