.cms-preview-banner{background:#fff0d5;color:#744d12;padding:12px 24px;text-align:center;font-size:14px}.cms-qr{width:150px;height:150px;object-fit:contain;margin:16px 0;background:white}.cms-cards{display:grid;gap:24px;margin-top:28px;grid-template-columns:repeat(2,minmax(0,1fr))}.cms-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff}.cms-card h3{font-size:23px;margin-bottom:20px}.cms-card p{white-space:pre-wrap;margin-top:18px;color:var(--muted)}.cms-card small{display:block;margin-top:16px;color:var(--muted)}.cms-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cms-comparison figure{margin:0}.cms-comparison img{width:100%;height:250px;object-fit:contain;background:#f5f7fa}.cms-comparison figcaption{font-size:13px;color:var(--muted);margin-top:8px}.cms-article-image{width:100%;max-height:320px;object-fit:contain}.hero-description{white-space:pre-line}@media(max-width:800px){.cms-cards{grid-template-columns:1fr}.cms-card{padding:20px}.cms-comparison img{height:180px}}

/* ABOUT qualifications: compact information, full documents on demand. */
#about .about-overview { align-items: center; gap: 48px; }
#about .about-copy p { max-width: 560px; }
#about .about-cooperation { margin-top: 20px; min-height: 44px; font-size: 15px; font-weight: 500; }
.qualification-bar { display: grid; grid-template-columns: 144px minmax(0, 1fr); align-items: center; gap: 24px; min-height: 112px; margin-top: 36px; padding: 22px 0; border-top: 1px solid #d3dee8; }
.qualification-bar .qualification-heading { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.6; }
.qualification-toggle { display: none; }
.qualification-content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 28px; }
.qualification-content[hidden] { display: none; }
.qualification-item { min-width: 0; }
.qualification-link { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 0; border: 0; background: transparent; text-align: left; border-radius: 4px; }
.qualification-icon { width: 23px; height: 23px; flex-shrink: 0; color: var(--muted); }
.qualification-name { font-size: 15px; font-weight: 500; line-height: 1.6; overflow-wrap: anywhere; }
.qualification-action { margin-left: auto; padding-left: 6px; white-space: nowrap; color: var(--blue); font-size: 13px; line-height: 1.6; }
.qualification-link:hover .qualification-name, .qualification-link:hover .qualification-icon { color: var(--blue); }
.qualification-link:hover .qualification-action { text-decoration: underline; text-underline-offset: 4px; }
.qualification-bar .qualification-empty { font-size: 14px; color: var(--muted); }
.qualification-modal-open { overflow: hidden; }
.qualification-dialog { width: min(900px, calc(100% - 32px)); max-height: 90dvh; background: #fff; overflow: auto; overscroll-behavior: contain; }
.qualification-dialog-head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; gap: 20px; padding: 20px 24px; border-bottom: 1px solid var(--line); background: #fff; }
.qualification-dialog .qualification-dialog-title { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.5; text-wrap: wrap; overflow-wrap: anywhere; }
.qualification-dialog-head .dialog-close { position: static; flex-shrink: 0; margin-left: auto; width: 44px; height: 44px; border-radius: 50%; background: var(--pale); }
.qualification-meta { display: grid; gap: 10px; margin: 0; padding: 20px 24px; }
.qualification-meta:empty { display: none; }
.qualification-meta > div { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; font-size: 14px; line-height: 1.7; }
.qualification-meta dt { color: var(--muted); }
.qualification-meta dd { margin: 0; overflow-wrap: anywhere; }
.qualification-image { width: calc(100% - 48px); height: auto; margin: 0 auto; object-fit: contain; background: var(--pale); }
.qualification-image[hidden], .qualification-image-status[hidden] { display: none; }
.qualification-dialog .qualification-image-status { margin: 0; padding: 20px 24px; font-size: 14px; color: var(--muted); }
.qualification-original-link { display: flex; align-items: center; min-height: 48px; width: fit-content; margin: 12px 24px 20px; color: var(--blue); font-size: 14px; }
@media (min-width: 801px) and (max-width: 1100px) {
  .qualification-bar { grid-template-columns: 104px minmax(0, 1fr); gap: 20px; }
  .qualification-content { gap: 8px 20px; }
  .qualification-link { gap: 8px; }
  .qualification-name { font-size: 14px; }
}
@media (max-width: 800px) {
  #about .about-overview { gap: 20px; }
  #about .about-cooperation { margin-top: 12px; }
  .qualification-bar { display: block; min-height: 0; margin-top: 28px; padding: 0; }
  .qualification-bar:has(.qualification-toggle) > .qualification-heading { display: none; }
  .qualification-toggle { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 60px; padding: 16px 0; border: 0; background: transparent; text-align: left; font-size: 15px; font-weight: 500; }
  .qualification-toggle > span { color: var(--blue); font-size: 20px; }
  .qualification-content { grid-template-columns: 1fr; gap: 0; padding: 0 0 12px; }
  .qualification-item + .qualification-item { border-top: 1px solid var(--line); }
  .qualification-link { min-height: 56px; gap: 10px; }
  .qualification-bar > .qualification-heading { padding-top: 20px; }
  .qualification-bar .qualification-empty { margin-top: 10px; }
  .qualification-dialog-head { padding: 12px 16px; gap: 12px; }
  .qualification-dialog .qualification-dialog-title { font-size: 17px; }
  .qualification-meta { padding: 16px; }
  .qualification-meta > div { grid-template-columns: 60px minmax(0, 1fr); gap: 8px; font-size: 13px; }
  .qualification-image { width: calc(100% - 24px); }
  .qualification-original-link { margin: 8px 16px 12px; }
}