/* Scoped Mac hub and service composition; model registries keep their styles. */
#main.mac-representative-content-page .hdd-intro h2 {
  max-width: 1050px;
  margin-inline: auto;
  font-size: clamp(2rem, 3.9vw, 3.6rem);
  line-height: 1.22;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
#main.mac-representative-content-page .hdd-intro { padding-block: 72px 64px; }
#main.mac-representative-content-page .sample-page-hero {
  background-image: none;
  background-color: #10263e;
}
#main.mac-representative-content-page .sample-hero-overlay { background: transparent; }
#main.mac-representative-content-page .laptop-editorial-dark-section {
  --gunet-color-text-secondary: #bfd0e1;
  --gunet-color-divider: #47627e;
}
#main.mac-representative-content-page .hdd-contact-heading h2,
#main.mac-representative-content-page .hdd-direct-question { word-break: keep-all; overflow-wrap: anywhere; }
#main.mac-representative-content-page .mac-doc-faq .hdd-faq-heading-side > p {
  margin: 0; color: var(--gunet-color-text-secondary); font-size: 1rem; font-weight: 400; line-height: 1.8; letter-spacing: 0;
}
/* The directory shares the same card renderer on new and retained hubs. */
#main.mac-representative-content-page #service-directory { padding-block: 48px; }
#main.mac-representative-content-page #service-directory .hdd-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  margin-bottom: 0;
  padding: 0 32px 28px;
  border-bottom: 3px solid #0d1b2d;
}
#main.mac-representative-content-page #service-directory .hdd-section-heading h2 {
  font-size: clamp(1.6rem, 2.5vw, 2.25rem);
  line-height: 1.35;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
#main.mac-representative-content-page #service-directory .hdd-section-heading > p { margin: 0; }
#main.mac-representative-content-page #service-directory .service-hub-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border: 0;
  gap: 0;
}
#main.mac-representative-content-page #service-directory .service-hub-map > a {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 28px 32px;
  border: 0;
  border-bottom: 1px solid #cbd6e3;
  color: #0d1b2d;
  background: transparent;
}
#main.mac-representative-content-page #service-directory .laptop-service-map-number {
  display: inline-block;
  width: max-content;
  padding: 6px 9px;
  margin: 0 0 8px;
  background: #0d243f;
  color: #fff;
  font-size: .66rem;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .08em;
}
#main.mac-representative-content-page #service-directory .generated-related-link-heading {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  color: inherit;
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.5;
}
#main.mac-representative-content-page #service-directory .service-hub-map > a > p {
  margin: 0;
  color: #557394;
  font-size: .95rem;
  line-height: 1.8;
}
#main.mac-representative-content-page #service-directory .generated-related-link-heading b,
#main.mac-representative-content-page #service-directory .service-hub-map > a:hover,
#main.mac-representative-content-page #service-directory .service-hub-map > a:focus-visible { color: #0066e8; }
@media (max-width: 900px) {
  #main.mac-representative-content-page #service-directory .service-hub-map { grid-template-columns: minmax(0, 1fr); }
  #main.mac-representative-content-page #service-directory .hdd-section-heading { padding-inline: 16px; }
  #main.mac-representative-content-page #service-directory .service-hub-map > a { padding-inline: 16px; }
}
#main.mac-representative-content-page .mac-hierarchy-directory#service-directory .service-hub-map {
  margin: 32px 24px 0;
  border-top: 2px solid #0d1b2d;
}
@media (max-width: 900px) {
  #main.mac-representative-content-page .mac-hierarchy-directory#service-directory .service-hub-map { margin-inline: 12px; }
}
#main.mac-representative-content-page :is(#generations, #install, #selection, #workspace, #data-boundary, #condition, #lifecycle, #delivery, #related-work) .laptop-editorial-grid {
  border-color: #47627e;
}
#main.mac-representative-content-page :is(#generations, #install, #selection, #workspace, #data-boundary, #condition, #lifecycle, #delivery, #related-work) .laptop-editorial-grid > article {
  border-color: #47627e;
}
#main.mac-representative-content-page :is(#generations, #install, #selection, #workspace, #data-boundary, #condition, #lifecycle, #delivery, #related-work) .laptop-editorial-grid > article > h3,
#main.mac-representative-content-page :is(#generations, #install, #selection, #workspace, #data-boundary, #condition, #lifecycle, #delivery, #related-work) .laptop-editorial-section-link a {
  color: #fff;
}
#main.mac-representative-content-page :is(#generations, #install, #selection, #workspace, #data-boundary, #condition, #lifecycle, #delivery, #related-work) .laptop-editorial-grid > article > p {
  color: #bfd0e1;
}
#main.mac-representative-content-page :is(#generations, #install, #selection, #workspace, #data-boundary, #condition, #lifecycle, #delivery, #related-work) .laptop-editorial-grid > article > span {
  color: #80bdff;
}
@media (min-width: 901px) {
  #main.mac-representative-content-page :is(#products, #services, #generations, #macos, #data) .laptop-editorial-grid > article {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    row-gap: 16px;
    align-content: start;
  }
  #main.mac-representative-content-page :is(#products, #services, #generations, #macos, #data) .laptop-editorial-grid > article > * { margin-block: 0; }
  #main.mac-representative-content-page :is(#products, #services, #generations, #macos, #data) .laptop-editorial-grid > article > .laptop-editorial-section-link {
    align-self: start;
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
@media (max-width: 640px) {
  #main.mac-representative-content-page .hdd-intro { padding-block: 44px; }
}

