:root {
  --studio-bg: #242424;
  --studio-surface: #2b2b2b;
  --studio-surface-2: #3a3a3a;
  --studio-text: #e8e8e8;
  --studio-muted: #c9c9c9;
  --studio-line: #3a3a3a;
  --studio-accent: var(--accent);
  --studio-accent-hover: var(--accent-dark);
}

:root[data-theme="light"] {
  --studio-bg: #f5f5f5;
  --studio-surface: #ffffff;
  --studio-surface-2: #e8e8e8;
  --studio-text: #181818;
  --studio-muted: #555555;
  --studio-line: #d1d1d1;
}

.refreshed-site { background: var(--studio-bg); color: var(--studio-text); }
.refreshed-site main img { height: auto; }
.refreshed-site .page-width { width: min(1340px, calc(100% - 80px)); }
.refreshed-site .site-header { min-height: 78px; padding-inline: max(40px, calc((100vw - 1340px) / 2)); border-bottom: 1px solid var(--studio-line); background: rgba(36,36,36,.96); }
.refreshed-site[data-theme="light"] .site-header, html[data-theme="light"] .refreshed-site .site-header { background: rgba(245,245,245,.97); }
.refreshed-site .brand-name { color: var(--studio-text); }
.refreshed-site .primary-nav { gap: 27px; }
.refreshed-site .primary-nav a { color: var(--studio-muted); }
.refreshed-site .primary-nav a:hover, .refreshed-site .primary-nav a[aria-current="page"] { color: var(--studio-text); }
.refreshed-site .primary-nav a::after { background: var(--studio-accent); }
.refreshed-site .primary-nav .series-nav-link { border-color: rgba(232,125,13,.42); background: rgba(232,125,13,.09); color: var(--studio-text); }
.refreshed-site .primary-nav .series-nav-link:hover { border-color: var(--studio-accent); background: rgba(232,125,13,.17); }
.refreshed-site .site-footer { margin-top: 24px; border-top: 1px solid var(--studio-line); }
.refreshed-site .footer-inner { min-height: 100px; flex-wrap: wrap; }
.refreshed-site .footer-doc-link { color: var(--studio-muted); }
.refreshed-site .footer-doc-link:hover { color: var(--studio-accent); }
.refreshed-site h1, .refreshed-site h2, .refreshed-site h3 { font-family: var(--sans); letter-spacing: -.055em; }
.refreshed-site h1 em { color: var(--studio-accent); font-style: normal; }
.studio-hero { display: grid; grid-template-columns: minmax(310px, .68fr) minmax(0, 1.32fr); gap: clamp(32px, 5vw, 80px); align-items: center; padding-block: 82px 96px; }
.studio-hero-copy { min-width: 0; }
.studio-hero h1 { margin: 0 0 23px; font-size: var(--type-display-title); line-height: 1.09; font-weight: 760; }
.studio-lead { max-width: 550px; margin: 0; color: var(--studio-muted); font-size: var(--type-lead); line-height: 1.85; }
.studio-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 35px; }
.refreshed-site .button-primary { min-height: 49px; border-color: var(--studio-accent); border-radius: 0; background: var(--studio-accent); box-shadow: none; color: #281608; font-family: var(--sans); font-weight: 740; }
.refreshed-site .button-primary:hover { border-color: var(--studio-accent-hover); background: var(--studio-accent-hover); box-shadow: 0 8px 28px rgba(232,125,13,.2); }
.studio-quiet-link, .studio-all-link { color: var(--studio-text); font-size: var(--type-body); font-weight: 650; }
.studio-quiet-link:hover, .studio-all-link:hover { color: var(--studio-accent); }
.studio-hero-frame { min-width: 0; margin: 0; padding: 8px; border: 1px solid #3a3a3a; border-radius: 0; background: linear-gradient(145deg, #3a3a3a, #303030 50%, #242424); box-shadow: 0 30px 70px rgba(0,0,0,.25); }
.studio-hero-frame img { width: 100%; border-radius: 0; }
.studio-promo-visual { position: relative; isolation: isolate; overflow: hidden; }
.studio-hero-frame .studio-promo-visual { border-radius: 0; }
.studio-frame-caption { display: flex; justify-content: flex-end; gap: 15px; padding: 14px 15px 8px; color: var(--studio-text); }
.studio-frame-caption .studio-device-switch { padding: 2px; }
.studio-frame-caption .studio-device-switch button { min-height: 36px; padding-inline: 14px; font-size: var(--type-small); }

.studio-workflow { padding-block: 66px 112px; }
.studio-section-head { max-width: 690px; }
.studio-section-head h2 { margin: 0 0 15px; font-size: var(--type-section-title); line-height: 1.13; }
.studio-section-head > p:last-child, .studio-section-head-inline > p { max-width: 620px; margin: 0; color: var(--studio-muted); font-size: var(--type-lead); line-height: 1.8; }
.studio-workflow-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 42px; }
.studio-preview-card { min-width: 0; overflow: hidden; border: 1px solid var(--studio-line); border-radius: 0; background: var(--studio-surface); transition: transform .25s ease, border-color .25s ease; }
.studio-preview-card:hover { transform: translateY(-5px); border-color: var(--studio-accent); }
.studio-preview-card img { width: 100%; aspect-ratio: 1.5; object-fit: cover; }
.studio-preview-card > div:not(.studio-promo-visual) { position: relative; min-height: 125px; padding: 25px 30px 29px; }
.studio-preview-card h3 { margin: 0 0 5px; font-size: var(--type-small-heading); }
.studio-preview-card p { margin: 0; color: var(--studio-muted); font-size: var(--type-small); line-height: 1.7; }
.studio-all-link { display: inline-flex; gap: 13px; margin-top: 30px; padding-bottom: 6px; border-bottom: 1px solid var(--studio-accent); }

.studio-update-band { padding-block: 106px 112px; background: radial-gradient(circle at 92% 10%, rgba(232,125,13,.14), transparent 35%), #242424; border-block: 1px solid var(--studio-line); }
.studio-section-head-inline { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 60px; }
.studio-section-head-inline h2 { margin-bottom: 0; }
.studio-section-head-inline > p { max-width: 420px; padding-bottom: 3px; }
.studio-update-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 52px; }
.studio-update-grid article { min-width: 0; min-height: 220px; padding: 29px 25px; border: 1px solid var(--studio-line); border-radius: var(--radius-card); background: #2b2b2b; }
.studio-update-grid h3 { margin: 0 0 10px; font-size: var(--type-card-title); }
.studio-update-grid p { margin: 0; color: var(--studio-muted); font-size: var(--type-small); line-height: 1.8; }
html[data-theme="light"] .studio-hero-frame { border-color: #d1d1d1; background: linear-gradient(145deg, #e8e8e8, #ffffff 52%, #f5f5f5); box-shadow: 0 24px 60px rgba(24,24,24,.12); }
html[data-theme="light"] .studio-update-band { background: radial-gradient(circle at 92% 10%, rgba(232,125,13,.12), transparent 36%), #e8e8e8; }
html[data-theme="light"] .studio-update-grid article { background: #ffffff; }
html[data-theme="light"] .release-note { border-color: #d1d1d1; background: #e8e8e8; }
.studio-journey { display: grid; grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr); gap: 6%; align-items: center; padding-block: 114px; }
.studio-journey h2 { margin: 0 0 15px; font-size: var(--type-section-title); line-height: 1.13; }
.studio-journey p { color: var(--studio-muted); font-size: var(--type-lead); line-height: 1.85; }
.studio-journey .studio-promo-visual { border: 1px solid var(--studio-line); border-radius: 0; }
.studio-journey img { width: 100%; }
.studio-journey-links { display: grid; justify-items: start; gap: 18px; margin-top: 30px; }
.studio-journey-links a { color: var(--studio-accent); font-size: var(--type-body); font-weight: 650; }
.studio-journey-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
.studio-series { display: flex; align-items: end; justify-content: space-between; gap: 40px; padding-block: 47px; border-block: 1px solid var(--studio-line); }
.studio-series h2 { margin: 0 0 11px; font-size: var(--type-section-title); }
.studio-series p { max-width: 840px; margin: 0; color: var(--studio-muted); font-size: var(--type-body); line-height: 1.8; }
.studio-series > a { flex: none; padding-bottom: 8px; border-bottom: 1px solid var(--studio-accent); color: var(--studio-accent); font-size: var(--type-body); }
.studio-resource-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; padding-block: 50px 78px; }
.studio-resource-links a { display: grid; gap: 15px; padding: 25px; border: 1px solid var(--studio-line); border-radius: 0; transition: border-color .2s ease, background .2s ease; }
.studio-resource-links a:hover { border-color: var(--studio-accent); background: var(--studio-surface); }
.studio-resource-links strong { color: var(--studio-text); font-size: var(--type-card-title); font-weight: 680; }

.studio-feature-hero { padding-block: 85px 75px; }
.studio-feature-hero h1 { max-width: 1000px; margin: 0 0 20px; font-size: var(--type-page-title); line-height: 1.09; }
.studio-feature-hero > p { max-width: 710px; margin: 0; color: var(--studio-muted); font-size: var(--type-lead); line-height: 1.8; }
.studio-gallery { padding-bottom: 80px; }
.studio-gallery-head { display: flex; align-items: end; justify-content: space-between; gap: 25px; padding-top: 33px; border-top: 1px solid var(--studio-line); }
.studio-gallery-head h2 { max-width: 800px; margin: 0; font-size: var(--type-section-title); line-height: 1.2; }
.studio-device-switch { display: inline-flex; flex: none; gap: 3px; padding: 4px; border: 1px solid var(--studio-line); border-radius: 0; background: var(--studio-surface); }
.studio-device-switch button { min-height: 40px; padding: 0 15px; border: 0; border-radius: 0; background: transparent; color: var(--studio-muted); cursor: pointer; font-size: var(--type-small); }
.studio-device-switch button[aria-pressed="true"] { background: var(--studio-accent); color: #281608; font-weight: 750; }
.studio-device-switch button:focus-visible { outline: 2px solid var(--studio-accent-hover); outline-offset: 2px; }
.studio-shot-list { display: grid; gap: 36px; margin-top: 32px; }
.studio-shot { display: grid; grid-template-columns: .63fr 1.37fr; gap: 5%; align-items: center; min-width: 0; padding: 34px; border: 1px solid var(--studio-line); border-radius: 0; background: var(--studio-surface); scroll-margin-top: 30px; }
.studio-shot-reverse { grid-template-columns: 1.37fr .63fr; }
.studio-shot-reverse .studio-shot-copy { order: 2; }
.studio-shot img { width: 100%; border-radius: 0; }
.studio-shot .studio-promo-visual { min-width: 0; border-radius: 0; }
.studio-shot h3 { margin: 0 0 17px; font-size: var(--type-section-title); line-height: 1.2; }
.studio-shot p { margin: 0; color: var(--studio-muted); font-size: var(--type-body); line-height: 1.9; }
.studio-shot a { display: inline-block; margin-top: 29px; color: var(--studio-accent); font-size: var(--type-small); }
.studio-shot a:hover { text-decoration: underline; text-underline-offset: 4px; }
.studio-utility { display: grid; grid-template-columns: .65fr 1.35fr; gap: 8%; padding-block: 82px 106px; border-top: 1px solid var(--studio-line); scroll-margin-top: 30px; }
.studio-utility-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.studio-utility-grid article { padding: 27px; border: 1px solid var(--studio-line); border-radius: 0; background: var(--studio-surface); }
.studio-utility-grid h3 { margin: 0 0 10px; font-size: var(--type-small-heading); }
.studio-utility-grid p { margin: 0; color: var(--studio-muted); font-size: var(--type-small); line-height: 1.85; }
.studio-feature-foot { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding: 40px 0 90px; border-top: 1px solid var(--studio-line); }
.studio-feature-foot h2 { margin: 0 0 12px; font-size: var(--type-section-title); }
.studio-feature-foot p { max-width: 810px; margin: 0; color: var(--studio-muted); font-size: var(--type-body); line-height: 1.85; }
.studio-feature-foot .button { flex: none; }
.release-banner { display: block; background: var(--studio-accent); color: #281608; transition: background .2s ease; }
.release-banner:hover { background: var(--studio-accent-hover); }
.release-banner:focus-visible { outline: 3px solid var(--studio-text); outline-offset: -4px; }
.release-banner-inner { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 22px; }
.release-banner-inner strong { font-size: var(--type-lead); font-weight: 780; }
.release-banner-inner > span { font-size: var(--type-body); font-weight: 700; }
.studio-release-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 29px; padding-bottom: 7px; border-bottom: 1px solid var(--studio-accent); color: var(--studio-text); font-size: var(--type-body); font-weight: 700; }
.studio-release-link:hover { color: var(--studio-accent); }
.release-hero { padding-block: 75px 68px; border-bottom: 1px solid var(--studio-line); }
.release-back-link { display: inline-block; margin-bottom: 29px; color: var(--studio-muted); font-size: var(--type-body); }
.release-back-link:hover { color: var(--studio-accent); }
.release-hero h1 { margin: 0 0 18px; font-size: var(--type-page-title); line-height: 1.05; }
.release-hero h1 em { color: var(--studio-accent); font-style: normal; }
.release-hero > p { max-width: 740px; margin: 0; color: var(--studio-muted); font-size: var(--type-lead); line-height: 1.85; }
.release-version-nav { display: flex; align-items: stretch; margin-bottom: 32px; border-bottom: 1px solid var(--studio-line); }
.release-version-nav a { display: inline-flex; min-height: 50px; align-items: center; padding-inline: 20px; border-right: 1px solid var(--studio-line); color: var(--studio-muted); font-size: var(--type-body); font-weight: 650; }
.release-version-nav a:hover { color: var(--studio-accent); }
.release-version-nav a[aria-current="location"] { background: var(--studio-accent); color: #281608; }
.release-sections { padding-bottom: 90px; }
.release-sections[id], .release-archive-version[id] { scroll-margin-top: 25px; }
.release-section { display: grid; grid-template-columns: minmax(210px, .55fr) minmax(0, 1.45fr); gap: 6%; padding-block: 58px; border-bottom: 1px solid var(--studio-line); }
.release-section-heading h2, .release-note h2 { margin: 0 0 12px; font-size: var(--type-section-title); line-height: 1.2; }
.release-section-heading p { max-width: 320px; margin: 0; color: var(--studio-muted); font-size: var(--type-body); line-height: 1.8; }
.release-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.release-card { min-width: 0; padding: 24px 25px 27px; border: 1px solid var(--studio-line); border-radius: var(--radius-card); background: var(--studio-surface); }
.release-card h3 { margin: 0 0 10px; color: var(--studio-text); font-size: var(--type-card-title); line-height: 1.4; }
.release-card p { margin: 0; color: var(--studio-muted); font-size: var(--type-small); line-height: 1.85; }
.release-card-grid-short { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.release-note { display: grid; grid-template-columns: minmax(210px, .55fr) minmax(0, 1.45fr); gap: 6%; margin-top: 42px; padding: 30px; border: 1px solid var(--studio-line); background: var(--studio-surface); }
.release-note h2 { font-size: var(--type-small-heading); }
.release-note p { margin: 0; color: var(--studio-muted); font-size: var(--type-body); line-height: 1.85; }
.release-archive { padding-bottom: 90px; }
.release-archive-version { display: grid; gap: 21px; margin-top: 54px; padding-top: 42px; border-top: 1px solid var(--studio-line); }
.release-archive-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.release-archive-heading h2 { margin: 0; font-size: var(--type-section-title); line-height: 1.2; }
.release-archive-heading p { margin: 0; color: var(--studio-muted); font-size: var(--type-body); line-height: 1.8; }
.refreshed-site .subpage-hero h1 span { color: var(--studio-accent); }
.refreshed-site .page-intro, .refreshed-site .tip-row p { color: var(--studio-muted); }
.refreshed-site .tips-article, .refreshed-site .tip-row, .refreshed-site .plain-callout { border-color: var(--studio-line); }
.refreshed-site .plain-callout { border-radius: 0; background: var(--studio-surface); }

@media (max-width: 1100px) {
  .refreshed-site .site-header { gap: 24px; padding-inline: 28px; }
  .refreshed-site .primary-nav { gap: 16px; }
  .refreshed-site .primary-nav a { font-size: var(--type-small); }
  .studio-hero { grid-template-columns: 1fr; gap: 40px; padding-top: 66px; }
  .studio-hero-copy { max-width: 770px; }
  .studio-update-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .studio-update-grid article { min-height: 220px; }
  .release-section { grid-template-columns: 1fr; gap: 22px; }
  .release-section-heading p { max-width: 620px; }
  .release-note { grid-template-columns: 1fr; gap: 14px; }
}
@media (max-width: 950px) {
  .studio-shot, .studio-shot-reverse { grid-template-columns: 1fr; gap: 25px; }
  .studio-shot-reverse .studio-shot-copy { order: 0; }
}
@media (max-width: 700px) {
  .refreshed-site .page-width { width: calc(100% - 36px); }
  .refreshed-site .site-header { min-height: 65px; gap: 12px; padding-inline: 18px; }
  .refreshed-site .menu-toggle { border-color: var(--studio-line); }
  .refreshed-site .menu-toggle span { background: var(--studio-text); }
  .refreshed-site .primary-nav { top: 64px; padding-inline: 18px; border-color: var(--studio-line); background: var(--studio-bg); }
  .refreshed-site .primary-nav.is-open { max-height: 440px; }
  .studio-hero { padding-block: 52px 64px; }
  .studio-hero h1 { font-size: var(--type-display-title); }
  .studio-lead { font-size: var(--type-body); }
  .studio-hero-frame { padding: 5px; border-radius: 0; }
  .studio-hero-frame img { border-radius: 0; }
  .studio-hero-frame .studio-promo-visual { border-radius: 0; }
  .studio-workflow { padding-block: 45px 75px; }
  .studio-section-head h2 { font-size: var(--type-section-title); }
  .studio-section-head > p:last-child, .studio-section-head-inline > p { font-size: var(--type-body); }
  .studio-workflow-grid { grid-template-columns: 1fr; margin-top: 29px; }
  .studio-preview-card > div:not(.studio-promo-visual) { min-height: 0; padding: 21px; }
  .studio-preview-card h3 { font-size: var(--type-card-title); }
  .studio-update-band { padding-block: 70px; }
  .studio-section-head-inline { display: block; }
  .studio-section-head-inline > p { margin-top: 19px; }
  .studio-update-grid { grid-template-columns: 1fr; margin-top: 30px; }
  .studio-update-grid article { min-height: 0; padding: 23px; }
  .release-banner-inner { min-height: 61px; }
  .release-banner-inner strong { font-size: var(--type-body); }
  .release-banner-inner > span { font-size: var(--type-small); }
  .release-hero { padding-block: 48px 43px; }
  .release-hero h1 { font-size: var(--type-page-title); }
  .release-hero > p { font-size: var(--type-body); }
  .release-version-nav { margin-bottom: 27px; }
  .release-version-nav a { min-height: 46px; padding-inline: 17px; }
  .release-sections { padding-bottom: 62px; }
  .release-section { gap: 18px; padding-block: 38px; }
  .release-card-grid, .release-card-grid-short { grid-template-columns: 1fr; }
  .release-card { padding: 21px; }
  .release-card h3 { font-size: var(--type-card-title); }
  .release-note { margin-top: 28px; padding: 23px; }
  .release-archive { padding-bottom: 62px; }
  .release-archive-version { gap: 17px; margin-top: 39px; padding-top: 31px; }
  .release-archive-heading { display: block; }
  .release-archive-heading h2 { font-size: var(--type-section-title); }
  .release-archive-heading p { margin-top: 8px; }
  .studio-journey { grid-template-columns: 1fr; gap: 30px; padding-block: 72px; }
  .studio-journey h2 { font-size: var(--type-section-title); }
  .studio-series { display: block; padding-block: 34px; }
  .studio-series > a { display: inline-block; margin-top: 22px; }
  .studio-resource-links { grid-template-columns: 1fr; gap: 10px; padding-block: 35px 60px; }
  .studio-resource-links a { gap: 7px; padding: 20px; }
  .studio-feature-hero { padding-block: 58px 53px; }
  .studio-feature-hero h1 { font-size: var(--type-page-title); }
  .studio-feature-hero > p { font-size: var(--type-body); }
  .studio-gallery-head { display: block; }
  .studio-gallery-head h2 { font-size: var(--type-section-title); }
  .studio-device-switch { margin-top: 23px; }
  .studio-shot-list { gap: 20px; }
  .studio-shot, .studio-shot-reverse { grid-template-columns: 1fr; gap: 19px; padding: 18px; }
  .studio-shot-reverse .studio-shot-copy { order: 0; }
  .studio-shot h3 { font-size: var(--type-section-title); }
  .studio-shot p { font-size: var(--type-body); }
  .studio-utility { grid-template-columns: 1fr; gap: 25px; padding-block: 64px 75px; }
  .studio-utility-grid { grid-template-columns: 1fr; }
  .studio-feature-foot { display: block; padding-bottom: 65px; }
  .studio-feature-foot .button { margin-top: 24px; }
}

/* Match the shared type scale and frame used by every site page */
.refreshed-site .page-width { width: min(var(--max), calc(100% - 64px)); }
.refreshed-site .site-header { min-height: 76px; padding-inline: max(32px, calc((100vw - var(--max)) / 2)); }
.refreshed-site .primary-nav { gap: 30px; }
.refreshed-site h1, .refreshed-site h2, .refreshed-site h3 { font-family: var(--sans); letter-spacing: -.035em; }
.refreshed-site .primary-nav a, .refreshed-site .primary-nav .series-nav-link { font-size: var(--type-navigation); }
.studio-hero h1, .hero-copy h1 { font-size: var(--type-display-title); line-height: 1.12; letter-spacing: -.04em; }
.studio-feature-hero h1, .release-hero h1, .refreshed-site .subpage-hero h1 { font-size: var(--type-page-title); line-height: 1.15; letter-spacing: -.035em; }
.studio-section-head h2, .studio-journey h2, .studio-series h2, .studio-gallery-head h2,
.studio-feature-foot h2, .release-section-heading h2, .release-note h2, .release-archive-heading h2,
.refreshed-site .section-heading-simple h2, .refreshed-site .feature-text h2 { font-size: var(--type-section-title); line-height: 1.25; letter-spacing: -.03em; }
.studio-shot h3 { font-size: var(--type-section-title); line-height: 1.3; }
.studio-preview-card h3, .studio-update-grid h3, .studio-utility-grid h3, .release-card h3 { font-size: var(--type-card-title); line-height: 1.4; }
.studio-lead, .studio-feature-hero > p, .release-hero > p { font-size: var(--type-lead); }
.studio-section-head > p:last-child, .studio-section-head-inline > p, .studio-preview-card p,
.studio-update-grid p, .studio-journey p, .studio-series p, .studio-shot p,
.studio-utility-grid p, .studio-feature-foot p, .release-section-heading p,
.release-card p, .release-note p, .release-archive-heading p { font-size: var(--type-body); }
.studio-quiet-link, .studio-all-link, .studio-journey-links a, .studio-series > a,
.studio-shot a, .release-back-link, .release-version-nav a, .studio-release-link { font-size: var(--type-navigation); }
.studio-device-switch button { font-size: var(--type-navigation); }
@media (max-width: 1100px) {
  .refreshed-site .site-header { gap: 24px; padding-inline: 28px; }
  .refreshed-site .primary-nav { gap: 16px; }
}
@media (max-width: 850px) {
  .refreshed-site .site-header { gap: 20px; padding-inline: 25px; }
  .refreshed-site .primary-nav { gap: 20px; }
}
@media (max-width: 700px) {
  .refreshed-site .page-width { width: calc(100% - 40px); }
  .refreshed-site .site-header { min-height: 64px; gap: 12px; padding-inline: 20px; }
  .refreshed-site .primary-nav { top: 63px; }
  .studio-hero h1, .hero-copy h1 { font-size: clamp(42px, 11vw, 58px); }
  .studio-feature-hero h1, .release-hero h1, .refreshed-site .subpage-hero h1 { font-size: clamp(38px, 10vw, 48px); }
}.refreshed-site .site-footer { margin-top: 24px; border-top: 1px solid var(--studio-line); }
.refreshed-site .footer-inner { min-height: 100px; flex-wrap: wrap; }
.refreshed-site .button { min-height: 48px; }
.refreshed-site h1 { font-weight: var(--weight-display); }
.refreshed-site h2 { font-weight: var(--weight-heading); }
.refreshed-site h3 { font-weight: var(--weight-card); }


/* Shared corner system: mirrors the app's 10 / 12 / 16 px radii. */
:where(button, .button, input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-radius: var(--radius-control);
}
.refreshed-site .button-primary,
.refreshed-site .theme-toggle,
.refreshed-site .menu-toggle,
.refreshed-site .primary-nav .series-nav-link,
.feedback-card-controls button,
.document-related a,
.release-version-nav a,
.studio-device-switch button {
  border-radius: var(--radius-control);
}
.studio-hero-frame,
.studio-preview-card,
.studio-journey .studio-promo-visual,
.studio-resource-links a,
.studio-shot,
.studio-utility-grid article,
.studio-update-grid,
.studio-update-grid article,
.release-card,
.release-note,
.document-card,
.feedback-form,
.feedback-card,
.feedback-empty,
.developer-login-panel,
.support-note,
.document-toc,
.document-two-col > div,
.document-callout,
.license-file-group,
.refreshed-site .plain-callout,
.tip-row,
.tips-article,
.series-product,
.release-archive-version {
  border-radius: var(--radius-card);
}
.studio-hero-frame img,
.home-hero .hero-visual img,
.studio-journey img,
.studio-shot img,
.feature-detail img,
.hero-visual img,
.studio-shot .studio-promo-visual {
  border-radius: var(--radius-control);
}
.studio-hero-frame {
  border-radius: var(--radius-dialog);
  overflow: hidden;
}
.studio-hero-frame .studio-promo-visual { border-radius: calc(var(--radius-dialog) - 2px); }
.studio-device-switch { border-radius: var(--radius-card); }
.studio-device-switch button { border-radius: var(--radius-control); }
.document-table-wrap { border-radius: var(--radius-control); }
.document-card::after { border-radius: var(--radius-pill); }
.count-chip { border-radius: var(--radius-pill); }
.series-products { gap: 12px; border: 0; background: transparent; }
.series-product { border: 1px solid var(--line); }
.series-product + .series-product { border-left: 1px solid var(--line); }