.yhk-help {
      --yhk-accent: #E08015;
      --yhk-accent-soft: #fff4e8;
      --yhk-accent-line: rgba(224, 128, 21, 0.38);
      --yhk-text: #1d1d1f;
      --yhk-muted: #626973;
      --yhk-line: #e8e8e8;
      --yhk-bg: #ffffff;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--yhk-text);
      background: var(--yhk-bg);
      line-height: 1.65;
    }

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

    .yhk-wrap {
      max-width: 1180px;
      margin: 0 auto;
      padding: 0 20px;
    }

    .yhk-hero {
      padding: 56px 0 46px;
      border-bottom: 1px solid var(--yhk-line);
      background:
        linear-gradient(90deg, rgba(224, 128, 21, 0.08), rgba(255, 255, 255, 0) 42%),
        #fff;
    }

    .yhk-kicker {
      display: inline-flex;
      align-items: center;
      margin-bottom: 14px;
      padding: 6px 12px;
      border: 1px solid var(--yhk-accent-line);
      border-radius: 999px;
      color: var(--yhk-accent);
      background: #fffaf4;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0;
    }

    .yhk-hero h1 {
      margin: 0;
      max-width: 900px;
      font-size: clamp(34px, 4vw, 54px);
      line-height: 1.08;
      letter-spacing: 0;
    }

    .yhk-hero p {
      max-width: 860px;
      margin: 18px 0 0;
      color: var(--yhk-muted);
      font-size: 18px;
    }

    .yhk-section {
      padding: 48px 0;
      border-top: 1px solid var(--yhk-line);
    }

    .yhk-section:first-of-type {
      border-top: 0;
    }

    .yhk-section-head {
      display: grid;
      grid-template-columns: minmax(0, 0.88fr) minmax(260px, 0.42fr);
      gap: 28px;
      align-items: end;
      margin-bottom: 24px;
    }

    .yhk-section h2 {
      position: relative;
      margin: 0;
      padding-left: 16px;
      font-size: clamp(26px, 3vw, 36px);
      line-height: 1.18;
      letter-spacing: 0;
    }

    .yhk-section h2::before {
      content: "";
      position: absolute;
      left: 0;
      top: 4px;
      width: 4px;
      height: calc(100% - 8px);
      border-radius: 999px;
      background: var(--yhk-accent);
    }

    .yhk-section-head p {
      margin: 0;
      color: var(--yhk-muted);
    }

    .yhk-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .yhk-grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .yhk-card {
      min-height: 100%;
      padding: 20px;
      border: 1px solid var(--yhk-line);
      border-top: 3px solid rgba(224, 128, 21, 0.42);
      border-radius: 8px;
      background: #fff;
    }

    .yhk-card h3 {
      margin: 0 0 8px;
      font-size: 19px;
      line-height: 1.3;
      letter-spacing: 0;
    }

    .yhk-card p {
      margin: 0;
      color: var(--yhk-muted);
    }

    .yhk-step {
      position: relative;
      padding-top: 52px;
    }

    .yhk-step-number {
      position: absolute;
      top: 18px;
      left: 20px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: var(--yhk-accent-soft);
      color: var(--yhk-accent);
      font-weight: 800;
      font-size: 14px;
    }

    .yhk-production-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    .yhk-production-grid .yhk-card {
      grid-column: auto;
    }

    .yhk-image-slot {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      aspect-ratio: 4 / 3;
      margin-bottom: 16px;
      border: 0;
      border-radius: 0;
      background: #fff;
      color: var(--yhk-accent);
      font-size: 14px;
      font-weight: 700;
      text-align: center;
    }

    .yhk-production-cta {
      display: flex;
      min-height: 100%;
      flex-direction: column;
      justify-content: center;
      gap: 14px;
      padding: 24px;
      border: 1px solid rgba(224, 128, 21, 0.3);
      border-top: 3px solid var(--yhk-accent);
      border-radius: 8px;
      background: #fffaf4;
    }

    .yhk-production-cta h3 {
      margin: 0;
      font-size: 22px;
      line-height: 1.25;
    }

    .yhk-production-cta p {
      margin: 0;
      color: var(--yhk-muted);
    }

    .yhk-production-cta .yhk-button {
      align-self: flex-start;
      margin-top: 4px;
    }

    .yhk-list {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .yhk-list li {
      position: relative;
      padding-left: 18px;
      color: var(--yhk-muted);
    }

    .yhk-list li::before {
      content: "";
      position: absolute;
      top: 11px;
      left: 0;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--yhk-accent);
    }

    .yhk-band {
      padding: 24px;
      border-left: 4px solid var(--yhk-accent);
      border-radius: 8px;
      background: #fffaf4;
    }

    .yhk-band h3 {
      margin: 0 0 8px;
      font-size: 21px;
    }

    .yhk-band p {
      margin: 0;
      color: var(--yhk-muted);
    }

    .yhk-table {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid var(--yhk-line);
      border-radius: 8px;
      overflow: hidden;
      font-size: 15px;
    }

    .yhk-table th,
    .yhk-table td {
      padding: 14px 16px;
      border-bottom: 1px solid var(--yhk-line);
      text-align: left;
      vertical-align: top;
    }

    .yhk-table th {
      width: 28%;
      background: #fff7ef;
      color: var(--yhk-text);
      font-weight: 700;
      border-right: 2px solid rgba(224, 128, 21, 0.16);
    }

    .yhk-table tr:last-child th,
    .yhk-table tr:last-child td {
      border-bottom: 0;
    }

    .yhk-faq {
      display: grid;
      gap: 12px;
    }

    .yhk-faq-radio {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
    }

    .yhk-faq-item {
      border: 1px solid var(--yhk-line);
      border-radius: 8px;
      background: #fff;
      overflow: hidden;
    }

    .yhk-faq-question {
      position: relative;
      display: block;
      width: 100%;
      padding: 18px 48px 18px 18px;
      background: #fff;
      color: var(--yhk-text);
      text-align: left;
      font-size: 17px;
      font-weight: 700;
      line-height: 1.35;
      cursor: pointer;
    }

    .yhk-faq-question::after {
      content: "+";
      position: absolute;
      right: 18px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--yhk-accent);
      font-size: 24px;
      line-height: 1;
    }

    .yhk-faq-answer {
      display: none;
      padding: 16px 18px 18px;
      color: var(--yhk-muted);
    }

    .yhk-faq-radio:checked + .yhk-faq-question {
      background: #fff7ef;
      color: var(--yhk-accent);
      border-bottom: 1px solid rgba(224, 128, 21, 0.18);
    }

    .yhk-faq-radio:checked + .yhk-faq-question::after {
      content: "-";
    }

    .yhk-faq-radio:checked + .yhk-faq-question + .yhk-faq-answer {
      display: block;
    }

    @media (max-width: 1020px) {
      .yhk-production-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 900px) {
      .yhk-section-head,
      .yhk-grid,
      .yhk-grid-2 {
        grid-template-columns: 1fr;
      }

      .yhk-hero {
        padding-top: 38px;
      }
    }

    @media (max-width: 620px) {
      .yhk-wrap {
        padding: 0 16px;
      }

      .yhk-card {
        padding: 18px;
      }

      .yhk-production-grid {
        grid-template-columns: 1fr;
      }

      .yhk-table,
      .yhk-table tbody,
      .yhk-table tr,
      .yhk-table th,
      .yhk-table td {
        display: block;
        width: 100%;
      }

      .yhk-table th {
        border-right: 0;
        border-bottom: 0;
        padding-bottom: 6px;
      }

      .yhk-table td {
        padding-top: 6px;
      }
    }