/* Common document presentation, selected by the Mac renderer for all 71 routes.
   Model IDs, specification grids, search and expandable rows retain their markup. */
#main.mac-common-design {
  --mac-common-inset: 32px;
  --mac-doc-content-inset: 24px;
  --mac-doc-row-inset: 32px;
}
#main.mac-common-design .hdd-intro h2 { font-size: clamp(2rem, 3.9vw, 3.6rem); line-height: 1.22; }
#main.mac-common-design .hdd-intro { padding-block: 72px 64px; }
#main.mac-common-design .mac-content-section { padding-block: 48px; }
#main.mac-common-design .mac-content-section:not(#faq) > :is(.mac-doc-heading, .mac-hardware-heading) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  margin: 0 0 32px;
  padding: 0 var(--mac-common-inset) 28px;
  border: 0;
  border-bottom: 3px solid #0d1b2d;
}
#main.mac-common-design .mac-content-section:not(#faq) > :is(.mac-doc-heading, .mac-hardware-heading) h2 {
  margin: 0; font-size: min(var(--gunet-type-major-section-title-compact-size), 2.5rem); line-height: 1.25;
}
#main.mac-common-design .mac-content-section:not(#faq) > :is(.mac-doc-heading, .mac-hardware-heading) > p:last-child {
  grid-column: 1; grid-row: auto; margin: 0; padding: 0; border: 0; font-size: 1rem; line-height: 1.8; color: #526b85; max-width: 84ch;
}
#main.mac-common-design .mac-content-section.mac-section-dark {
  --gunet-color-text-secondary: #bfd0e1;
  --gunet-color-divider: #47627e;
}
#main.mac-common-design .mac-section-dark > :is(.mac-doc-heading, .mac-hardware-heading) { border-bottom-color: #47627e; }
#main.mac-common-design .mac-section-dark > :is(.mac-doc-heading, .mac-hardware-heading) :is(h2, h3) { color: #fff; }
#main.mac-common-design .mac-section-dark > :is(.mac-doc-heading, .mac-hardware-heading) > p:last-child { color: #bfd0e1; }
#main.mac-common-design .mac-doc-faq .hdd-faq-heading-side > p {
  margin: 0; color: #526b85; font-size: 1rem; font-weight: 400; line-height: 1.8; letter-spacing: 0;
}
#main.mac-common-design .mac-doc-faq .hdd-faq-heading-side:empty { display: none; }
#main.mac-common-design .mac-doc-faq .detail-faq-numbered summary strong { font-weight: 800; }
#main.mac-common-design #faq > .mac-doc-heading { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 0 var(--mac-common-inset) 32px; }
#main.mac-common-design #faq > .mac-doc-heading > p:last-child { grid-column: 1; margin: 0; padding: 0; border: 0; font-size: 1rem; line-height: 1.8; color: #526b85; }
#main.mac-common-design .generated-related-links > a { align-content: start; }
#main.mac-common-design .mac-product-subsection > h3 { border: 0; padding-inline: var(--mac-common-inset); }
#main.mac-common-design .mac-detail-toggle { margin-block: 24px; border-bottom: 1px solid var(--gunet-color-divider); }
#main.mac-common-design .mac-detail-toggle > summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px var(--mac-common-inset); list-style: none; font-weight: 700; cursor: pointer; }
#main.mac-common-design .mac-detail-toggle > summary::-webkit-details-marker { display: none; }
#main.mac-common-design .mac-detail-toggle > summary::after { content: '+'; color: #0066e8; }
#main.mac-common-design .mac-detail-toggle[open] > summary::after { content: '−'; }
#main.mac-common-design .mac-detail-toggle > p { margin: 0; padding: 0 var(--mac-common-inset) 24px; line-height: 1.8; color: var(--gunet-color-text-secondary); }
#main.mac-common-design .mac-product-grid > article > dl { display: grid; gap: 16px; }
#main.mac-common-design .mac-product-grid > article > dl dt { color: #526b85; font-size: .8rem; font-weight: 700; }
#main.mac-common-design .mac-product-grid > article > dl dd { margin: 4px 0 0; line-height: 1.7; }

