:root {
  --pixgom-font-body: 15px;
  --pixgom-line-body: 1.68;
  --pixgom-line-reading: 1.82;
  --pixgom-tracking-body: -0.012em;
  --pixgom-tracking-heading: -.035em;
  --pixgom-type-label: 11px;
  --pixgom-type-support: 12px;
  --pixgom-type-meta: 13px;
  --pixgom-type-card: 18px;
  --pixgom-type-section: 22px;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
  font-family: "Pretendard Variable", "Segoe UI", "Malgun Gothic", sans-serif;
  font-optical-sizing: auto;
  font-kerning: normal;
}

body {
  font-size: var(--pixgom-font-body);
  line-height: var(--pixgom-line-body);
  letter-spacing: var(--pixgom-tracking-body);
}

p,
li,
dd,
blockquote,
figcaption,
summary {
  word-break: keep-all;
  overflow-wrap: break-word;
  hyphens: none;
}

h1,
h2,
h3,
h4,
.home-discovery-list a > strong,
.community-links strong,
.update-program {
  line-height: 1.28;
  letter-spacing: var(--pixgom-tracking-heading);
  word-break: keep-all;
  overflow-wrap: break-word;
  text-wrap: balance;
}

.section-mark,
.pixue-kicker,
.pixue-category,
.pixue-section-head > p,
.pixue-source-label,
.status-label,
.update-status,
.sample-entry-mark,
.our-color-stage-head > div:first-child > span {
  font-family: "Pretendard Variable", "Segoe UI", "Malgun Gothic", sans-serif;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: .045em;
}

.brand strong {
  font-size: 21px;
  line-height: 1.18;
  letter-spacing: -.03em;
}

.brand small {
  font-size: 9px;
  line-height: 1.35;
  letter-spacing: .09em;
}

@media (min-width: 992px) {
  .brand {
    gap: 10px;
  }

  .brand img {
    width: 44px;
    height: 44px;
  }

  .brand span {
    min-width: 0;
  }

  .brand small {
    font-size: 7px;
    letter-spacing: .02em;
    white-space: nowrap;
  }
}

.visitor-counter > div span,
.bgm-track > span {
  font-size: 9px;
  line-height: 1.3;
}

.visitor-counter > div strong {
  font-size: 14px;
  line-height: 1.3;
}

.bgm-track strong {
  font-size: 12px;
  line-height: 1.35;
}

.bgm-track small,
.release-note {
  font-size: 10px;
  line-height: 1.4;
}

.main-nav .nav-link,
.primary-button,
.secondary-button,
.download-button,
.line-action,
.quiet-action,
.update-download,
.pixue-rss,
.pixue-source-docket > a,
.form-row input,
.form-row select,
.form-row textarea {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -.008em;
}

.home-copy h1,
.tool-heading h1,
.our-color-heading h1,
.audio-detail-hero h1 {
  font-size: clamp(36px, 3.2vw, 40px);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: var(--pixgom-tracking-heading);
}

.home-copy > p,
.tool-heading > div > p,
.our-color-heading > div > p,
.audio-detail-hero p,
.page-heading p,
.detail-identity span {
  max-width: 68ch;
  font-size: 15px;
  line-height: 1.72;
}

.home-actions {
  row-gap: 12px;
}

.home-note strong,
.pixue-intro-mark strong {
  font-size: 16px;
  line-height: 1.35;
}

.home-note p,
.pixue-intro-mark span {
  font-size: 12px;
  line-height: 1.6;
}

.section-line h2,
.pixue-section-head h2,
.tool-step-title h2,
.report-toolbar h2,
.our-color-preview-section h2 {
  font-size: var(--pixgom-type-section);
  line-height: 1.3;
  letter-spacing: -.025em;
}

.section-line a,
.section-line > span,
.home-discovery-list a > span,
.home-discovery-list a > time,
.home-program-title p,
.program-title span,
.program-previews figcaption,
.home-discovery-list a > small,
.catalog-count,
.record-head span,
.update-actions time {
  font-size: var(--pixgom-type-support);
  line-height: 1.5;
}

.home-program-title h3,
.program-title h2,
.web-tool-row h2 {
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: -.025em;
}

.home-program-info > p,
.program-summary > p,
.web-tool-row p,
.community-links p,
.resource-identity p,
.record-empty p,
.update-content p {
  font-size: 14px;
  line-height: 1.72;
}

