/* One type scale for the English and Korean marketing pages. */
:root {
  --text-xs: 14px;
  --text-sm: 16px;
  --text-body: 18px;
  --text-lead: 20px;
  --muted: #4f4f4f;
}

body { line-height: 1.7; }
.brand > span { font-size: 18px; }
.brand-product { font-size: 14px; }
.brand-mark { width: 40px; height: 40px; }
.button { max-width: 100%; gap: 16px; white-space: normal; }
.button svg { flex-shrink: 0; }
.hero-links { flex-wrap: wrap; gap: 18px 24px; }
.hero-description { max-width: 480px; }
.hero-description > p { max-width: 58ch; }
.hero-description .hero-question, html[lang=ko] .hero-description .hero-question { font-size: 22px; line-height: 1.45; margin-bottom: 16px; }
.hero-current-scope { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 20px; background: #ececec; border-left: 2px solid #a2a2a2; padding: 17px 24px; margin: 0 0 16px; font-size: var(--text-sm); line-height: 1.75; color: #505050; }
.hero-current-scope > span:first-child { font-size: 14px; font-weight: 600; }
.section-intro { max-width: 58ch; }
.section-heading { align-items: start; }
.hero-direction { grid-template-columns: 160px minmax(0, 1fr); }
.hero-direction > div > p { max-width: 80ch; }
.component-heading { align-items: start; flex-wrap: wrap; }
.component-heading > span { max-width: 185px; }
.components .component-heading h3 { font-size: 25px; line-height: 1.4; letter-spacing: -.4px; }
.components .component-term { margin-top: 14px; font-size: 14px; line-height: 1.6; color: #bababa; }
.role-technology { margin-top: 10px; font-size: 14px; line-height: 1.6; color: #c2c2c2; }
.implementation-details { margin-top: 30px; border-block: 1px solid #6c6c6c; }
.implementation-details > summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 12px 20px 0; color: #e5e5e5; font-size: var(--text-body); line-height: 1.7; cursor: pointer; list-style: none; }
.implementation-details > summary::-webkit-details-marker { display: none; }
.implementation-details > summary > span { flex-shrink: 0; font-size: 25px; line-height: 1; }
.implementation-details[open] > summary > span { transform: rotate(45deg); }
.implementation-content { padding: 5px 0 28px; }
.implementation-content > p { max-width: 85ch; font-size: var(--text-body); line-height: 1.8; color: #cbcbcb; margin-bottom: 28px; }
.implementation-content > h3 { font-size: 24px; line-height: 1.5; margin-bottom: 24px; }
.architecture .context-bridge { margin-top: 0; }
.context-bridge h3 { font-family: inherit; font-size: var(--text-body); font-weight: 600; line-height: 1.5; margin-bottom: 7px; }
.foundation-connectors dd > p { color: #e3e3e3; margin-top: 0; }
.foundation-system { display: block; color: #bababa; font-size: 14px; line-height: 1.7; margin-top: 7px; }
.architecture-node { min-height: 175px; }
.architecture-note, .role-note, .foundation-scope, .showcase-scope { max-width: 85ch; }
.foundation-connectors dl > div { grid-template-columns: 140px minmax(0, 1fr); }
.roadmap-other li { flex-wrap: wrap; }
.report-bars { --chart-label: 145px; --chart-value: 76px; --chart-gap: 12px; }
.report-bar-label, .report-bar-value, .report-metric, .report-tabs [role=tab] { overflow-wrap: anywhere; }
.report-chart-unit { line-height: 1.5; }
.report-axis { line-height: 1.5; }
.report-data-column > *, .report-findings-column > * { min-width: 0; }
.report-metric dt { overflow-wrap: normal; word-break: keep-all; }
.art-labels i { flex-shrink: 0; min-width: 22px; min-height: 22px; line-height: 1; }
.report-finding { padding-left: 18px; }
.report-finding:before { top: 30px; }
.report-provenance { grid-template-columns: 220px minmax(0, 1fr); }
.agent-evidence li { grid-template-columns: 170px minmax(0, 1fr) minmax(0, 1fr); }
.agent-step-number { width: 26px; height: 26px; }
.status-grid li { align-items: baseline; }
.status-grid li > span { flex-shrink: 0; }
.recorded-source, .footer-links a { overflow-wrap: anywhere; }
.footer-top { flex-wrap: wrap; }
.manufacturing-discovery { padding-bottom: 60px; background: var(--deep); color: #e4e4e4; }
.desktop-nav .industry-nav-link { display: flex; flex-direction: column; gap: 2px; padding: 7px 12px; background: #FFF1EB; border: 1px solid #FFF1EB; color: #FF5722; line-height: 1.3; }
.industry-nav-link strong { font-size: 16px; font-weight: 600; }
.industry-nav-link span { font-size: 14px; }
.desktop-nav .industry-nav-link:hover { background: #FFF1EB; color: #FF5722; }
.mobile-nav .industry-nav-link { border-left: 2px solid #FF5722; padding-left: 14px; margin-block: 8px; background: #FFF1EB; }
.mobile-nav .industry-nav-link span { margin-left: 12px; }
.industry-mobile-shortcut { display: none; }

@media (max-width: 1379px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: flex; }
  .nav-contact { display: none; }
  .industry-mobile-shortcut { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 9px var(--gutter); background: #FFF1EB; border-top: 1px solid #FFF1EB; color: #FF5722; font-size: 15px; line-height: 1.6; font-weight: 600; }
  .industry-mobile-shortcut:hover { background: #FFF1EB; }
  .industry-mobile-shortcut svg { width: 20px; height: 20px; flex-shrink: 0; }
  .home-page #main, .home-page section[id] { scroll-margin-top: 42px; }
}

@media (max-width: 1199px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: flex; }
  .nav-contact { display: none; }
  .hero-copy, html[lang=ko] .hero-copy { grid-template-columns: 1fr; }
  .hero-description { justify-self: start; max-width: 760px; }
  .hero-description > p { max-width: 68ch; }
  .hero-links { flex-direction: row; align-items: center; margin-top: 24px; }
  .section-heading { grid-template-columns: 1fr; gap: 24px; }
  .section-intro { justify-self: start; max-width: 68ch; }
  .status-section .section-heading > .text-link { justify-self: start; }
  .report-main { grid-template-columns: 1fr; }
  .report-data-column, .report-findings-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; align-items: start; }
  .report-evidence, .report-review { margin-top: 0; }
  .report-evidence { padding-top: 0; border-top: 0; }
  .report-bars { --chart-label: 120px; --chart-value: 68px; --chart-gap: 10px; }
}

@media (max-width: 899px) {
  .report-data-column, .report-findings-column { grid-template-columns: 1fr; }
  .report-evidence { padding-top: 24px; border-top: 1px solid #dedede; }
  .report-tabs [role=tab] { min-width: 0; }
  .principles, .components, .people-grid, .role-columns, .adoption-steps { grid-template-columns: 1fr; gap: 32px; }
  .principles p, .people-grid h3 { max-width: 64ch; }
  .component-graphic { max-width: 500px; }
  .component-heading { align-items: center; flex-direction: row; }
  .component-heading > span { max-width: none; }
  .architecture-flow { grid-template-columns: 1fr; gap: 16px; }
  .architecture-node { min-height: 0; }
  .architecture-arrow { transform: rotate(90deg); }
  .foundation-grid { grid-template-columns: 1fr; }
  .foundation-core ul { grid-template-columns: 1fr 1fr; }
  .foundation-connectors dl > div { grid-template-columns: 140px minmax(0, 1fr); }
  .faq-section { grid-template-columns: 1fr; gap: 32px; }
  .adoption-outcome { grid-template-columns: 1fr; gap: 26px; }
  .adoption-actions { justify-self: start; max-width: 100%; }
  .report-provenance { grid-template-columns: 1fr; }
  .report-provenance > a { grid-column: auto; }
  .agent-evidence li { grid-template-columns: 1fr; gap: 14px; }
}

@media (max-width: 639px) {
  :root { --text-sm: 15px; --text-body: 17px; --text-lead: 19px; }
  .hero-description { max-width: 100%; }
  .components .component-heading h3 { font-size: 22px; }
  .implementation-details > summary { padding-block: 18px; gap: 16px; }
  .implementation-content > h3 { font-size: 22px; }
  .hero-description .hero-question, html[lang=ko] .hero-description .hero-question { font-size: 20px; }
  .hero-current-scope { grid-template-columns: 1fr; gap: 8px; padding: 17px 18px; }
  .hero-direction { grid-template-columns: 1fr; }
  .hero-links { gap: 18px; align-items: start; }
  .hero-links .button { min-height: 50px; }
  .hero-caption { align-items: start; flex-wrap: wrap; }
  .art-labels { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .art-labels > span { flex-direction: column; align-items: start; min-width: 0; }
  .art-labels > span:nth-child(n) { justify-self: start; }
  .report-tabs { gap: 10px; }
  .report-tabs [role=tab] { padding: 14px 12px; }
  .report-masthead { flex-wrap: wrap; }
  .report-preview { flex-shrink: 1; }
  .report-bars { --chart-label: 102px; --chart-value: 62px; --chart-gap: 10px; }
  .report-bar-track { height: 14px; }
  .report-bar-row { margin-bottom: 24px; }
  .report-evidence th, .report-evidence td { overflow-wrap: anywhere; }
  .report-evidence table { table-layout: fixed; }
  .report-provenance { gap: 10px; }
  .agent-evidence summary { gap: 12px; }
  .agent-evidence summary > span { flex-shrink: 0; }
  .foundation-core ul { grid-template-columns: 1fr; }
  .foundation-connectors dl > div { grid-template-columns: 1fr; gap: 7px; }
  .roadmap-other li { display: block; }
  .roadmap-other small { display: block; margin-top: 6px; }
  .adoption-actions { width: 100%; }
  .adoption-actions .button { width: fit-content; max-width: 100%; }
  .footer-top { align-items: start; gap: 24px; }
  .footer-links { gap: 15px 22px; flex-wrap: wrap; }
  .footer-bottom { align-items: start; flex-wrap: wrap; }
}

@media (max-width: 359px) {
  .report-axis > span:nth-child(2), .report-axis > span:nth-child(4) { display: none; }
}