/* Open horizontal rows replace the legacy boxed explanatory layouts. */
#main.mac-common-legacy .mac-doc-section > :is(.mac-doc-prose, .mac-doc-topic-grid, .mac-product-grid, .mac-doc-table-wrap, .mac-doc-timeline, .mac-doc-checklist, .mac-boot-camp-decision-grid, .mac-boot-camp-diagnostic-grid) {
  margin-inline: 0;
}
#main.mac-common-design .mac-doc-prose {
  grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 0 var(--mac-common-inset) 28px;
  border: 0; background: transparent;
}
#main.mac-common-design .mac-doc-prose > aside { margin: 0 calc(-1 * var(--mac-common-inset)); }
#main.mac-common-legacy .mac-content-section:not(#faq) > div { margin-inline: 0; }
#main.mac-common-design .mac-product-summary > div { border-inline: 0; padding: 24px var(--mac-common-inset); }
#main.mac-common-design .mac-doc-checklist { gap: 0; padding: 0; border-top: 2px solid #0d1b2d; }
#main.mac-common-design .mac-doc-checklist > li { padding: 28px var(--mac-common-inset); border: 0; border-bottom: 1px solid var(--gunet-color-divider); background: transparent; }
#main.mac-common-design .mac-doc-checklist > li > span { color: #0066e8; font-size: .7rem; font-weight: 850; }
#main.mac-common-design .mac-doc-checklist > li > h3 { font-size: var(--gunet-type-laptop-sales-paragraph-title-size); }
#main.mac-common-design :is(.mac-doc-topic-grid, .mac-product-grid, .mac-boot-camp-decision-grid, .mac-boot-camp-diagnostic-grid) {
  gap: 0; border: 0; border-top: 2px solid #0d1b2d; background: transparent;
}
#main.mac-common-design :is(.mac-doc-topic-grid, .mac-product-grid, .mac-boot-camp-decision-grid, .mac-boot-camp-diagnostic-grid) > article {
  min-width: 0; min-height: 0; padding: 28px var(--mac-common-inset); border: 0;
  border-bottom: 1px solid var(--gunet-color-divider); background: transparent;
}
#main.mac-common-design :is(.mac-doc-topic-grid, .mac-product-grid, .mac-boot-camp-decision-grid, .mac-boot-camp-diagnostic-grid) > article > :is(h3, h4) {
  font-size: var(--gunet-type-laptop-sales-paragraph-title-size); line-height: 1.45; word-break: keep-all; overflow-wrap: anywhere;
}
#main.mac-common-design :is(.mac-doc-topic-grid, .mac-product-grid, .mac-boot-camp-decision-grid, .mac-boot-camp-diagnostic-grid) > article > p {
  color: var(--gunet-color-text-secondary); font-size: 1rem; line-height: 1.8;
}
#main.mac-common-design .mac-doc-timeline { border-left: 0; padding-left: 0; }
#main.mac-common-design .mac-doc-timeline > li { padding-inline: var(--mac-common-inset); }
#main.mac-common-design .mac-doc-table-wrap + :is(p, div, aside, h3) { margin-top: 32px; }
#main.mac-common-design .mac-section-dark :is(.mac-doc-topic-grid, .mac-product-grid, .mac-boot-camp-decision-grid, .mac-boot-camp-diagnostic-grid) { border-top-color: #47627e; }
#main.mac-common-design .mac-section-dark :is(.mac-doc-prose, .mac-doc-topic-grid, .mac-product-grid) :is(p, li) { color: #bfd0e1; }
#main.mac-common-design .mac-section-dark :is(.mac-doc-topic-grid, .mac-product-grid) :is(h3, h4) { color: #fff; }
#main.mac-common-design .mac-silicon-parts article:nth-child(even) { border-left: 0; }
#main.mac-common-design .mac-silicon-parts article { padding-inline: var(--mac-common-inset); }
#main.mac-common-design .mac-section-dark .mac-doc-notice { border-color: #47627e; }
#main.mac-common-design .mac-section-dark .mac-doc-notice strong { background: #fff; color: #0d243f; }
#main.mac-common-design .mac-content-section:not(#faq) { padding-block: 48px; }
#main.mac-common-design .mac-content-section:not(#faq).mac-section-dark > header { border-bottom-color: #47627e; }
#main.mac-common-design .mac-content-section:not(#faq).mac-section-dark > header > p:last-child { color: #bfd0e1; }
#main.mac-common-design .mac-content-section:not(#faq) > .mac-hardware-heading aside { border: 0; padding: 0; }
#main.mac-common-design .mac-content-section:not(#faq) .mac-hardware-spec > article { padding: 32px var(--mac-common-inset); }
#main.mac-common-design .mac-content-section:not(#faq) :is(.mac-platform-compare, .mac-legacy-environment, .mac-powerpc-data-registry, .mac-powerpc-family-registry) { border-inline: 0; }
#main.mac-common-design .mac-content-section:not(#faq) :is(.mac-platform-compare, .mac-legacy-environment, .mac-powerpc-data-registry, .mac-powerpc-family-registry) > article { border-inline: 0; padding-inline: var(--mac-common-inset); }
#main.mac-common-design #windows .mac-windows-overview > article { border-inline: 0; padding-inline: var(--mac-common-inset); }