.home-program-info dl,
.release-data dl,
.resource-meta,
.resource-license dl,
.audio-detail-hero dl,
.spec-list {
  font-size: 12px;
  line-height: 1.55;
}

.home-discovery-list a > strong,
.community-links strong {
  font-size: 17px;
}

.home-discovery-list a > p {
  font-size: 13px;
  line-height: 1.65;
}

.page-heading h1,
.detail-identity h1 {
  font-size: clamp(32px, 3vw, 38px);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: var(--pixgom-tracking-heading);
}

.resource-identity h2,
.audio-license-detail h2,
.detail-section .section-title h2,
.report-guide h2,
.update-content h2,
.tool-seo-guide h2,
.our-color-guide h2 {
  font-size: 20px;
  line-height: 1.35;
  letter-spacing: -.02em;
}

.detail-link,
.back-link,
.section-title p,
.audio-detail-hero dl,
.report-guide li,
.update-program,
.update-kind-filter,
.form-row label,
.form-status {
  font-size: 12px;
  line-height: 1.55;
}

.audio-detail-hero > div > p,
.audio-license-detail dl,
.feature-list,
.detail-columns,
.report-guide,
.trust-body,
.tool-seo-guide,
.our-color-guide {
  line-height: 1.72;
}

.record-head h2 {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -.015em;
}

.record-row span,
.record-row time,
.update-actions time,
.report-guide p,
.form-row p,
.dialog-head p,
.audio-license-detail > p {
  font-size: 12px;
  line-height: 1.6;
}

.update-kind {
  font-size: 11px;
  line-height: 1.35;
}

.dialog-head h2 {
  font-size: 28px;
  line-height: 1.25;
  letter-spacing: -.03em;
}

.site-footer > div {
  font-size: 11px;
  line-height: 1.55;
}

.site-build-info {
  font-size: 9px;
  line-height: 1.4;
}

.tool-install-card #kakaoInstallHelp,
.install-recovery div,
.tool-privacy span,
.tool-step-title .tool-capacity-note,
.tool-status,
.analysis-progress span,
.period-controls .checkbox-control,
.recap-overview p,
.record-methods ul,
.participant-detail-header p,
.participant-detail table,
.participant-detail-keywords li,
.participant-detail-empty,
.activity-highlights,
.relationship-edge-table,
.relationship-method,
.share-estimate,
.share-limit-note,
.participant-detail-disclosure {
  font-size: 12px;
  line-height: 1.6;
}

.parse-summary dt,
.period-controls label,
.share-copy > label,
.report-total span,
.fun-records span,
.participant-detail-facts dt,
.activity-bar,
.calculation-note {
  font-size: 11px;
  line-height: 1.45;
}

.parse-summary dd,
.analysis-progress strong,
.period-controls select,
.period-controls input,
.ranking-panel table,
.participant-detail-facts dd,
.participant-detail h4 {
  font-size: 13px;
  line-height: 1.5;
}

.report-section-head h3,
.participant-detail-header h3,
.fun-records strong {
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: -.02em;
}

.report-section-head span,
.signature-note,
.post-heading small,
.post-date,
.post-actions span,
.admin-session-button,
.admin-security-note,
.delete-explanation {
  font-size: 11px;
  line-height: 1.5;
}

.trust-header p {
  max-width: 68ch;
  font-size: 16px;
  line-height: 1.75;
}

.trust-body h2 {
  font-size: 21px;
  line-height: 1.35;
  letter-spacing: -.02em;
}

.trust-body p,
.trust-body li {
  font-size: 15px;
  line-height: 1.78;
}

.pixue-intro h1 {
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -.02em;
}

.pixue-intro .pixue-thesis {
  font-size: clamp(36px, 4vw, 48px);
  line-height: 1.14;
  letter-spacing: var(--pixgom-tracking-heading);
}

.pixue-intro-copy > p:not(.pixue-kicker):not(.pixue-thesis) {
  max-width: 66ch;
  font-size: 15px;
  line-height: 1.72;
}

.pixue-intro-actions span,
.pixue-categories a,
.pixue-filter-status,
.pixue-current-status span,
.pixue-source-docket > div > p:last-child,
.pixue-video-credit,
.pixue-author,
.pixue-sources span,
.pixue-disclosure {
  font-size: 12px;
  line-height: 1.6;
}

