.yjd-foldable {
    --accent: #F5B418;
    --ink: #252525;
    --muted: #62676d;
    --line: #e5e7eb;
    --soft: #fff9e9;
    max-width: 1100px;
    margin: 0 auto;
    color: var(--ink);
    font: 16px/1.7 Arial, Helvetica, sans-serif;
  }
  .yjd-foldable * { box-sizing: border-box; }
  .yjd-foldable h2 {
    margin: 0 0 12px;
    font-size: 25px;
    line-height: 1.3;
  }
  .yjd-foldable h3 {
    margin: 0 0 7px;
    font-size: 18px;
    line-height: 1.4;
  }
  .yjd-foldable p { margin: 0 0 13px; }
  .yjd-foldable .hero {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
    gap: 24px;
    align-items: center;
    padding: 22px 0;
  }
  .yjd-foldable .hero img,
  .yjd-foldable figure img {
    display: block;
    width: 100%;
    height: auto;
  }
  .yjd-foldable .hero-copy {
    padding: 22px;
    background: var(--soft);
    border-left: 5px solid var(--accent);
  }
  .yjd-foldable .hero-copy strong { color: #111; }
  .yjd-foldable .section {
    padding: 27px 0;
    border-bottom: 1px solid var(--line);
  }
  .yjd-foldable .muted,
  .yjd-foldable figcaption { color: var(--muted); }
  .yjd-foldable figure { margin: 16px 0; }
  .yjd-foldable figcaption {
    padding-top: 7px;
    font-size: 14px;
  }
  .yjd-foldable .gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 16px 0;
  }
  .yjd-foldable .cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
  }
  .yjd-foldable .card {
    padding: 17px;
    border: 1px solid var(--line);
    border-top: 3px solid var(--accent);
  }
  .yjd-foldable .table-wrap {
    overflow-x: auto;
    margin: 15px 0;
  }
  .yjd-foldable table {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
  }
  .yjd-foldable th,
  .yjd-foldable td {
    padding: 11px 13px;
    border: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
  }
  .yjd-foldable th { background: var(--soft); }
  .yjd-foldable .note {
    padding: 13px 15px;
    background: #f5f6f7;
    color: var(--muted);
    font-size: 14px;
  }
  .yjd-foldable .cta {
    margin: 26px 0;
    padding: 23px;
    background: var(--ink);
    color: #fff;
  }
  .yjd-foldable .cta h2 { color: #fff; }
  .yjd-foldable .button {
    display: inline-block;
    margin: 5px 12px 0 0;
    padding: 10px 17px;
    background: var(--accent);
    color: #171717;
    font-weight: 700;
    text-decoration: none;
  }
  .yjd-foldable a.text-link { color: #765300; }
  .yjd-foldable .cta a.text-link { color: #fff; }
  .yjd-foldable ol { padding-left: 22px; }
  .yjd-foldable li { margin-bottom: 8px; }
  @media (max-width: 720px) {
    .yjd-foldable .hero,
    .yjd-foldable .gallery,
    .yjd-foldable .cards { grid-template-columns: 1fr; }
    .yjd-foldable .hero-copy { padding: 18px; }
    .yjd-foldable h2 { font-size: 22px; }
  }