/* One semantic table; row labels preserve every column on narrow screens. */
#main.mac-common-design .mac-doc-table-wrap { border: 0; }
#main.mac-common-design .mac-common-table { min-width: 0; width: 100%; border: 0; table-layout: auto; }
#main.mac-common-design .mac-common-table :is(th, td) { width: auto; padding: 20px var(--mac-common-inset); border: 0; border-bottom: 1px solid var(--gunet-color-divider); vertical-align: top; }
#main.mac-common-design .mac-common-table .mac-row-number { width: 64px; padding-inline: 20px; font-size: .7rem; font-weight: 850; color: #0066e8; white-space: nowrap; }
#main.mac-common-design .mac-common-table thead .mac-row-number { color: #fff; }
#main.mac-common-design .mac-mobile-cell-label { display: none; }
#main.mac-common-design .mac-table-cell-copy { line-height: 1.8; overflow-wrap: anywhere; }
#main.mac-common-design .mac-common-table tbody th { color: var(--gunet-color-text-primary); }
#main.mac-common-design .mac-section-dark .mac-common-table tbody th { color: #fff; }
@media (max-width: 900px) {
  #main.mac-common-design { --mac-common-inset: 16px; --mac-doc-content-inset: 12px; --mac-doc-row-inset: 16px; }
  #main.mac-common-design .hdd-intro { padding-block: 44px; }
  #main.mac-common-design .mac-content-section:not(#faq) > :is(.mac-doc-heading, .mac-hardware-heading) h2 { font-size: var(--gunet-type-major-section-title-landing-mobile-size); }
  #main.mac-common-design :is(.mac-doc-topic-grid, .mac-product-grid, .mac-boot-camp-decision-grid, .mac-boot-camp-diagnostic-grid) { grid-template-columns: minmax(0, 1fr); }
  #main.mac-common-design .mac-doc-timeline > li { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  #main.mac-common-design .mac-common-table { display: block; }
  #main.mac-common-design .mac-common-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  #main.mac-common-design .mac-common-table tbody { display: block; }
  #main.mac-common-design .mac-common-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 24px var(--mac-common-inset); border-top: 1px solid var(--gunet-color-divider); }
  #main.mac-common-design .mac-common-table tbody tr:first-child { border-top: 2px solid #0d1b2d; }
  #main.mac-common-design .mac-common-table tbody :is(th, td) { display: block; width: auto; padding: 0; border: 0; }
  #main.mac-common-design .mac-common-table tbody .mac-row-number { padding: 0; }
  #main.mac-common-design .mac-mobile-cell-label { display: block; margin-bottom: 4px; color: var(--gunet-color-text-secondary); font-size: .8rem; font-weight: 700; }
  #main.mac-common-design .mac-common-table tbody th .mac-table-cell-copy { font-size: 1.15rem; }
}

/* Inner content follows the same heading frame -> inset list -> inset copy
   relationship as the common service pages, including model-specific blocks. */
#main.mac-common-design .mac-content-section:not(#faq) > :is(div, ol, ul, aside) { margin-inline: var(--mac-doc-content-inset); }
#main.mac-common-design .mac-content-section:not(#faq) > div[data-gsap-row] > :is(.mac-boot-camp-registry, .mac-doc-timeline, .mac-boot-camp-decision-grid, .mac-boot-camp-diagnostic-grid, .mac-doc-checklist, .mac-doc-topic-grid, .mac-hardware-spec, .mac-model-registry) { margin-inline: 0; }
#main.mac-common-design .mac-content-section:not(#faq) h3 { font-size: var(--gunet-type-laptop-sales-paragraph-title-size); line-height: 1.45; }
#main.mac-common-design .mac-content-section:not(#faq) h4 { font-size: 1.15rem; line-height: 1.5; }
#main.mac-common-design .mac-content-section:not(#faq) :is(article, li) > p,
#main.mac-common-design .mac-content-section:not(#faq) :is(.mac-windows-details, .mac-migration-check-groups) p { font-size: 1rem; line-height: 1.8; }
#main.mac-common-design :is(.mac-doc-timeline, .mac-boot-camp-registry, .mac-migration-registry) { border-top: 2px solid #0d1b2d; }
#main.mac-common-design .mac-content-section:not(#faq) :is(.mac-doc-timeline > li, .mac-boot-camp-registry > article, .mac-migration-registry > article) { padding: 28px var(--mac-common-inset); border-bottom: 1px solid var(--gunet-color-divider); }
#main.mac-common-design .mac-content-section:not(#faq) .mac-doc-timeline h3 { margin: 0 0 12px; }
#main.mac-common-design .mac-content-section:not(#faq) .mac-section-dark :is(p, li) { color: #bfd0e1; }
#main.mac-common-design .mac-content-section:not(#faq) :is(.mac-external-display-summary > div, .mac-windows-overview > article) { padding-inline: var(--mac-common-inset); border-inline: 0; }
#main.mac-common-design .mac-content-section:not(#faq) :is(.mac-external-display-summary span, .mac-windows-details li, .mac-migration-process li, .mac-migration-process article > p) { font-size: 1rem; line-height: 1.75; }
#main.mac-common-design .mac-content-section:not(#faq) :is(.mac-external-display-summary small, .mac-external-display-columns, .mac-registry-provenance dt) { font-size: .75rem; }
#main.mac-common-design .mac-content-section:not(#faq) :is(.mac-external-display-ports, .mac-external-display-platform > header > span, .mac-registry-provenance dd) { font-size: 1rem; line-height: 1.65; }
#main.mac-common-design .mac-content-section:not(#faq) :is(.mac-external-display-model > small, .mac-external-display-ports small, .mac-registry-provenance > span) { font-size: .8rem; line-height: 1.6; }