.pixue-empty-stage h2,
.pixue-row h2,
.pixue-source-docket h2,
.pixue-body h2,
.pixue-actions h2,
.pixue-related h2,
.pixue-sources h2 {
  line-height: 1.35;
  letter-spacing: -.025em;
}

.pixue-empty-stage li span,
.pixue-row > time {
  font-size: 12px;
  line-height: 1.5;
}

.pixue-row h2 {
  font-size: 21px;
}

.pixue-row p {
  max-width: 70ch;
  font-size: 14px;
  line-height: 1.72;
}

.pixue-article h1 {
  font-size: clamp(34px, 4.4vw, 44px);
  line-height: 1.18;
  letter-spacing: var(--pixgom-tracking-heading);
}

.pixue-summary {
  font-size: 15px;
  line-height: 1.72;
}

.pixue-body p {
  font-size: 17px;
  line-height: var(--pixgom-line-reading);
  letter-spacing: -.008em;
  text-wrap: pretty;
}

.pixue-actions li,
.pixue-related li,
.pixue-sources li {
  font-size: 14px;
  line-height: 1.7;
}

.pixue-article-image figcaption {
  font-size: 12px;
  line-height: 1.6;
}

.our-color-retention strong,
.our-color-retention span,
.our-color-stage-meta > strong,
.our-color-legend span,
.our-color-controls label,
.field-help,
.our-color-field-error,
.our-color-status,
.our-color-expiry {
  font-size: 12px;
  line-height: 1.55;
}

.our-color-stage-head h2 {
  font-size: 25px;
  line-height: 1.3;
  letter-spacing: -.025em;
}

.our-color-control-title h2 {
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: -.015em;
}

.our-color-name {
  font-size: 12px;
  line-height: 1.25;
}

.our-color-shared-badge {
  font-size: 10px;
  line-height: 1.25;
}

.our-color-preview-section p,
.our-color-guide p,
.our-color-guide li,
.our-color-guide summary {
  font-size: 14px;
  line-height: 1.72;
}

.field-help code {
  font-size: 12px;
}

.spec-list dd,
.home-program-info dd,
.footer-contact,
.pixue-sources a,
.form-row input,
.form-row textarea {
  word-break: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 680px) {
  :root {
    --pixgom-font-body: 15px;
    --pixgom-type-section: 21px;
  }

  .brand strong {
    font-size: 19px;
  }

  .brand small {
    font-size: 8px;
  }

  .main-nav .nav-link {
    font-size: 15px;
  }

  .home-copy h1 {
    font-size: 32px;
    line-height: 1.16;
  }

  .tool-heading h1,
  .our-color-heading h1,
  .audio-detail-hero h1,
  .page-heading h1,
  .detail-identity h1 {
    font-size: 30px;
    line-height: 1.2;
  }

  .home-copy > p,
  .tool-heading > div > p,
  .our-color-heading > div > p,
  .page-heading p {
    font-size: 15px;
    line-height: 1.72;
  }

  .section-line {
    align-items: flex-start;
  }

  .section-line h2,
  .pixue-section-head h2 {
    font-size: 21px;
  }

  .home-actions a,
  .primary-button,
  .secondary-button,
  .download-button,
  .update-download {
    font-size: 14px;
  }

  .home-program-title h3,
  .program-title h2,
  .web-tool-row h2,
  .pixue-row h2 {
    font-size: 20px;
  }

  .pixue-intro .pixue-thesis {
    font-size: 34px;
    line-height: 1.16;
  }

  .pixue-article h1 {
    font-size: 31px;
    line-height: 1.22;
  }

  .pixue-body p {
    font-size: 16px;
    line-height: 1.8;
  }

  .site-footer > div {
    gap: 7px;
    padding: 14px 0;
    font-size: 12px;
  }

  .our-color-stage-head h2 {
    font-size: 22px;
  }

  .our-color-view {
    width: calc(100% - 16px);
  }

  .our-color-name {
    font-size: 10px;
  }

  .our-color-shared-badge,
  .our-color-legend span {
    font-size: 10px;
  }
}

@media (max-width: 390px) {
  .home-copy h1 {
    font-size: 30px;
  }

  .pixue-intro .pixue-thesis,
  .pixue-article h1 {
    font-size: 29px;
  }

  .our-color-name {
    font-size: 9.5px;
  }

  .our-color-shared-badge {
    font-size: 8px;
  }
}