@charset "UTF-8";

:root {
  color-scheme: dark;
  --paper: #06090d;
  --ink: #f5f5f7;
  --muted: #a1aabd;
  --line: #283244;
  --accent: #78b9ff;
  --heading-muted: #b0c4ed;
  --surface: #0d141f;
  --surface-raised: #172235;
  --surface-accent: #101a29;
  --panel: #131e30;
  --header-bg: rgba(6, 9, 13, .92);
  --border-strong: #415674;
  --hover-bg: #192b43;
  --selected-bg: #1d3150;
  --selected-text: #d5e8ff;
  --focus: #84c1ff;
  --button-bg: linear-gradient(180deg, #1c73d2, #1059ad);
  --button-hover: linear-gradient(180deg, #1868c2, #0d4e9f);
  --button-text: #ffffff;
  --page-glow: rgba(37, 80, 142, .22);
  --download-bg: radial-gradient(ellipse at 0% 0%, #2d3959 0, transparent 72%), linear-gradient(135deg, #1a1e2c, #10131f 75%);
  --download-shadow: 0 24px 50px #0005;
  --download-button-bg: linear-gradient(180deg, #ffffff, #d9dfff);
  --download-button-hover: linear-gradient(180deg, #ffffff, #c7d3ff);
  --download-button-text: #171c2b;
  --intro-glow-teal: rgba(27, 88, 108, .42);
  --intro-glow-blue: rgba(40, 73, 173, .3);
  --showcase-bg: radial-gradient(ellipse at 15% 5%, #1a2c55 0, transparent 64%), radial-gradient(ellipse at 93% 90%, #12354c 0, transparent 60%), #101827;
  --mint-bg: linear-gradient(140deg, #142c3e, #111c2d);
  --lavender-bg: linear-gradient(140deg, #27243f, #171e32);
  --peach-bg: linear-gradient(140deg, #302338, #181e2d);
  --markdown-bg: radial-gradient(ellipse at 80% 10%, #2d2c50, transparent 70%), #151e31;
  --caption: #b4c7e2;
  --frame-border: #2d3e57;
  --frame-shadow: 0 16px 35px -16px #000b, 0 2px 4px #0005;
  --panel-shadow: 0 8px 26px #0003;
  --backdrop: #020610e8;
  --selection-bg: #264a78;
  --selection-ink: #ffffff;
  --icon-bg: #1a2a43;
  --radius: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

:root[data-theme="light"] {
  color-scheme: light;
  --paper: #f5f7fb;
  --ink: #14223b;
  --muted: #52617a;
  --line: #d9e1ee;
  --accent: #175ca5;
  --heading-muted: #687d9f;
  --surface: #f0f3f9;
  --surface-raised: #e8eef8;
  --surface-accent: #e8eef8;
  --panel: #f7f9fd;
  --header-bg: rgba(245, 247, 251, .94);
  --border-strong: #a9bbd7;
  --hover-bg: #e6edf9;
  --selected-bg: #dce8fa;
  --selected-text: #234b82;
  --focus: #176cc2;
  --page-glow: rgba(182, 207, 249, .18);
  --download-bg: radial-gradient(ellipse at 0% 0%, #c6d5f4 0, transparent 72%), linear-gradient(135deg, #e4eafa, #f0f3fa 75%);
  --download-shadow: 0 20px 48px #2849751a;
  --download-button-bg: linear-gradient(180deg, #1c73d2, #1059ad);
  --download-button-hover: linear-gradient(180deg, #1868c2, #0d4e9f);
  --download-button-text: #ffffff;
  --intro-glow-teal: rgba(126, 192, 219, .3);
  --intro-glow-blue: rgba(141, 165, 238, .25);
  --showcase-bg: radial-gradient(ellipse at 15% 5%, #dfe6ff 0, transparent 64%), radial-gradient(ellipse at 93% 90%, #b9d8ec 0, transparent 60%), #cddcf3;
  --mint-bg: linear-gradient(140deg, #d6e6f1, #c5d7ee);
  --lavender-bg: linear-gradient(140deg, #e3e1f2, #cbd3eb);
  --peach-bg: linear-gradient(140deg, #ece0ec, #d2dbef);
  --markdown-bg: radial-gradient(ellipse at 80% 10%, #e8e0f7, transparent 70%), #ccd6ed;
  --caption: #344c70;
  --frame-border: #b8c9e3;
  --frame-shadow: 0 16px 35px -16px #223f6655, 0 2px 4px #223f6624;
  --panel-shadow: 0 8px 26px #183a6412;
  --backdrop: #081428dd;
  --selection-bg: #c9ddff;
  --selection-ink: #14223b;
  --icon-bg: #dfe9f8;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; min-height: 100vh; background: radial-gradient(ellipse 680px 520px at 50% 470px, var(--page-glow), transparent 80%); }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; cursor: pointer; }
img, svg { display: block; max-width: 100%; }
button, input, a { touch-action: manipulation; }
button:focus-visible, a:focus-visible { outline: 3px solid var(--focus); outline-offset: 5px; }
h1, h2, h3, p, figure { margin: 0; }
p { line-height: 1.65; }
::selection { color: var(--selection-ink); background: var(--selection-bg); }
.container { max-width: 1240px; width: calc(100% - 96px); margin-inline: auto; }
.skip-link { position: fixed; z-index: 20; left: 20px; top: 15px; padding: 12px 20px; background: var(--selected-bg); color: var(--ink); border-radius: 8px; transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }

.site-header { position: sticky; top: 0; z-index: 10; background: var(--header-bg); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.nav-wrap { width: calc(100% - 96px); max-width: 1376px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; min-height: 84px; gap: 24px; }
.wordmark { display: inline-flex; align-items: center; gap: 10px; font-size: 25px; font-weight: 750; letter-spacing: -.9px; white-space: nowrap; }
.wordmark-instrument .wordmark-short { display: none; }
.wordmark svg, .wordmark-app-icon { width: 28px; height: 28px; margin-right: 1px; flex-shrink: 0; object-fit: contain; }
.wordmark-tag { font-size: 12px; font-weight: 400; color: var(--muted); border-left: 1px solid var(--line); padding-left: 13px; margin-left: 4px; letter-spacing: .2px; }
#primary-nav { display: flex; align-items: center; gap: 34px; margin-left: auto; }
#primary-nav a { display: inline-flex; gap: 14px; align-items: center; color: var(--muted); font-size: 13px; padding-block: 32px 30px; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s; }
#primary-nav a:hover { color: var(--ink); }
#primary-nav a[aria-current] { color: var(--ink); border-bottom-color: var(--accent); }
#primary-nav a:last-child { margin-left: 6px; color: var(--ink); }
.menu-toggle { display: none; }
.header-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--ink); font-size: 11px; transition: background .2s, border-color .2s; }
.theme-toggle:hover { background: var(--hover-bg); border-color: var(--border-strong); }
.theme-toggle svg { width: 18px; height: 18px; flex-shrink: 0; }
:root:not([data-theme="light"]) .theme-icon-moon, :root[data-theme="light"] .theme-icon-sun { display: none; }

.hero { text-align: center; padding-top: 64px; }
.product-eyebrow { display: flex; gap: 11px; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; margin-bottom: 24px; }
.app-mark { display: block; width: 37px; height: 37px; object-fit: contain; flex-shrink: 0; }
.status-pill { display: inline-flex; align-items: center; gap: 6px; margin-left: 5px; border: 1px solid var(--line); color: var(--muted); font-size: 10px; font-weight: 400; padding: 5px 8px; border-radius: 5px; }
.status-pill i { background: var(--accent); width: 5px; height: 5px; border-radius: 50%; }
h1 { font-weight: 600; font-size: clamp(54px, 6.6vw, 94px); line-height: 1.03; letter-spacing: -.065em; }
.muted-heading { color: var(--heading-muted); }
.hero-description { font-size: 17px; line-height: 1.6; color: var(--muted); margin: 23px auto 0; max-width: 580px; letter-spacing: -.1px; }
.hero-actions { margin-top: 26px; display: flex; align-items: center; justify-content: center; gap: 24px; }
.hero-download-meta { margin-top: 15px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.home-page { background: none; }
.home-intro { position: relative; isolation: isolate; padding-bottom: 35px; }
.home-intro::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 60% 44% at 28% 49%, var(--intro-glow-teal), transparent 78%), radial-gradient(ellipse 49% 39% at 72% 48%, var(--intro-glow-teal), transparent 80%), radial-gradient(ellipse 40% 32% at 50% 37%, var(--intro-glow-blue), transparent 80%); }
.home-showcase { max-width: 1400px; margin-top: 56px; }
.home-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
.home-preview-heading > p { color: var(--muted); font-size: 11px; }
.home-preview-options { display: flex; gap: 3px; padding: 4px; border: 1px solid var(--line); border-radius: 7px; background: var(--header-bg); }
.home-preview-options button { border: 0; border-radius: 4px; background: none; padding: 11px 15px; color: var(--muted); font-size: 11px; line-height: 1.3; }
.home-preview-options button:hover { color: var(--ink); background: var(--hover-bg); }
.home-preview-options button[aria-pressed="true"] { color: var(--selected-text); background: var(--selected-bg); }
.home-preview-frame { padding: 48px 48px 24px; background: var(--showcase-bg); border: 1px solid var(--frame-border); border-radius: 13px; box-shadow: inset 0 1px 0 #ffffff08; }
.home-preview-note { margin-top: 19px; color: var(--muted); text-align: center; font-size: 10px; }
.download-panel.container { display: grid; grid-template-columns: 260px minmax(0,1fr); align-items: center; gap: 88px; max-width: 1240px; min-height: 460px; padding: 64px 72px; border: 0; border-radius: 32px; background: var(--download-bg); box-shadow: var(--download-shadow); margin-bottom: 100px; }
.download-app-icon { width: 260px; height: 260px; object-fit: contain; filter: drop-shadow(0 16px 20px #02081655); }
img[src$="mammoth-markdown-icon-1.1.png"] { border-radius: 24%; }
.download-panel-copy { min-width: 0; max-width: 650px; }
.download-panel h2 { font-size: 36px; font-weight: 600; line-height: 1.2; letter-spacing: -1.1px; }
.download-tagline { margin-top: 15px; font-size: 23px; line-height: 1.4; letter-spacing: -.4px; }
.download-description { max-width: 540px; margin-top: 15px; font-size: 18px; color: var(--muted); line-height: 1.6; }
.download-panel-actions { display: flex; align-items: center; gap: 16px; margin-top: 28px; }
.download-panel .button-download { min-height: 50px; padding: 14px 28px; gap: 22px; font-size: 16px; font-weight: 600; background: var(--download-button-bg); color: var(--download-button-text); box-shadow: inset 0 1px 0 #ffffff70, 0 8px 20px #060e2526; }
.download-panel .button-download:hover { background: var(--download-button-hover); transform: translateY(-2px); }
.download-release { margin-top: 18px; color: var(--muted); font-size: 12px; }
.download-pending { margin-top: 14px; color: var(--muted); font-size: 14px; }
.download-support { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px 24px; margin-top: 12px; }
.download-checksum { font-size: 12px; line-height: 1.6; color: var(--muted); }
.download-checksum:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.download-installation { max-width: 100%; color: var(--muted); font-size: 12px; line-height: 1.6; }
.download-installation summary { cursor: pointer; width: fit-content; }
.download-installation p { margin-top: 10px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 25px; min-height: 48px; border-radius: 7px; padding: 14px 20px; font-size: 13px; font-weight: 500; transition: background .2s, transform .2s; }
.button-dark { background: var(--button-bg); color: var(--button-text); box-shadow: inset 0 1px 0 #ffffff26, 0 4px 18px #0068ff18; }
.button-dark:hover { background: var(--button-hover); transform: translateY(-2px); }
.button:disabled { cursor: default; opacity: .7; }
.button:disabled:hover { transform: none; }
.button span { font-size: 17px; line-height: 1; }
.platform-note { display: inline-flex; gap: 7px; align-items: center; font-size: 11px; color: var(--muted); }
.platform-note svg { width: 18px; height: 18px; }

.screenshot { position: relative; min-width: 0; }
.screenshot-button { position: relative; display: block; border: none; padding: 0; width: 100%; border-radius: 9px; background: #171c1b; overflow: hidden; box-shadow: var(--frame-shadow); cursor: zoom-in; }
.screenshot-button img { display: block; width: 100%; height: auto; transition: filter .25s; }
.screenshot-button:hover img { filter: brightness(1.07); }
.screenshot-button:focus-visible { outline-color: var(--focus); }
.screenshot figcaption { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 10px; color: var(--caption); padding-top: 16px; }
.screenshot figcaption span:last-child { display: inline-flex; gap: 7px; align-items: center; }
.zoom-badge { position: absolute; right: 15px; bottom: 15px; width: 32px; height: 32px; padding: 8px; border-radius: 7px; color: #e5efff; background: #182945c7; border: 1px solid #ffffff24; opacity: 0; transform: translateY(3px); transition: opacity .2s, transform .2s; }
.screenshot-button:hover .zoom-badge, .screenshot-button:focus-visible .zoom-badge { opacity: 1; transform: none; }

.inside-section { padding-top: 70px; }
.section-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 68px; }
.eyebrow { font-size: 10px; font-weight: 500; letter-spacing: 1.9px; color: var(--muted); margin-bottom: 20px; }
h2 { font-size: clamp(36px, 4.3vw, 57px); font-weight: 500; line-height: 1.09; letter-spacing: -.052em; }
.section-intro > p { font-size: 14px; color: var(--muted); padding-bottom: 4px; }
.feature { display: grid; grid-template-columns: .86fr 1.5fr; gap: 58px; align-items: center; margin-bottom: 90px; }
.feature-copy { padding-right: 15px; }
.feature-number { display: block; font-size: 9px; letter-spacing: 1.4px; font-weight: 500; color: var(--muted); margin-bottom: 20px; }
.feature h3 { font-size: clamp(32px, 3.2vw, 45px); font-weight: 500; line-height: 1.08; letter-spacing: -.055em; }
.feature-copy > p { font-size: 14px; margin-top: 21px; color: var(--muted); max-width: 320px; }
.detail-list { list-style: none; padding: 0; margin: 24px 0 28px; display: grid; gap: 11px; }
.detail-list li { position: relative; padding-left: 15px; font-size: 11px; color: var(--muted); line-height: 1.5; }
.detail-list li::before { content: ""; position: absolute; left: 0; top: .5em; width: 4px; height: 4px; background: var(--accent); border-radius: 50%; }
.text-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 12px; font-weight: 500; border: none; padding: 0 0 5px; background: none; border-bottom: 1px solid var(--border-strong); line-height: 1.65; transition: color .2s, border-color .2s; }
.text-link:hover { color: var(--accent); border-color: var(--accent); }
.text-link > span:last-child { font-size: 17px; }
.feature-visual { padding: 42px 28px 22px; border-radius: 10px; min-width: 0; }
.mint { background: var(--mint-bg); }
.lavender { background: var(--lavender-bg); }
.peach { background: var(--peach-bg); }
.feature-reverse { grid-template-columns: 1.5fr .86fr; }
.feature-reverse .feature-copy { order: 2; padding-right: 0; padding-left: 17px; }
.feature-reverse .feature-visual { order: 1; }
.feature-visual figcaption { font-size: 9px; color: var(--caption); }

.menu-feature { display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 68px 70px; background: var(--surface-accent); border: 1px solid var(--line); border-radius: 12px; gap: 65px; margin-top: 20px; margin-bottom: 130px; }
.menu-feature h2 { font-size: 43px; }
.menu-feature-copy > p:last-child { font-size: 14px; color: var(--muted); max-width: 300px; margin-top: 21px; }
.resource-detail { min-width: 0; }
.secondary-update { display: grid; grid-template-columns: 1fr .9fr; gap: 65px; align-items: center; padding: 35px 40px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); margin-bottom: 65px; }
.secondary-update-copy h2 { font-size: clamp(28px, 3vw, 36px); }
.secondary-update-copy > p:not(.eyebrow) { max-width: 460px; margin: 18px 0 22px; font-size: 14px; color: var(--muted); }
.secondary-update-copy .eyebrow { margin-bottom: 15px; }
.secondary-update-preview { min-width: 0; }
.secondary-update-preview figcaption { font-size: 8px; }
.all-features-cta { display: flex; justify-content: space-between; align-items: center; gap: 50px; padding-block: 35px 65px; margin-bottom: 65px; border-bottom: 1px solid var(--line); }
.all-features-cta h2 { font-size: clamp(30px, 3.1vw, 40px); }
.all-features-cta p:not(.eyebrow) { max-width: 620px; margin-top: 18px; font-size: 14px; color: var(--muted); }
.all-features-cta > a { flex-shrink: 0; }

.more-tools { padding-bottom: 120px; }
.more-tools-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 42px; gap: 30px; }
.more-tools-heading > a { margin-bottom: 6px; }
.next-tool { display: grid; grid-template-columns: 1.1fr 1fr; gap: 65px; align-items: center; border: 1px solid var(--line); padding: 24px; background: var(--surface); border-radius: 12px; transition: border-color .2s; }
.next-tool:hover { border-color: var(--border-strong); }
.next-tool-art { padding: 38px 34px 0; height: 340px; overflow: hidden; border-radius: 7px; background: var(--lavender-bg); }
.next-tool-art img { width: 100%; height: auto; border-radius: 7px 7px 0 0; box-shadow: 0 8px 24px #3336474d; transition: transform .3s; }
.next-tool:hover .next-tool-art img { transform: translateY(-5px); }
.markdown-mark { width: 48px; height: 48px; border-radius: 11px; object-fit: contain; }
.next-tool-copy { padding: 12px 44px 12px 0; }
.next-tool-copy .markdown-mark { width: 42px; height: 42px; margin-bottom: 18px; }
.next-tool-copy .eyebrow { font-size: 9px; margin-bottom: 10px; }
.next-tool-copy h3 { font-size: 30px; font-weight: 500; letter-spacing: -1.2px; }
.next-tool-copy > p:not(.eyebrow) { font-size: 13px; color: var(--muted); margin-top: 14px; margin-bottom: 22px; max-width: 340px; }

.site-footer { border-top: 1px solid var(--line); padding: 40px max(48px, calc((100vw - 1240px) / 2)) 24px; }
.footer-top { display: flex; align-items: center; gap: 30px; padding-bottom: 37px; }
.footer-top .wordmark { font-size: 23px; }
.footer-top > p { font-size: 11px; color: var(--muted); }
.back-top { margin-left: auto; font-size: 11px; color: var(--muted); }
.footer-bottom { display: flex; justify-content: space-between; gap: 24px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 10px; color: var(--muted); }
.footer-bottom > nav { display: flex; flex-wrap: wrap; gap: 16px 24px; }
.footer-bottom a:hover, .back-top:hover { color: var(--ink); }
.footer-features { display: flex; align-items: center; flex-wrap: wrap; gap: 15px 28px; padding: 20px 0; border-top: 1px solid var(--line); font-size: 11px; color: var(--muted); }
.footer-features > span { font-size: 9px; letter-spacing: 1.1px; text-transform: uppercase; }
.footer-features a:hover { color: var(--accent); }

.feature-page-navigation { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-top: 24px; }
.breadcrumbs { min-width: 0; }
.breadcrumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0; padding: 0; font-size: 14px; color: var(--muted); line-height: 1.7; }
.breadcrumbs li { display: flex; align-items: center; gap: 12px; }
.breadcrumbs li + li::before { content: "/"; color: var(--muted); }
.breadcrumbs .breadcrumb-home { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--ink); font-size: 16px; font-weight: 500; white-space: nowrap; }
.breadcrumb-home > span { color: var(--accent); font-size: 21px; }
.breadcrumbs a:hover { color: var(--accent); }
.product-nav { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.product-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 13px; border-bottom: 2px solid transparent; color: var(--muted); font-size: 11px; }
.product-nav a:hover { color: var(--ink); }
.product-nav a[aria-current] { color: var(--ink); border-bottom-color: var(--accent); }
.feature-landing-hero { padding-top: 64px; padding-bottom: 46px; }
.feature-landing-hero h1 { max-width: 1000px; font-size: clamp(42px, 5vw, 72px); letter-spacing: -.055em; line-height: 1.08; }
.feature-landing-intro { max-width: 670px; font-size: 17px; color: var(--muted); margin-top: 25px; }
.feature-landing-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 27px; }
.feature-landing-meta .status-pill { margin-left: 0; }
.feature-landing-image { padding: 40px 44px 24px; border: 1px solid var(--frame-border); border-radius: 12px; }
.feature-landing-image > .screenshot { max-width: 1120px; margin: 0 auto; }
.feature-explanation { padding-top: 90px; }
.feature-explanation .section-intro { margin-bottom: 38px; }
.feature-explanation .reading-grid { margin-bottom: 0; }
.feature-explanation h2 { font-size: clamp(35px, 3.7vw, 48px); }
.feature-explanation .reading-grid h3 { line-height: 1.2; }
.feature-image-note { max-width: 740px; margin: 20px auto 0; color: var(--muted); font-size: 12px; text-align: center; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.feature-details-hero { padding-top: 48px; padding-bottom: 30px; }
.feature-index { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 34px; }
.feature-index a { min-height: 36px; display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 6px; padding: 8px 14px; font-size: 11px; color: var(--muted); background: var(--surface); transition: color .2s, border-color .2s; }
.feature-index a:hover { color: var(--ink); border-color: var(--border-strong); }
.feature-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.feature-detail-card { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); min-width: 0; }
.feature-detail-media { display: flex; align-items: center; justify-content: center; height: 270px; padding: 24px; background: var(--surface-accent); border-bottom: 1px solid var(--line); }
.feature-detail-screenshot { width: 100%; }
.feature-detail-screenshot .screenshot-button { width: fit-content; max-width: 100%; margin-inline: auto; border-radius: 6px; box-shadow: var(--panel-shadow); }
.feature-detail-screenshot .screenshot-button img { width: auto; max-width: 100%; max-height: 185px; margin-inline: auto; }
.feature-detail-screenshot figcaption { font-size: 9px; color: var(--muted); gap: 8px; padding-top: 17px; }
.feature-detail-screenshot figcaption > span:last-child { white-space: nowrap; }
.feature-detail-copy { padding: 28px 30px 32px; }
.feature-detail-copy .feature-number { margin-bottom: 14px; text-transform: uppercase; }
.feature-detail-copy h3 { font-size: clamp(25px,2.5vw,31px); line-height: 1.15; font-weight: 500; letter-spacing: -.04em; max-width: 460px; }
.feature-detail-copy p { font-size: 14px; line-height: 1.75; color: var(--muted); margin-top: 16px; }
.feature-credits { color: var(--muted); font-size: 12px; margin-bottom: 70px; }
.feature-credits summary { cursor: pointer; width: fit-content; }
.feature-credits p { max-width: 1000px; margin-top: 14px; }
.features-page .download-panel { margin-bottom: 24px; }
.feature-howto { padding-top: 55px; margin-top: 75px; border-top: 1px solid var(--line); }
.feature-howto h2 { max-width: 800px; font-size: clamp(35px, 3.7vw, 48px); }
.feature-steps { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px; counter-reset: step; padding: 0; margin: 40px 0 0; }
.feature-steps li { counter-increment: step; }
.feature-steps li::before { content: "0" counter(step); display: block; color: var(--accent); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; margin-bottom: 20px; }
.feature-steps h3 { font-size: 22px; font-weight: 500; letter-spacing: -.6px; line-height: 1.2; }
.feature-steps p { color: var(--muted); font-size: 14px; margin-top: 15px; }
.feature-faq { display: grid; grid-template-columns: .85fr 1.3fr; gap: 75px; margin-top: 100px; margin-bottom: 95px; }
.feature-faq h2 { font-size: clamp(35px, 3.6vw, 46px); }
.faq-list details { border-top: 1px solid var(--line); }
.faq-list details:last-child { border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; cursor: pointer; display: flex; align-items: center; min-height: 70px; padding: 20px 30px 20px 0; font-size: 15px; line-height: 1.5; font-weight: 500; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 2px; font-weight: 400; font-size: 23px; color: var(--accent); }
.faq-list details[open] summary::after { content: "−"; }
.faq-list summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
.faq-list p { font-size: 14px; line-height: 1.75; color: var(--muted); padding: 0 30px 23px 0; }
.feature-related { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 52px; text-align: center; margin-bottom: 105px; }
.feature-related h2 { font-size: clamp(34px, 3.5vw, 46px); }
.feature-related > p:not(.eyebrow) { max-width: 560px; font-size: 15px; color: var(--muted); margin: 22px auto 28px; }
.feature-related > div { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 22px 30px; }

.catalog-intro { padding-top: 86px; padding-bottom: 75px; }
.catalog-intro h1 { font-size: clamp(48px, 6vw, 82px); }
.catalog-intro > p:last-child { font-size: 17px; color: var(--muted); margin-top: 25px; }
.catalog { padding-bottom: 130px; }
.catalog-heading { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); padding: 24px 0; align-items: center; }
.catalog-heading h2 { font-size: 17px; letter-spacing: -.5px; }
.catalog-heading > span { font-size: 10px; color: var(--muted); }
.tool-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.tool-card { display: block; border: 1px solid var(--line); overflow: hidden; border-radius: 12px; transition: border-color .2s, transform .2s; }
.tool-card:hover { border-color: var(--border-strong); transform: translateY(-4px); }
.tool-card-visual { height: 320px; overflow: hidden; padding: 36px 36px 0; background: var(--showcase-bg); }
.tool-card-markdown .tool-card-visual, .tool-card-wifi .tool-card-visual { background: var(--lavender-bg); }
.tool-card-visual img { border-radius: 7px 7px 0 0; box-shadow: 0 8px 30px #19261d33; width: 100%; height: auto; }
.tool-card-info { padding: 25px 30px 30px; background: var(--surface); }
.tool-card-info > div { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 22px; }
.tool-platform { font-size: 10px; color: var(--muted); }
.tool-card-info .markdown-mark { height: 37px; width: 37px; }
.tool-card h3 { display: flex; justify-content: space-between; font-size: 30px; font-weight: 500; letter-spacing: -1.3px; }
.tool-card h3 > span { font-size: 23px; }
.tool-card p { color: var(--muted); font-size: 14px; margin-top: 15px; max-width: 400px; }
.tool-card .text-link { margin-top: 25px; }
.catalog-note { font-size: 11px; color: var(--muted); margin-top: 25px; }

.markdown-hero .product-eyebrow { margin-bottom: 23px; }
.markdown-hero .product-eyebrow .markdown-mark { height: 37px; width: 37px; }
.markdown-showcase { margin-top: 60px; padding: 48px 65px 24px; border-radius: 12px; background: var(--markdown-bg); }
.markdown-showcase > .screenshot { max-width: 1050px; margin: 0 auto; }
.markdown-showcase figcaption { color: var(--caption); }
.markdown-details { padding-top: 120px; }
.reading-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 45px; margin-bottom: 100px; }
.reading-grid article { border-top: 1px solid var(--line); padding-top: 28px; }
.reading-icon { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; font-size: 21px; border-radius: 9px; background: var(--icon-bg); margin-bottom: 25px; }
.reading-grid h3 { font-size: 23px; font-weight: 500; letter-spacing: -.7px; }
.reading-grid p { font-size: 14px; color: var(--muted); margin-top: 15px; }
.collection-cta { text-align: center; padding: 10px 0 110px; }
.collection-cta > p:not(.eyebrow) { max-width: 430px; margin: 24px auto; color: var(--muted); font-size: 14px; }
.related-tool-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.related-tool-grid .tool-card-visual { height: 240px; padding: 28px 22px 0; }
.related-tool-grid .tool-card-info { padding: 25px; }
.related-tool-grid .tool-card h3 { font-size: 28px; }
.related-tool-grid .tool-card p { max-width: none; }

.utility-page { background: none; }
.utility-intro { position: relative; isolation: isolate; }
.utility-intro::before { content: ""; position: absolute; inset: 0 0 auto; height: 1300px; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 56% 42% at 24% 38%, var(--intro-glow-teal), transparent 80%), radial-gradient(ellipse 43% 38% at 74% 36%, var(--intro-glow-blue), transparent 80%); }
.utility-breadcrumb { padding-top: 26px; }
.utility-breadcrumb .breadcrumb-home { color: var(--muted); font-size: 15px; }
.utility-breadcrumb .breadcrumb-home:hover { color: var(--ink); }
.utility-hero { padding-top: 42px; }
.utility-hero .hero-description { max-width: 650px; }
.utility-inclusion { max-width: 650px; margin: 18px auto 0; color: var(--muted); font-size: 15px; }
.utility-inclusion a { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.utility-inclusion a:hover { color: var(--accent); }
.utility-stories { padding-top: 85px; }
.utility-stories .feature h2 { font-size: clamp(32px, 3.2vw, 45px); line-height: 1.08; }
.utility-stories .feature:last-child { margin-bottom: 0; }
.utility-faq { margin-top: 110px; }
.utility-companion { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 16px 28px; padding-bottom: 90px; margin-top: -40px; }
.utility-companion p { color: var(--muted); font-size: 15px; }

@media (min-width: 1600px) {
  .utility-page .container, .utility-page .nav-wrap, .catalog-page .container, .catalog-page .nav-wrap { width: calc(100% - 144px); max-width: 1760px; }
  .utility-page .utility-hero { max-width: 1400px; padding-top: 52px; }
  .utility-page h1, .catalog-page .catalog-intro h1 { font-size: 104px; }
  .utility-hero .hero-description { font-size: 20px; max-width: 760px; }
  .utility-hero .product-eyebrow { font-size: 16px; }
  .utility-hero .hero-download-meta { font-size: 13px; }
  .utility-stories { padding-top: 105px; }
  .utility-stories .feature { grid-template-columns: 440px minmax(0,1fr); gap: 72px; margin-bottom: 125px; }
  .utility-stories .feature-reverse { grid-template-columns: minmax(0,1fr) 440px; }
  .utility-stories .feature h2 { font-size: 52px; }
  .utility-stories .feature-copy > p { font-size: 18px; max-width: 410px; margin-top: 25px; }
  .utility-stories .feature-number { font-size: 12px; margin-bottom: 24px; }
  .utility-stories .detail-list li { font-size: 14px; }
  .utility-stories .detail-list { gap: 13px; margin-top: 28px; }
  .utility-stories .feature-visual { padding: 36px 32px 24px; border-radius: 13px; }
  .utility-stories .feature-visual figcaption { font-size: 11px; }
  .utility-page .download-panel { max-width: 1240px; }
  .utility-page .site-footer, .catalog-page .site-footer { padding-inline: max(72px,calc((100vw - 1760px)/2)); }
  .utility-page .faq-list summary { font-size: 18px; min-height: 80px; }
  .utility-page .faq-list p { font-size: 17px; }
  .catalog-page .tool-card-visual { height: 430px; padding: 40px 40px 0; }
  .catalog-page .tool-card-info { padding: 32px 36px 36px; }
  .catalog-page .tool-card h3 { font-size: 36px; }
  .catalog-page .tool-card p { max-width: 620px; font-size: 17px; }
  .catalog-page .catalog-note { font-size: 13px; }
  .related-tool-grid .tool-card-visual { height: 300px; padding: 30px 26px 0; }
  .related-tool-grid .tool-card p { font-size: 16px; }
}

@media (max-width: 1450px) {
  .site-header .wordmark-instrument .wordmark-full { display: none; }
  .site-header .wordmark-instrument .wordmark-short { display: inline; }
  #primary-nav { gap: 24px; }
}

@media (max-width: 1200px) and (min-width: 761px) {
  .nav-wrap { min-height: 76px; position: relative; }
  .menu-toggle { display: flex; gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: 5px; background: none; padding: 10px 12px; font-size: 12px; }
  .menu-toggle > span { font-size: 18px; line-height: 1; transition: transform .2s; }
  .menu-toggle[aria-expanded="true"] > span { transform: rotate(45deg); }
  #primary-nav { display: none; position: absolute; left: 0; right: 0; top: 76px; padding: 12px 18px; border: 1px solid var(--line); border-radius: 0 0 10px 10px; background: var(--paper); box-shadow: 0 13px 18px #0002; }
  #primary-nav.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  #primary-nav a { padding: 14px 10px; border-bottom: 0; border-radius: 5px; font-size: 15px; }
  #primary-nav a[aria-current] { background: var(--selected-bg); }
  #primary-nav a:last-child { margin-left: 0; justify-content: space-between; }
  .related-tool-grid { grid-template-columns: 1fr 1fr; }
}

.lightbox-open { overflow: hidden; }
.lightbox { position: fixed; inset: 0; margin: auto; width: min(96vw, 1800px); max-width: none; max-height: 96dvh; padding: 0; background: var(--surface); border: 1px solid var(--border-strong); border-radius: 12px; color: var(--ink); box-shadow: 0 30px 90px #071a1166; }
.lightbox::backdrop { background: var(--backdrop); backdrop-filter: blur(6px); }
.lightbox-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; }
.lightbox h2 { font-size: 16px; font-weight: 500; letter-spacing: -.3px; }
.lightbox-toolbar p { font-size: 11px; color: var(--muted); margin-top: 4px; }
.lightbox-actions { display: flex; align-items: center; gap: 24px; }
.lightbox-actions a { font-size: 12px; display: inline-flex; gap: 10px; }
.lightbox-close { border: 1px solid var(--border-strong); background: var(--surface-raised); border-radius: 6px; display: inline-flex; align-items: center; gap: 18px; padding: 8px 12px; font-size: 12px; }
.lightbox-close span { font-size: 23px; line-height: 1; }
.lightbox-image-wrap { padding: 0 12px; }
.lightbox-image-wrap img { display: block; width: 100%; max-height: calc(96dvh - 130px); object-fit: contain; border-radius: 7px; }
.lightbox-tip { text-align: center; padding: 11px; font-size: 10px; color: var(--muted); }

@media (min-width: 1550px) { .hero { padding-top: 78px; } }
@media (min-width: 1600px) {
  .home-page .container, .home-page .nav-wrap, .features-page .container, .features-page .nav-wrap { width: calc(100% - 144px); max-width: 1760px; }
  .home-page .hero { max-width: 1240px; padding-top: 78px; }
  .home-page h1 { font-size: 104px; }
  .home-page .hero-description { font-size: 18px; max-width: 650px; }
  .home-page .home-showcase { max-width: 1400px; }
  .home-page .inside-section { padding-top: 110px; }
  .home-page .inside-section .feature { grid-template-columns: 440px minmax(0,1fr); gap: 72px; margin-bottom: 120px; }
  .home-page .inside-section .feature-reverse { grid-template-columns: minmax(0,1fr) 440px; }
  .home-page .inside-section .feature h3 { font-size: 52px; }
  .home-page .inside-section .feature-copy > p { font-size: 17px; max-width: 390px; margin-top: 24px; }
  .home-page .inside-section .feature-number { font-size: 11px; margin-bottom: 23px; }
  .home-page .inside-section .detail-list { gap: 12px; margin-block: 27px 31px; }
  .home-page .inside-section .detail-list li { font-size: 13px; }
  .home-page .inside-section .text-link { font-size: 14px; }
  .home-page .inside-section .feature-visual { padding: 36px 32px 24px; border-radius: 13px; }
  .home-page .inside-section .feature-visual figcaption { font-size: 10px; }
  .home-page .secondary-update { padding: 40px; gap: 65px; }
  .home-page .secondary-update-copy > p, .home-page .all-features-cta p:not(.eyebrow) { font-size: 16px; }
  .home-page .secondary-update-copy .text-link { font-size: 14px; }
  .home-page .download-panel, .features-page .download-panel { max-width: 1240px; padding: 64px 72px; }
  .features-page .feature-credits { max-width: 1240px; }
  .home-page .next-tool { gap: 65px; padding: 28px; }
  .home-page .next-tool-art { height: 410px; }
  .home-page .next-tool-copy h3 { font-size: 36px; }
  .home-page .next-tool-copy > p:not(.eyebrow) { max-width: 40ch; font-size: 16px; }
  .home-page .site-footer, .features-page .site-footer { padding-inline: max(72px,calc((100vw - 1760px)/2)); }
  .features-page .nav-wrap { min-height: 92px; }
  .features-page .site-header .wordmark { font-size: 28px; }
  .features-page .wordmark-app-icon { width: 32px; height: 32px; }
  .features-page #primary-nav a { font-size: 15px; padding-block: 35px 33px; }
  .features-page .theme-toggle { font-size: 13px; min-height: 44px; }
  .features-page .feature-page-navigation { padding-top: 30px; gap: 40px; }
  .features-page .breadcrumbs ol { font-size: 16px; }
  .features-page .breadcrumb-home { font-size: 18px; }
  .features-page .product-nav a { font-size: 14px; padding-inline: 17px; }
  .features-page .feature-details-hero { padding-top: 64px; padding-bottom: 38px; }
  .features-page .feature-details-hero .eyebrow { font-size: 13px; margin-bottom: 24px; }
  .features-page .feature-details-hero h1 { max-width: 1300px; font-size: 100px; }
  .features-page .feature-landing-intro { max-width: 860px; font-size: 21px; margin-top: 30px; }
  .features-page .feature-landing-meta { margin-top: 30px; gap: 30px; }
  .features-page .feature-landing-meta .status-pill { font-size: 12px; padding: 7px 10px; }
  .features-page .feature-landing-meta .text-link { font-size: 15px; }
  .features-page .feature-index { gap: 10px; padding-bottom: 40px; }
  .features-page .feature-index a { font-size: 15px; min-height: 44px; padding: 11px 18px; }
  .features-page .feature-detail-grid { gap: 32px; }
  .features-page .feature-detail-media { height: 380px; padding: 28px 32px; }
  .features-page .feature-detail-screenshot .screenshot-button { width: 100%; max-width: 680px; }
  .features-page .feature-detail-screenshot .screenshot-button img { width: 100%; max-height: none; }
  .features-page #performance .screenshot-button { max-width: 565px; }
  .features-page .feature-detail-screenshot figcaption { font-size: 11px; }
  .features-page .feature-detail-copy { padding: 34px 36px 38px; }
  .features-page .feature-detail-copy .feature-number { font-size: 11px; margin-bottom: 18px; }
  .features-page .feature-detail-copy h3 { max-width: none; font-size: 36px; }
  .features-page .feature-detail-copy p { max-width: 64ch; font-size: 17px; margin-top: 20px; }
  .features-page .feature-faq { gap: 100px; }
  .features-page .faq-list summary { font-size: 18px; min-height: 80px; }
  .features-page .faq-list p { font-size: 17px; }
  .features-page .feature-credits { font-size: 14px; }
  .features-page .footer-top > p, .features-page .footer-features, .features-page .back-top, .features-page .footer-bottom { font-size: 13px; }
}
@media (max-width: 1050px) {
  .download-panel.container { grid-template-columns: 190px minmax(0,1fr); gap: 44px; padding: 48px; }
  .download-app-icon { width: 190px; height: 190px; }
  .download-panel h2 { font-size: 31px; }
  .download-tagline { font-size: 21px; }
  .site-header .wordmark-instrument .wordmark-full { display: none; }
  .site-header .wordmark-instrument .wordmark-short { display: inline; }
  .container, .nav-wrap { width: calc(100% - 64px); }
  .nav-wrap { min-height: 76px; }
  #primary-nav { gap: 24px; }
  #primary-nav a { padding-block: 28px 26px; }
  .hero { padding-top: 55px; }
  .home-preview-frame { padding: 32px 28px 20px; }
  .feature { gap: 34px; grid-template-columns: .85fr 1.2fr; }
  .feature-reverse { grid-template-columns: 1.2fr .85fr; }
  .feature-visual { padding: 28px 20px 18px; }
  .feature-visual figcaption { font-size: 8px; }
  .feature-visual figcaption > span:last-child { display: none; }
  .menu-feature { padding: 45px 35px; gap: 35px; }
  .menu-feature h2 { font-size: 37px; }
  .secondary-update { gap: 35px; padding: 28px; }
  .next-tool { gap: 35px; }
  .next-tool-art { padding: 28px 24px 0; height: 320px; }
  .next-tool-copy { padding-right: 10px; }
  .site-footer { padding-inline: 32px; }
  .tool-card-visual { height: 255px; padding: 27px 25px 0; }
  .reading-grid { gap: 25px; }
}

@media (max-width: 760px) {
  .home-intro { padding-bottom: 10px; }
  .home-intro::before { background: radial-gradient(ellipse 95% 42% at 45% 51%, var(--intro-glow-teal), transparent 85%), radial-gradient(ellipse 70% 35% at 60% 39%, var(--intro-glow-blue), transparent 85%); }
  .home-showcase { margin-top: 35px; }
  .home-preview-heading { margin-bottom: 12px; }
  .home-preview-heading > p { display: none; }
  .home-preview-options { width: 100%; gap: 2px; padding: 3px; }
  .home-preview-options button { flex: 1; padding: 10px 4px; font-size: 10px; white-space: nowrap; }
  .home-preview-frame { padding: 24px 15px 17px; border-radius: 9px; }
  .home-preview-note { font-size: 9px; margin-top: 15px; }
  .hero-download-meta { font-size: 10px; padding-inline: 10px; }
  .download-panel.container { display: flex; flex-direction: column; gap: 24px; padding: 36px 24px; min-height: 0; border-radius: 24px; margin-bottom: 65px; text-align: center; }
  .download-app-icon { width: 140px; height: 140px; }
  .download-panel h2 { font-size: 30px; }
  .download-tagline { font-size: 20px; margin-top: 13px; }
  .download-description { font-size: 15px; margin-top: 14px; }
  .download-release { font-size: 12px; }
  .download-panel-actions { justify-content: center; margin-top: 24px; }
  .download-panel .button-download { max-width: 100%; padding: 14px 20px; gap: 14px; font-size: 15px; }
  .download-support { justify-content: center; gap: 10px 22px; }
  .download-installation p { text-align: left; }
  .feature-details-hero { padding-top: 38px; }
  .feature-index { gap: 7px; padding-bottom: 28px; }
  .feature-index a { font-size: 10px; padding-inline: 11px; }
  .feature-detail-grid { grid-template-columns: 1fr; gap: 22px; }
  .feature-detail-media { height: auto; min-height: 160px; padding: 16px; }
  .feature-detail-screenshot .screenshot-button img { max-height: 165px; }
  .feature-detail-screenshot figcaption { font-size: 8px; }
  .feature-detail-screenshot figcaption > span:last-child { display: none; }
  .feature-detail-copy { padding: 25px 23px 27px; }
  .feature-detail-copy h3 { font-size: 27px; }
  .feature-detail-copy p { font-size: 13px; }
  .feature-page-navigation { display: block; padding-top: 20px; }
  .breadcrumbs ol { font-size: 12px; gap: 6px 10px; }
  .breadcrumbs li { gap: 7px; }
  .breadcrumbs .breadcrumb-home { font-size: 14px; gap: 8px; }
  .breadcrumb-home > span { font-size: 18px; }
  .product-nav { flex-wrap: wrap; gap: 0 3px; margin-top: 16px; }
  .product-nav a { padding-inline: 9px; font-size: 10px; }
  .feature-landing-hero { padding-top: 38px; padding-bottom: 33px; }
  .feature-landing-hero h1 { font-size: clamp(39px, 9.6vw, 58px); }
  .feature-landing-hero h1 br { display: none; }
  .feature-landing-intro { font-size: 15px; margin-top: 22px; }
  .feature-landing-meta { gap: 20px; margin-top: 23px; }
  .feature-landing-image { padding: 25px 14px 17px; border-radius: 9px; }
  .feature-explanation { padding-top: 65px; }
  .feature-explanation .section-intro { margin-bottom: 28px; }
  .feature-explanation .reading-grid { gap: 30px; }
  .feature-image-note { font-size: 10px; text-align: left; }
  .feature-credits { margin-bottom: 45px; }
  .feature-howto { padding-top: 35px; margin-top: 52px; }
  .feature-howto h2, .feature-explanation h2, .feature-faq h2 { font-size: 34px; }
  .feature-steps { grid-template-columns: 1fr; gap: 30px; margin-top: 32px; }
  .feature-steps li::before { margin-bottom: 14px; }
  .feature-steps h3 { font-size: 22px; }
  .feature-steps p { margin-top: 12px; }
  .feature-faq { display: block; margin-top: 65px; margin-bottom: 60px; }
  .faq-list { margin-top: 28px; }
  .faq-list summary { min-height: 65px; padding-block: 18px; font-size: 14px; }
  .faq-list p { padding-right: 14px; font-size: 13px; }
  .feature-related { padding: 34px 22px; margin-bottom: 65px; }
  .feature-related h2 { font-size: 32px; }
  .feature-related > p:not(.eyebrow) { font-size: 13px; margin-block: 20px; }
  .feature-related > div { gap: 20px; }
  .footer-features { gap: 13px 20px; font-size: 10px; }
  .footer-features > span { flex-basis: 100%; }
  html { scroll-padding-top: 90px; }
  .container, .nav-wrap { width: calc(100% - 40px); }
  .nav-wrap { min-height: 68px; position: relative; gap: 12px; }
  .header-actions { gap: 8px; }
  .theme-toggle { width: 40px; min-height: 40px; padding: 10px; }
  .theme-toggle-label { display: none; }
  .wordmark { font-size: 23px; gap: 8px; }
  .wordmark svg, .wordmark-app-icon { width: 25px; height: 25px; }
  .wordmark-tag { display: none; }
  .wordmark-instrument .wordmark-full { display: none; }
  .wordmark-instrument .wordmark-short { display: inline; }
  .menu-toggle { display: flex; gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: 5px; background: none; padding: 10px 12px; font-size: 12px; }
  .menu-toggle > span { font-size: 18px; line-height: 1; transition: transform .2s; }
  .menu-toggle[aria-expanded="true"] > span { transform: rotate(45deg); }
  #primary-nav { display: none; position: absolute; left: -20px; right: -20px; top: 68px; padding: 8px 20px 18px; background: var(--paper); box-shadow: 0 13px 18px #1e38211a; border-bottom: 1px solid var(--line); }
  #primary-nav.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  #primary-nav a { padding: 15px 6px; border-bottom: 0; font-size: 14px; border-radius: 5px; }
  #primary-nav a[aria-current] { background: var(--selected-bg); padding-left: 12px; }
  #primary-nav a:last-child { margin-left: 0; justify-content: space-between; }
  .hero { padding-top: 45px; }
  .product-eyebrow { font-size: 12px; gap: 8px; margin-bottom: 24px; }
  .product-eyebrow .app-mark { width: 31px; height: 31px; }
  .status-pill { font-size: 9px; padding: 5px 6px; margin-left: 1px; }
  h1 { font-size: clamp(44px, 10.7vw, 76px); line-height: 1.07; }
  .hero-description { font-size: 15px; margin-top: 21px; }
  .hero-actions { gap: 17px; margin-top: 24px; }
  .button { min-height: 47px; padding: 13px 17px; font-size: 12px; gap: 20px; }
  .platform-note { font-size: 10px; gap: 5px; }
  .platform-note svg { width: 16px; height: 16px; }
  .screenshot-button { border-radius: 5px; }
  .screenshot figcaption { font-size: 8px; padding-top: 13px; gap: 5px; }
  .screenshot figcaption > span:last-child { gap: 3px; }
  .zoom-badge { opacity: 1; transform: none; width: 26px; height: 26px; padding: 6px; right: 8px; bottom: 8px; }
  .inside-section { padding-top: 48px; }
  .section-intro { display: block; margin-bottom: 45px; }
  .eyebrow { font-size: 9px; letter-spacing: 1.5px; margin-bottom: 18px; }
  h2 { font-size: clamp(34px, 7.7vw, 49px); line-height: 1.13; }
  .section-intro > p { font-size: 13px; margin-top: 22px; padding: 0; }
  .feature, .feature-reverse { display: flex; flex-direction: column; align-items: stretch; gap: 28px; margin-bottom: 64px; }
  .feature-copy, .feature-reverse .feature-copy { padding: 0 5px; order: 0; }
  .feature-visual, .feature-reverse .feature-visual { order: 1; }
  .feature-number { font-size: 9px; margin-bottom: 15px; }
  .feature h3 { font-size: 35px; }
  .feature h3 br { display: none; }
  .feature-copy > p { max-width: 540px; font-size: 14px; margin-top: 17px; }
  .detail-list { margin: 18px 0 23px; gap: 9px; }
  .detail-list li { font-size: 12px; }
  .feature-visual { padding: 27px 16px 17px; border-radius: 9px; }
  .feature-visual figcaption > span:last-child { display: inline-flex; }
  .menu-feature { display: block; padding: 32px 25px 24px; margin-top: 0; margin-bottom: 78px; }
  .menu-feature h2 { font-size: 36px; }
  .secondary-update { grid-template-columns: 1fr; padding: 28px 22px; gap: 26px; margin-bottom: 40px; }
  .secondary-update-copy h2 { font-size: 29px; }
  .secondary-update-copy > p:not(.eyebrow) { font-size: 13px; margin-block: 16px 20px; }
  .secondary-update-preview figcaption > span:last-child { display: none; }
  .all-features-cta { display: block; padding-block: 25px 45px; margin-bottom: 55px; }
  .all-features-cta h2 { font-size: 31px; }
  .all-features-cta p:not(.eyebrow) { font-size: 13px; }
  .all-features-cta > a { margin-top: 25px; }
  .menu-feature-copy > p:last-child { max-width: 450px; font-size: 13px; margin-top: 20px; }
  .more-tools { padding-bottom: 70px; }
  .more-tools-heading { display: block; margin-bottom: 30px; }
  .more-tools-heading > a { margin-top: 24px; margin-bottom: 0; }
  .next-tool { display: flex; flex-direction: column; gap: 25px; padding: 16px; align-items: stretch; }
  .next-tool-art { height: 260px; padding: 30px 26px 0; }
  .next-tool-copy { padding: 0 8px 15px; }
  .next-tool-copy .markdown-mark { width: 39px; height: 39px; margin-bottom: 16px; }
  .next-tool-copy h3 { font-size: 29px; }
  .next-tool-copy > p:not(.eyebrow) { max-width: 450px; font-size: 13px; margin-bottom: 20px; }
  .site-footer { padding: 29px 20px 24px; }
  .footer-top { flex-wrap: wrap; gap: 18px; padding-bottom: 28px; }
  .footer-top > p { order: 3; flex-basis: 100%; font-size: 10px; }
  .footer-top .wordmark { font-size: 22px; }
  .back-top { font-size: 10px; }
  .footer-bottom { flex-direction: column; gap: 16px; font-size: 9px; }
  .catalog-intro { padding-top: 55px; padding-bottom: 45px; }
  .catalog-intro h1 { font-size: clamp(43px, 10vw, 72px); }
  .catalog-intro > p:last-child { font-size: 15px; margin-top: 21px; }
  .catalog-heading { padding-block: 20px; }
  .catalog-heading h2 { font-size: 15px; }
  .catalog-heading > span { font-size: 9px; }
  .tool-grid { grid-template-columns: 1fr; gap: 27px; }
  .tool-card-visual { height: 260px; padding: 28px 26px 0; }
  .tool-card-info { padding: 23px; }
  .tool-card h3 { font-size: 28px; }
  .tool-card p { font-size: 13px; }
  .catalog { padding-bottom: 70px; }
  .catalog-note { font-size: 10px; margin-top: 24px; }
  .markdown-hero .product-eyebrow { font-size: 12px; }
  .markdown-hero .product-eyebrow .markdown-mark { height: 31px; width: 31px; }
  .markdown-showcase { margin-top: 39px; padding: 28px 15px 17px; }
  .markdown-details { padding-top: 76px; }
  .reading-grid { grid-template-columns: 1fr; gap: 28px; margin-bottom: 60px; }
  .reading-grid article { padding-top: 22px; }
  .reading-icon { height: 34px; width: 34px; font-size: 20px; margin-bottom: 19px; }
  .reading-grid h3 { font-size: 23px; }
  .reading-grid p { margin-top: 11px; }
  .collection-cta { padding: 0 0 70px; }
  .collection-cta h2 { font-size: 33px; }
  .collection-cta > p:not(.eyebrow) { font-size: 13px; margin-block: 20px; }
  .lightbox { width: 98vw; max-height: 96dvh; border-radius: 9px; }
  .lightbox-toolbar { gap: 10px; padding: 14px 12px; align-items: flex-start; }
  .lightbox h2 { font-size: 13px; line-height: 1.3; }
  .lightbox-toolbar p { font-size: 9px; margin-top: 5px; }
  .lightbox-actions { gap: 9px; flex-direction: column-reverse; align-items: end; flex-shrink: 0; }
  .lightbox-actions a { font-size: 9px; gap: 5px; }
  .lightbox-close { padding: 7px 10px; gap: 14px; font-size: 11px; }
  .lightbox-close span { font-size: 19px; }
  .lightbox-image-wrap { padding: 0 6px; }
  .lightbox-image-wrap img { max-height: calc(96dvh - 146px); }
  .lightbox-tip { font-size: 9px; }
}

@media (max-width: 360px) {
  .site-header .wordmark { font-size: 20px; gap: 7px; }
  .site-header .wordmark svg, .site-header .wordmark-app-icon { width: 22px; height: 22px; }
  .wordmark-tag { display: none; }
  .hero-actions { flex-direction: column; gap: 13px; }
  .product-eyebrow { flex-wrap: wrap; }
  .feature-visual figcaption > span:last-child { display: none; }
}

@media (max-width: 760px) {
  .utility-breadcrumb { padding-top: 18px; }
  .utility-breadcrumb .breadcrumb-home { font-size: 14px; }
  .utility-hero .product-eyebrow { flex-wrap: wrap; }
  .utility-hero .hero-actions { flex-wrap: wrap; gap: 18px; }
  .utility-stories { padding-top: 55px; }
  .utility-stories .feature h2 { font-size: 35px; }
  .utility-stories .feature h2 br { display: none; }
  .utility-stories .feature-copy > p { max-width: 540px; }
  .utility-faq { margin-top: 65px; }
  .utility-companion { text-align: center; gap: 14px; padding-bottom: 65px; margin-top: -25px; }
  .utility-companion p { font-size: 14px; }
  .related-tool-grid .tool-card-visual { height: 260px; padding: 28px 26px 0; }
  .related-tool-grid .tool-card-info { padding: 23px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Keep the real partial inspector at a readable, natural scale. */
.utility-inspector-crop { width: min(100%, 340px); margin-inline: auto; }
.utility-inspector-crop figcaption { flex-direction: column; align-items: flex-start; gap: 8px; }

/* Screenshot-first galleries: stable tab frames, complete images, compact copy. */
.tool-grid:has([data-tool-gallery]) { align-items: start; }
[data-tool-gallery].tool-card { min-width: 0; transition: border-color .2s; }
[data-tool-gallery].tool-card:hover { transform: none; }
[data-tool-gallery] .tool-card-visual { height: auto; overflow: visible; padding: 14px 14px 10px; }
.tool-preview-options { display: flex; width: fit-content; max-width: 100%; gap: 3px; padding: 3px; margin-bottom: 12px; overflow-x: auto; border: 1px solid var(--line); border-radius: 7px; background: var(--header-bg); scrollbar-width: thin; }
.tool-preview-options button { flex: 0 0 auto; min-height: 34px; border: 0; border-radius: 4px; padding: 8px 12px; background: none; color: var(--muted); font-size: 11px; line-height: 1.3; white-space: nowrap; }
.tool-preview-options button:hover { color: var(--ink); background: var(--hover-bg); }
.tool-preview-options button[aria-pressed="true"] { color: var(--selected-text); background: var(--selected-bg); }
.tool-preview-options button:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
[data-tool-gallery] .tool-card-screenshot .screenshot-button { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16 / 11; border-radius: 6px; background: transparent; box-shadow: none; overflow: visible; }
[data-tool-gallery] .tool-card-screenshot .screenshot-button img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px; box-shadow: 0 8px 20px #02081740; }
[data-tool-gallery] .tool-card-screenshot a.screenshot-button { cursor: pointer; }
[data-tool-gallery] .tool-card-screenshot figcaption { padding-top: 9px; gap: 10px; font-size: 10px; line-height: 1.5; }
[data-tool-gallery] .tool-card-screenshot figcaption > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-tool-gallery] .tool-card-screenshot figcaption > span:last-child { flex-shrink: 0; }
[data-tool-gallery] .tool-card-info { padding: 18px 22px 20px; }
[data-tool-gallery] .tool-card-heading { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; column-gap: 12px; row-gap: 2px; margin-bottom: 0; }
[data-tool-gallery] .tool-card-heading .app-mark { width: 32px; height: 32px; }
[data-tool-gallery] .tool-card-heading h3 { display: block; min-width: 0; font-size: clamp(22px, 1.9vw, 30px); line-height: 1.15; letter-spacing: -.85px; }
[data-tool-gallery] .tool-card-heading h3 a { display: inline-flex; align-items: center; gap: 12px; }
[data-tool-gallery] .tool-card-heading h3 a:hover { color: var(--accent); }
[data-tool-gallery] .tool-card-heading h3 span { font-size: .75em; }
[data-tool-gallery] .tool-card-heading .tool-platform { font-size: 10px; line-height: 1.45; text-align: right; }
[data-tool-gallery] .tool-card-info > p { max-width: none; margin-top: 10px; font-size: 14px; line-height: 1.5; }
[data-tool-gallery] .tool-card-info .text-link { margin-top: 10px; padding-bottom: 2px; font-size: 12px; }

@media (min-width: 1201px) {
  .catalog-page .container, .catalog-page .nav-wrap { width: calc(100% - 96px); max-width: 1920px; }
  .catalog-page .site-footer { padding-inline: max(48px,calc((100vw - 1920px)/2)); }
  .catalog-page .catalog-intro { padding-top: 56px; padding-bottom: 48px; }
  .catalog-page .catalog-intro h1 { font-size: clamp(64px, 5vw, 88px); }
  .catalog-page .catalog-intro > p:last-child { margin-top: 20px; }
  .catalog-page .tool-grid { gap: 28px; }
}
@media (min-width: 1600px) {
  [data-tool-gallery] .tool-card-visual { padding: 16px 16px 12px; }
  [data-tool-gallery] .tool-card-info { padding: 18px 24px 20px; }
  [data-tool-gallery] .tool-card-info > p { font-size: 15px; }
  [data-tool-gallery] .tool-card-heading .tool-platform { font-size: 11px; }
  .related-tool-grid [data-tool-gallery] .tool-card-heading { grid-template-columns: 30px minmax(0,1fr); }
  .related-tool-grid [data-tool-gallery] .tool-card-heading .tool-platform { grid-column: 2; text-align: left; }
  .related-tool-grid [data-tool-gallery] .tool-card-heading h3 { font-size: 26px; }
}
@media (max-width: 1050px) {
  [data-tool-gallery] .tool-card-heading { grid-template-columns: 30px minmax(0,1fr); column-gap: 10px; }
  [data-tool-gallery] .tool-card-heading .app-mark { width: 30px; height: 30px; }
  [data-tool-gallery] .tool-card-heading .tool-platform { grid-column: 2; text-align: left; }
  [data-tool-gallery] .tool-card-info { padding: 16px 18px 18px; }
}
@media (max-width: 760px) {
  [data-tool-gallery] .tool-card-visual { padding: 10px 10px 8px; }
  .tool-preview-options { margin-bottom: 9px; gap: 2px; }
  .tool-preview-options button { min-height: 36px; padding: 8px 10px; font-size: 10px; }
  [data-tool-gallery] .tool-card-info { padding: 14px 16px 16px; }
  [data-tool-gallery] .tool-card-heading h3 { font-size: 23px; letter-spacing: -.65px; }
  [data-tool-gallery] .tool-card-info > p { margin-top: 9px; font-size: 13px; }
  [data-tool-gallery] .tool-card-info .text-link { margin-top: 8px; }
  [data-tool-gallery] .tool-card-screenshot figcaption { font-size: 9px; padding-top: 8px; gap: 6px; }
  [data-tool-gallery] .tool-card-screenshot figcaption > span:last-child { display: none; }
}

/* Instrument Network Tools: full app first, distinct scrolling feature stories. */
.network-page .network-intro { position: relative; isolation: isolate; padding-bottom: 4px; }
.network-page .network-intro::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 52% 49% at 23% 51%, var(--intro-glow-teal), transparent 82%), radial-gradient(ellipse 48% 42% at 73% 54%, var(--intro-glow-blue), transparent 82%); }
.network-page .network-hero { max-width: 1220px; padding-top: 46px; }
.network-page .network-hero h1 { font-size: clamp(54px, 6.4vw, 100px); }
.network-page .network-hero .hero-description { max-width: 790px; font-size: 19px; }
.network-page .network-showcase.container { max-width: 1400px; margin-top: 58px; }
.network-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 17px; }
.network-preview-heading > p { font-size: 12px; color: var(--muted); }
.network-preview-options { display: flex; gap: 4px; padding: 4px; max-width: 100%; border: 1px solid var(--line); border-radius: 8px; background: var(--header-bg); }
.network-preview-options button { min-height: 42px; border: 0; border-radius: 5px; padding: 10px 18px; background: transparent; color: var(--muted); font-size: 13px; white-space: nowrap; }
.network-preview-options button:hover { background: var(--hover-bg); color: var(--ink); }
.network-preview-options button[aria-pressed="true"] { background: var(--selected-bg); color: var(--selected-text); }
.network-preview-stage { padding: 28px 28px 19px; border: 1px solid var(--frame-border); border-radius: 16px; background: var(--showcase-bg); box-shadow: inset 0 1px 0 #ffffff08, 0 30px 70px -40px #0008; }
.network-preview-frame .screenshot-button { aspect-ratio: 1920 / 1020; display: flex; align-items: center; justify-content: center; background: transparent; }
.network-preview-frame .screenshot-button img { width: 100%; height: 100%; object-fit: contain; }
.network-preview-frame figcaption { min-height: 28px; font-size: 11px; }
.network-feature-nav { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; padding-block: 34px 38px; }
.network-feature-nav a { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 15px; font-weight: 500; }
.network-feature-nav a > span:first-child { color: var(--accent); font-size: 11px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.network-feature-nav a > span:last-child { margin-left: auto; color: var(--muted); font-size: 19px; }
.network-feature-nav a:hover { color: var(--accent); border-bottom-color: var(--accent); }
.network-stories { padding-top: 66px; }
.network-story { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 58px; align-items: center; margin-bottom: 110px; }
.network-story:nth-child(even) { grid-template-columns: minmax(0,1fr) 330px; }
.network-story:nth-child(even) .network-story-copy { order: 2; }
.network-story:nth-child(even) .network-story-visual { order: 1; }
.network-story-copy { min-width: 0; }
.network-story-copy .eyebrow { font-size: 11px; margin-bottom: 22px; }
.network-story-copy h2 { font-size: clamp(35px, 3.3vw, 50px); line-height: 1.1; }
.network-story-copy > p:not(.eyebrow) { font-size: 17px; color: var(--muted); margin-top: 22px; max-width: 38ch; }
.network-story-copy .detail-list { gap: 11px; margin-block: 24px 0; }
.network-story-copy .detail-list li { font-size: 13px; }
.network-story-visual { min-width: 0; padding: 24px 24px 17px; border: 1px solid var(--frame-border); border-radius: 15px; }
.network-story-visual .screenshot-button img { object-fit: contain; }
.network-story-visual figcaption { font-size: 10px; }
.network-more { padding-top: 8px; padding-bottom: 90px; }
.network-more-heading { margin-bottom: 35px; }
.network-more-heading .eyebrow { margin-bottom: 16px; }
.network-more h2 { font-size: clamp(36px, 4vw, 50px); }
.network-more-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; }
.network-more-grid article { min-width: 0; padding-top: 25px; border-top: 1px solid var(--line); }
.network-more-grid h3 { font-size: 25px; font-weight: 500; letter-spacing: -.8px; }
.network-more-grid p { max-width: 40ch; margin-top: 14px; color: var(--muted); font-size: 16px; }
.network-more-grid .network-tool-names { margin-top: 18px; color: var(--accent); font-size: 12px; }
.network-page .network-faq { margin-top: 15px; margin-bottom: 90px; }
.network-page .network-faq h2 { font-size: 43px; }
.network-page .download-panel { margin-bottom: 90px; }

@media (min-width: 1600px) {
  .network-page .network-hero { padding-top: 48px; }
  .network-page .network-hero .product-eyebrow { font-size: 17px; }
  .network-page .network-hero .hero-description { font-size: 20px; }
  .network-page .network-hero .hero-download-meta { font-size: 13px; }
  .network-page .network-showcase.container { margin-top: 64px; }
  .network-story { grid-template-columns: 360px minmax(0,1fr); gap: 66px; margin-bottom: 120px; }
  .network-story:nth-child(even) { grid-template-columns: minmax(0,1fr) 360px; }
  .network-story-copy h2 { font-size: 52px; }
  .network-story-copy > p:not(.eyebrow) { font-size: 18px; }
  .network-story-copy .detail-list li { font-size: 14px; }
  .network-page .network-feature-nav { max-width: 1400px; }
}

@media (max-width: 1200px) {
  .network-story, .network-story:nth-child(even) { grid-template-columns: minmax(0,1fr); gap: 30px; margin-bottom: 85px; }
  .network-story:nth-child(even) .network-story-copy { order: 0; }
  .network-story:nth-child(even) .network-story-visual { order: 1; }
  .network-story-copy { max-width: 780px; }
  .network-story-copy h2 br { display: none; }
  .network-story-copy > p:not(.eyebrow) { max-width: 70ch; }
  .network-story-copy .detail-list { display: flex; flex-wrap: wrap; gap: 10px 25px; margin-top: 18px; }
  .network-feature-nav { gap: 18px; }
  .network-feature-nav a { font-size: 13px; }
  .network-more-grid { gap: 25px; }
  .network-more-grid p { font-size: 14px; }
}

@media (max-width: 760px) {
  .network-page .network-hero { padding-top: 32px; }
  .network-page .network-hero h1 { font-size: clamp(40px, 9.5vw, 68px); letter-spacing: -.06em; }
  .network-page .network-hero .product-eyebrow { flex-wrap: wrap; }
  .network-page .network-hero .hero-description { font-size: 16px; max-width: 560px; }
  .network-page .network-hero .hero-actions { flex-wrap: wrap; gap: 17px; }
  .network-page .network-showcase.container { margin-top: 38px; }
  .network-preview-heading { gap: 0; margin-bottom: 13px; }
  .network-preview-heading > p { display: none; }
  .network-preview-options { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); width: 100%; gap: 3px; }
  .network-preview-options button { min-width: 0; min-height: 42px; padding: 9px 8px; font-size: 12px; }
  .network-preview-stage { border-radius: 10px; padding: 10px 10px 12px; }
  .network-preview-frame figcaption { font-size: 8px; min-height: 20px; padding-top: 11px; }
  .network-preview-frame figcaption > span:last-child { display: none; }
  .network-feature-nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 23px; padding-block: 19px 24px; }
  .network-feature-nav a { gap: 9px; min-height: 57px; padding: 14px 0; font-size: 13px; }
  .network-feature-nav a > span:first-child { font-size: 10px; }
  .network-feature-nav a > span:last-child { font-size: 17px; }
  .network-stories { padding-top: 48px; }
  .network-story, .network-story:nth-child(even) { gap: 26px; margin-bottom: 66px; }
  .network-story-copy .eyebrow { font-size: 10px; margin-bottom: 16px; }
  .network-story-copy h2 { font-size: 35px; }
  .network-story-copy > p:not(.eyebrow) { font-size: 15px; margin-top: 18px; }
  .network-story-copy .detail-list { display: grid; gap: 9px; }
  .network-story-copy .detail-list li { font-size: 12px; }
  .network-story-visual { padding: 11px 11px 13px; border-radius: 10px; }
  .network-story-visual figcaption { font-size: 8px; }
  .network-story-visual figcaption > span:last-child { display: none; }
  .network-more { padding-top: 0; padding-bottom: 65px; }
  .network-more-heading { margin-bottom: 28px; }
  .network-more-grid { grid-template-columns: 1fr; gap: 28px; }
  .network-more-grid article { padding-top: 22px; }
  .network-more-grid h3 { font-size: 24px; }
  .network-more-grid p { max-width: 54ch; margin-top: 11px; font-size: 15px; }
  .network-more-grid .network-tool-names { margin-top: 13px; font-size: 11px; }
  .network-page .network-faq { margin-top: 0; margin-bottom: 65px; }
  .network-page .network-faq h2 { font-size: 35px; }
  .network-page .download-panel { margin-bottom: 65px; }
}

/* Keep the Markdown gallery sized to its window captures. */
.markdown-showcase .network-preview-frame .screenshot-button { aspect-ratio: 1869 / 1338; }