/* Platform subheadings and OS rows use horizontal numbered records. */
#main.mac-common-design .macos-support-columns { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; }
#main.mac-common-design .macos-support-columns > section > h3 { margin: 0; padding: 28px var(--mac-common-inset); border-top: 2px solid #0d1b2d; border-bottom: 1px solid var(--gunet-color-divider); }
#main.mac-common-design .macos-support-timeline { counter-reset: mac-os-row; }
#main.mac-common-design .macos-support-timeline::before,
#main.mac-common-design .macos-support-timeline li > i,
#main.mac-common-design .macos-timeline-device::after,
#main.mac-common-design .macos-timeline-os::before { display: none; }
#main.mac-common-design .macos-support-timeline > li { counter-increment: mac-os-row; display: grid; grid-template-columns: 44px minmax(0, 1.2fr) minmax(0, .8fr); gap: 32px; min-height: 0; padding: 28px var(--mac-common-inset); border-bottom: 1px solid var(--gunet-color-divider); }
#main.mac-common-design .macos-support-timeline > li::before { content: counter(mac-os-row, decimal-leading-zero); position: static; width: auto; height: auto; background: none; color: #0066e8; font-size: .7rem; font-weight: 850; line-height: 1.8; }
#main.mac-common-design :is(.macos-timeline-device, .macos-timeline-os) { grid-column: auto; grid-row: auto; justify-self: stretch; min-width: 0; padding: 0; text-align: left; }
#main.mac-common-design .macos-timeline-device strong { justify-self: start; max-width: none; font-size: var(--gunet-type-laptop-sales-paragraph-title-size); line-height: 1.45; text-wrap: wrap; }
#main.mac-common-design :is(.macos-timeline-device span, .macos-timeline-os span, .macos-timeline-os strong) { font-size: 1rem; line-height: 1.75; }
#main.mac-common-design .macos-timeline-device .macos-timeline-label { font-size: .75rem; line-height: 1.6; color: #526b85; }
#main.mac-common-design .macos-timeline-device small { font-size: .875rem; }

/* Model finder and expandable records share type sizes and frame insets. */
#main.mac-common-design .mac-model-registry > section > header { padding: 28px var(--mac-common-inset) 20px; grid-template-columns: 140px minmax(0, 1fr) auto; }
#main.mac-common-design .mac-model-registry > section > header > span { font-size: 1rem; line-height: 1.75; }
#main.mac-common-design .mac-model-registry .mac-model-finder { grid-template-columns: 140px minmax(0, 1fr); padding-inline: var(--mac-common-inset); }
#main.mac-common-design .mac-model-registry .mac-model-finder :is(label, input) { font-size: 1rem; }
#main.mac-common-design .mac-model-registry .mac-model-finder > p { font-size: .875rem; line-height: 1.65; }
#main.mac-common-design .mac-model-registry .mac-intel-model-list { counter-reset: mac-model-row; border-top: 2px solid #0d1b2d; }
#main.mac-common-design .mac-model-registry .mac-intel-model-row { counter-increment: mac-model-row; grid-template-columns: 44px minmax(0, 1.1fr) minmax(0, .8fr) minmax(0, 1fr); gap: 24px 32px; padding: 28px var(--mac-common-inset); }
#main.mac-common-design .mac-model-registry .mac-intel-model-row::before { content: counter(mac-model-row, decimal-leading-zero); color: #0066e8; font-size: .7rem; font-weight: 850; line-height: 1.8; }
#main.mac-common-design .mac-content-section:not(#faq) .mac-model-registry .mac-intel-model-row header > :is(h3, h4) { margin: 0; font-size: var(--gunet-type-laptop-sales-paragraph-title-size); line-height: 1.45; color: #0d243f; }
#main.mac-common-design .mac-model-registry .mac-intel-model-row header > p { font-size: 1rem; line-height: 1.7; }
#main.mac-common-design .mac-model-registry :is(.mac-model-identifiers span, .mac-model-component small) { font-size: .75rem; line-height: 1.6; letter-spacing: .04em; color: #526b85; }
#main.mac-common-design .mac-model-registry .mac-model-identifiers { grid-template-columns: minmax(0, 1fr); gap: 4px; }
#main.mac-common-design .mac-model-registry .mac-model-identifiers strong { font-size: .875rem; margin-bottom: 8px; overflow-wrap: anywhere; }
#main.mac-common-design .mac-model-registry :is(.mac-model-component > strong, .mac-model-component > b, dd) { font-size: 1rem; line-height: 1.65; overflow-wrap: anywhere; }
#main.mac-common-design .mac-model-registry dt { font-size: .8rem; line-height: 1.6; color: #526b85; }
#main.mac-common-design .mac-model-registry .mac-intel-model-row details { grid-column: 2 / -1; margin-top: 0; }
#main.mac-common-design .mac-model-registry summary { max-width: 100%; font-size: .875rem; line-height: 1.65; }
#main.mac-common-design .mac-model-registry :is(.mac-technical-detail-group, .mac-silicon-detail-group) > :is(h4, h5) { margin: 0 0 14px; font-size: 1rem; font-weight: 800; line-height: 1.5; color: #0d243f; }
#main.mac-common-design .mac-model-registry .mac-intel-model-row details dl div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
/* Model identity and component summaries share the row below title/year. */
@media (min-width: 901px) {
  #main.mac-common-design .mac-model-registry .mac-intel-model-row { row-gap: 12px; }
  #main.mac-common-design .mac-model-registry .mac-intel-model-row::before { grid-column: 1; grid-row: 1; }
  #main.mac-common-design .mac-model-registry .mac-intel-model-row > header { display: contents; }
  #main.mac-common-design .mac-model-registry .mac-intel-model-row > header > :is(h3, h4) { grid-column: 2 / -1; grid-row: 1; }
  #main.mac-common-design .mac-model-registry .mac-intel-model-row > header > p { grid-column: 2 / -1; grid-row: 2; margin: 0; }
  #main.mac-common-design .mac-model-registry .mac-intel-model-row .mac-model-identifiers { grid-column: 2; grid-row: 3; }
  #main.mac-common-design .mac-model-registry .mac-intel-model-row > .mac-model-component { grid-column: 3; grid-row: 3; }
  #main.mac-common-design .mac-model-registry .mac-intel-model-row > .mac-model-component ~ .mac-model-component { grid-column: 4; }
  #main.mac-common-design .mac-model-registry .mac-intel-model-row > details { grid-row: 4; margin-top: 12px; }
}
#main.mac-common-design .mac-external-display-doc.is-connection-table .mac-external-display-platform { margin-inline: 0; }
#main.mac-common-design .mac-external-display-platform > header { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto; gap: 16px; }
#main.mac-common-design .mac-external-display-platform > header > span { white-space: normal; }
#main.mac-common-design .mac-external-display-platform > header .mac-external-display-jump { margin: 0; }
#main.mac-common-design :is(.mac-external-display-year, .mac-external-display-screen, .mac-external-display-processor, .mac-external-display-maximum, .mac-external-display-condition) { font-size: 1rem; line-height: 1.6; }
#main.mac-common-design :is(.mac-external-display-detail-link, .mac-external-display-processor small) { font-size: .875rem; }
#main.mac-common-design .mac-content-section:not(#faq) :is(.mac-windows-overview > article > p, .mac-windows-details > article > p) { font-size: .75rem; }
#main.mac-common-design .mac-content-section:not(#faq) :is(.mac-windows-platform, .mac-windows-overview dd, .mac-windows-os-list, .mac-windows-transition-note) { font-size: 1rem; line-height: 1.75; }
#main.mac-common-design .mac-migration-registry { counter-reset: mac-migration-row; }
#main.mac-common-design .mac-content-section:not(#faq) .mac-migration-registry > article { counter-increment: mac-migration-row; grid-template-columns: 44px minmax(180px, .8fr) minmax(0, 2fr); gap: 32px; }
#main.mac-common-design .mac-migration-registry > article::before { content: counter(mac-migration-row, decimal-leading-zero); color: #0066e8; font-size: .7rem; font-weight: 850; line-height: 1.8; }
#main.mac-common-design :is(.mac-product-grid, .mac-doc-topic-grid) { counter-reset: mac-card; }
#main.mac-common-design :is(.mac-product-grid, .mac-doc-topic-grid) > article { counter-increment: mac-card; }
#main.mac-common-design :is(.mac-product-grid, .mac-doc-topic-grid) > article:not(:has(> span))::before { display: block; margin-bottom: 18px; content: counter(mac-card, decimal-leading-zero); color: #0066e8; font-size: .7rem; font-weight: 850; }
#main.mac-common-design .mac-external-display-list { counter-reset: mac-display-row; }
#main.mac-common-design :is(.mac-external-display-columns, .mac-external-display-list > article) { grid-template-columns: 32px minmax(160px, 1.5fr) minmax(60px, .5fr) minmax(90px, 1fr) minmax(70px, .65fr) minmax(70px, .65fr) 64px; }
#main.mac-common-design .mac-external-display-columns::before { content: '번호'; }
#main.mac-common-design .mac-external-display-list > article { counter-increment: mac-display-row; padding: 28px var(--mac-common-inset); }
#main.mac-common-design .mac-external-display-list > article::before { content: counter(mac-display-row, decimal-leading-zero); color: #0066e8; font-size: .7rem; font-weight: 850; }
#main.mac-common-design .mac-content-section:not(#faq) .mac-external-display-model > strong { font-size: var(--gunet-type-laptop-sales-paragraph-title-size); line-height: 1.45; }

@media (max-width: 1100px) {
  #main.mac-common-design .mac-external-display-columns { display: none; }
  #main.mac-common-design .mac-external-display-list > article { grid-template-columns: 28px minmax(0, 1fr); grid-template-areas: none; gap: 16px; align-items: start; }
  #main.mac-common-design .mac-external-display-list > article > * { grid-area: auto; grid-column: 2; justify-self: stretch; min-width: 0; overflow-wrap: anywhere; }
  #main.mac-common-design .mac-external-display-list > article > :is(.mac-external-display-screen, .mac-external-display-ports, .mac-external-display-maximum, .mac-external-display-condition)::before { display: block; font-size: .75rem; font-weight: 700; color: #526b85; }
  #main.mac-common-design .mac-external-display-screen::before { content: '화면'; }
  #main.mac-common-design .mac-external-display-ports::before { content: '연결 포트'; }
  #main.mac-common-design .mac-external-display-maximum::before { content: '최대 연결 수'; }
  #main.mac-common-design .mac-external-display-condition::before { content: '조건'; }
}

@media (max-width: 900px) {
  #main.mac-common-design .macos-support-timeline > li { grid-template-columns: 28px minmax(0, 1fr); gap: 16px; }
  #main.mac-common-design .macos-timeline-os { grid-column: 2; }
  #main.mac-common-design .mac-model-registry .mac-intel-model-row { grid-template-columns: 28px minmax(0, 1fr); gap: 20px 16px; }
  #main.mac-common-design .mac-model-registry .mac-intel-model-row > :is(.mac-model-component, details) { grid-column: 2; }
  #main.mac-common-design .mac-model-registry > section > header,
  #main.mac-common-design .mac-model-registry .mac-model-finder { grid-template-columns: minmax(0, 1fr); }
  #main.mac-common-design .mac-model-registry > section > header > span,
  #main.mac-common-design .mac-model-registry .mac-model-finder > p { grid-column: 1; }
  #main.mac-common-design .mac-external-display-platform > header { grid-template-columns: minmax(0, 1fr); }
  #main.mac-common-design .mac-content-section:not(#faq) .mac-migration-registry > article { grid-template-columns: 28px minmax(0, 1fr); gap: 16px; }
  #main.mac-common-design .mac-migration-registry > article > p { grid-column: 2; }
}

/* Retained renderers must also provide the second, inset content rule.
   These are the components whose old CSS removed that rule entirely. */
#main.mac-common-design .mac-content-section {
  --mac-frame-color: #0d1b2d;
}
#main.mac-common-design .mac-content-section.mac-section-dark {
  --mac-frame-color: #47627e;
}
#main.mac-common-design .mac-content-section:not(#faq) > header {
  border-bottom: 3px solid var(--mac-frame-color);
}
/* Legacy installation rules force a white border with !important. */
#main.mac-common-design .mac-content-section.mac-section-dark:not(#faq) > header {
  border-bottom-color: var(--mac-frame-color) !important;
}
#main.mac-common-design .mac-content-section :is(.mac-hardware-spec, .mac-boot-camp-install-flow, .mac-model-registry, .mac-product-summary, .mac-external-display-summary, .mac-windows-overview),
#main.mac-common-design .mac-content-section > :is(.mac-doc-prose, .mac-doc-table-wrap),
#main.mac-common-design #service-directory.mac-content-section > .service-hub-map {
  border-top: 2px solid var(--mac-frame-color);
}
#main.mac-common-design .mac-content-section > .mac-doc-prose { padding-top: 28px; }
#main.mac-common-design #service-directory.mac-content-section > header { margin-bottom: 32px; }
#main.mac-common-design .mac-content-section .mac-hardware-spec {
  display: grid; gap: 0; grid-template-columns: minmax(0, 1fr);
  counter-reset: mac-hardware-row;
}
#main.mac-common-design .mac-content-section .mac-hardware-spec > article {
  display: grid; grid-template-columns: 44px minmax(180px, .8fr) minmax(0, 2fr);
  grid-template-rows: 20px auto auto;
  gap: 12px 32px; align-items: start; counter-increment: mac-hardware-row;
  border-bottom: 1px solid var(--gunet-color-divider);
}
#main.mac-common-design .mac-content-section .mac-hardware-spec > article::before {
  content: counter(mac-hardware-row, decimal-leading-zero);
  grid-column: 1; grid-row: 1 / 4;
  color: #69adff; font-size: .7rem; font-weight: 850; line-height: 1.8;
}
#main.mac-common-design .mac-content-section .mac-hardware-spec > article > span {
  grid-column: 2; grid-row: 1; padding: 0; font-size: .7rem; line-height: 1.8;
}
#main.mac-common-design .mac-content-section .mac-hardware-spec > article > h3 {
  grid-column: 2; grid-row: 2; margin: 0;
}
#main.mac-common-design .mac-content-section .mac-hardware-spec > article > .mac-hardware-evolution {
  grid-column: 3; grid-row: 1 / 3;
}
#main.mac-common-design .mac-content-section .mac-hardware-spec > article > p {
  grid-column: 3; grid-row: 3; max-width: none; margin: 8px 0 0;
  padding-inline: var(--mac-common-inset);
}

/* Keep chronology and phase labels, but remove the old central axis and
   alternating right alignment from both hardware and service procedures. */
#main.mac-common-design .mac-content-section .mac-hardware-evolution {
  max-width: none; margin: 0; padding: 0; list-style: none;
}
#main.mac-common-design .mac-content-section .mac-hardware-evolution::before,
#main.mac-common-design .mac-content-section .mac-hardware-evolution li::before,
#main.mac-common-design .mac-content-section .mac-hardware-evolution li::after,
#main.mac-common-design .mac-content-section .mac-hardware-evolution li > div::after { display: none; }
#main.mac-common-design .mac-content-section .mac-hardware-evolution li:nth-child(n) {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px;
  min-height: 0; margin: 0; padding: 16px 0;
  border-bottom: 1px solid var(--gunet-color-divider); text-align: left;
}
#main.mac-common-design .mac-content-section .mac-hardware-evolution li:nth-child(n) > :is(span, small, div) {
  position: static; width: auto; min-width: 0; max-width: none; margin: 0; padding: 0;
  align-self: stretch; align-items: flex-start; text-align: left;
}
#main.mac-common-design .mac-content-section .mac-hardware-evolution li:nth-child(n) > small {
  font-size: .75rem; line-height: 1.6;
}
#main.mac-common-design .mac-content-section .mac-hardware-evolution li:nth-child(n) > span {
  font-size: .875rem; line-height: 1.6;
}
#main.mac-common-design .mac-content-section .mac-hardware-evolution li:nth-child(n) > div > :is(b, p) {
  align-self: stretch; text-align: left;
}
#main.mac-common-design .mac-content-section .mac-boot-camp-install-layout { display: block; }
#main.mac-common-design .mac-content-section .mac-boot-camp-install-flow {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0;
}
#main.mac-common-design .mac-content-section .mac-boot-camp-install-flow li:nth-child(n) {
  align-content: start; gap: 18px; padding: 28px var(--mac-common-inset);
}
#main.mac-common-design .mac-content-section .mac-boot-camp-install-flow li:nth-child(n) > span {
  display: flex; gap: 12px; flex-wrap: wrap; align-items: center; min-height: 18px;
}
#main.mac-common-design .mac-content-section .mac-boot-camp-install-flow li:nth-child(n) > span > em {
  font-style: normal; font-size: .7rem; font-weight: 850; line-height: 1.6;
}
#main.mac-common-design .mac-content-section .mac-boot-camp-install-flow li:nth-child(n) .mac-boot-camp-install-phase {
  position: static; width: auto; text-align: left; font-size: .7rem; line-height: 1.6;
}
#main.mac-common-design .mac-content-section .mac-boot-camp-install-flow li:nth-child(n) > div > b {
  font-size: var(--gunet-type-laptop-sales-paragraph-title-size); line-height: 1.45; font-weight: 800;
}
#main.mac-common-design .mac-content-section .mac-boot-camp-install-flow li:nth-child(n) > div > p {
  margin: 12px 0 0; font-size: 1rem; line-height: 1.8;
}
/* Hardware records compare a generation/date with its specification. */
#main.mac-common-design .mac-content-section .mac-hardware-spec .mac-hardware-evolution li:nth-child(n) {
  grid-template-columns: minmax(120px, .7fr) minmax(0, 1.5fr); gap: 4px 24px;
  padding-inline: var(--mac-common-inset);
}
#main.mac-common-design .mac-content-section .mac-hardware-spec .mac-hardware-evolution li:first-child { padding-top: 0; }
#main.mac-common-design .mac-content-section .mac-hardware-spec .mac-hardware-evolution li > :is(small, span) { grid-column: 1; }
#main.mac-common-design .mac-content-section .mac-hardware-spec .mac-hardware-evolution li > div { grid-column: 2; grid-row: 1 / 3; }
@media (max-width: 900px) {
  #main.mac-common-design .mac-content-section :is(.mac-hardware-spec, .mac-boot-camp-install-flow) {
    grid-template-columns: minmax(0, 1fr);
  }
  #main.mac-common-design .mac-content-section > .mac-doc-table-wrap .mac-common-table tbody tr:first-child {
    border-top: 0;
  }
  #main.mac-common-design .mac-content-section .mac-hardware-spec > article {
    grid-template-columns: 28px minmax(0, 1fr); grid-template-rows: auto; gap: 12px 16px;
  }
  #main.mac-common-design .mac-content-section .mac-hardware-spec > article > .mac-hardware-evolution {
    grid-column: 2; grid-row: 3; margin-top: 8px;
  }
  #main.mac-common-design .mac-content-section .mac-hardware-spec > article > p { grid-column: 2; grid-row: 4; }
  #main.mac-common-design .mac-content-section .mac-hardware-spec .mac-hardware-evolution li:nth-child(n) {
    grid-template-columns: minmax(0, 1fr);
  }
  #main.mac-common-design .mac-content-section .mac-hardware-spec .mac-hardware-evolution li > div {
    grid-column: 1; grid-row: auto;
  }
}