/* A9: shared detail-page system. Loaded only by the six local subpages. */
html { scroll-padding-top:0 }
html.keyboard-input { scroll-behavior:auto }
.detail-page { --bg:#0b0d10; --surface:#15191f; --text:#edf0f5; --muted:#aab3c2; --accent:#b8d6f3; --line:#303743; --sub-header:76px; --sub-panel:#1a2029; background:var(--bg); color:var(--text); color-scheme:dark }
.detail-page *, .detail-page *:before, .detail-page *:after { box-sizing:border-box }
.detail-page .container { width:min(1200px,calc(100% - 80px)) }
.detail-page h1,.detail-page h2,.detail-page h3 { text-wrap:balance; letter-spacing:-.03em }
.detail-page p { text-wrap:pretty }
.detail-page a,.detail-page button,.detail-page input,.detail-page select { -webkit-tap-highlight-color:transparent }
.detail-page :focus-visible { outline:2px solid var(--accent); outline-offset:4px }
.detail-page :is(section,details)[id] { scroll-margin-top:calc(var(--sub-header) + 28px) }
.detail-page .site-header { background:#0b0d10f5; backdrop-filter:none; border-color:var(--line) }
.detail-page .navigation { max-width:1440px; gap:24px }
.detail-page .desktop-nav { gap:24px }
.detail-page .desktop-nav a { min-height:44px; display:inline-flex; align-items:center; position:relative }
.detail-page .desktop-nav [aria-current=page]:after { content:''; position:absolute; bottom:2px; inset-inline:0; height:2px; background:var(--accent) }
.detail-page .button { border:1px solid transparent; border-radius:10px; background:#e5edf7; color:#192332; box-shadow:none; font-weight:550; min-height:48px; gap:12px; transition:transform 160ms var(--ease),background 160ms var(--ease) }
.detail-page .button.compact { min-height:44px; padding-inline:18px; white-space:nowrap }
.detail-page .text-action { min-height:44px; justify-content:flex-start; color:var(--accent); font-weight:500; transition:color 160ms var(--ease),transform 160ms var(--ease) }
.detail-page .menu-toggle { border-radius:8px; white-space:nowrap; min-width:52px }
.detail-page .breadcrumb { grid-column:1/-1; display:flex; align-items:center; gap:12px; font-size:12px; color:var(--muted); min-height:44px; margin-bottom:24px }
.detail-page .breadcrumb a { display:inline-flex; align-items:center; min-height:44px; color:#d6dce5 }
.detail-page .breadcrumb>span[aria-hidden] { color:#7f8a9c }
.detail-page .page-intro { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); align-items:end; column-gap:64px; padding-block:20px 56px }
.detail-page .page-intro h1 { margin:0; font-size:clamp(36px,4.3vw,60px); font-weight:570; line-height:1.3; letter-spacing:-.03em; animation:none }
.detail-page .headline-metal { display:inline-block; text-wrap:balance; color:var(--accent); background:none; -webkit-text-fill-color:currentColor }
.detail-page .page-lead { margin:0; font-size:15px; line-height:1.9; max-width:65ch; color:var(--muted) }
.detail-page .intro-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px 20px; margin-top:24px }
.detail-page .intro-actions .text-action { font-size:13px }
.detail-page .content-section { margin-top:96px }
.detail-page .section-heading { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:48px }
.detail-page .section-heading h2 { font-size:clamp(28px,3vw,40px); font-weight:550; line-height:1.4; margin:0 }
.detail-page .section-heading>p:last-child { color:var(--muted); font-size:14px; max-width:60ch; line-height:1.9 }
.detail-page .chapter-nav { position:sticky; top:var(--sub-header); z-index:10; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:8px; background:#12161cf5; border:1px solid var(--line); border-radius:12px; font-size:13px }
.chapter-nav a { display:flex; align-items:center; gap:10px; padding:12px 16px; min-height:48px; border-radius:7px; color:#b6c2d2 }
.chapter-nav a>span { font-size:11px; color:#8d9bad; font-variant-numeric:tabular-nums }
.chapter-nav a[aria-current=location] { color:#e5f1ff; background:#29394d }
.chapter-nav a[aria-current=location]>span { color:var(--accent) }
.detail-page .product-chapter[id] { display:grid; grid-template-columns:minmax(260px,.82fr) minmax(0,1.55fr); align-items:center; gap:48px; padding-top:64px; margin-top:32px; border-top:1px solid var(--line); scroll-margin-top:calc(var(--sub-header) + 72px) }
.detail-page .product-chapter:first-child { border-top:0; padding-top:24px; margin-top:32px }
.detail-page .chapter-top { display:block; margin:0; min-width:0 }
.detail-page .chapter-number { display:block; color:var(--accent); font-size:13px; line-height:1.5; font-weight:500; font-variant-numeric:tabular-nums; margin-bottom:16px }
.detail-page .chapter-top h2 { font-size:clamp(24px,2.4vw,32px); font-weight:550; line-height:1.5; margin:0 0 16px }
.detail-page .chapter-top p { font-size:14px; line-height:1.9; color:var(--muted) }
.detail-page .chapter-top .benefit-list { margin-top:24px; font-size:13px }
.detail-page .benefit-list li { color:#cbd4e1; border-color:var(--line); padding-block:12px; line-height:1.7 }
.detail-page .chapter-next { margin-top:16px; font-size:13px }
.detail-page .detail-shot { border:1px solid #3c4859; border-radius:12px; background:var(--surface); padding:8px 8px 0; margin:0; box-shadow:none }
.detail-page .detail-shot .screen-zoom { border-radius:6px; display:block; width:100%; background:var(--bg) }
.detail-page .detail-shot img { width:100%; height:auto; object-fit:contain }
.detail-page .detail-shot figcaption { font-size:11px; color:#b9c5d5; line-height:1.7; padding:12px 8px }
.detail-page .zoom-label { background:#202b3c; color:#e9f0fa; border:1px solid #52657f; border-radius:7px; box-shadow:none; font-size:11px; min-height:36px; padding:8px 12px; bottom:12px; right:12px }
.detail-page .advantage-opening { grid-template-columns:1.15fr 1fr; gap:72px; padding:40px 0; border-block:1px solid var(--line); align-items:center }
.collaboration-route { background:var(--surface); border-radius:12px; padding:28px 32px }
.collaboration-route ol { list-style:none; padding:0; margin:0 }
.collaboration-route li { display:grid; grid-template-columns:52px 1fr; gap:2px 20px; position:relative; padding-bottom:28px }
.collaboration-route li:not(:last-child):after { content:''; position:absolute; left:23px; top:48px; bottom:3px; width:1px; background:#455971 }
.collaboration-route li>span { display:grid; place-items:center; grid-row:1/3; align-self:start; width:48px; height:44px; background:#243449; color:var(--accent); border-radius:8px; font-size:12px }
.collaboration-route strong { font-size:18px; line-height:1.6; font-weight:550 }.collaboration-route small { font-size:12px; color:var(--muted); line-height:1.8 }
.collaboration-route .text-action { font-size:13px; padding-bottom:0 }
.detail-page .advantage-aside h2 { font-size:30px; line-height:1.5; margin:0 0 20px; font-weight:550 }
.detail-page .advantage-aside p { font-size:15px; line-height:1.9; max-width:50ch }.detail-page .advantage-aside .text-action { margin-top:24px }
.detail-page .comparison { margin-top:32px; border:1px solid var(--line); border-radius:12px }
.detail-page .comparison table { font-size:14px; min-width:620px }
.detail-page .comparison th,.detail-page .comparison td { padding:22px 24px; line-height:1.8 }
.detail-page .comparison th:first-child { padding-left:24px; width:16% }.detail-page .comparison td { color:var(--muted); min-width:0 }
.detail-page .comparison th:last-child { background:#263548; color:#deedff }.detail-page .comparison td:last-child { background:#172333; color:#cedef2 }
.detail-page .comparison tr:last-child :is(td,th) { border-bottom:0 }.table-hint { display:none }
.detail-page .audience-list { display:block; margin-top:32px; border-top:1px solid var(--line) }
.detail-page .audience-list article { display:grid; grid-template-columns:140px 1fr 1.2fr; align-items:baseline; gap:24px; padding:28px 0; border:0; border-bottom:1px solid var(--line) }
.detail-page .audience-list span { color:var(--accent); font-size:13px }.detail-page .audience-list h3 { font-size:20px; margin:0; line-height:1.6; font-weight:500 }.detail-page .audience-list p { color:var(--muted); line-height:1.9 }
.detail-page .responsibility { background:var(--surface); border:0; border-radius:12px; margin-top:80px; gap:0; overflow:hidden }
.detail-page .responsibility>div { padding:36px }.detail-page .responsibility>div+div { background:#1c2837; border-left:0; padding:36px }
.detail-page .responsibility h2 { margin:0 0 24px; font-size:28px; font-weight:550; line-height:1.5 }.detail-page .responsibility ul { color:#bfccdc; max-width:none; font-size:14px; line-height:1.9; margin:0 }
.detail-page .browser-showcase { padding:28px; border:1px solid var(--line); background:var(--surface); border-radius:12px }
.detail-page .browser-showcase-label { align-items:center; gap:24px; margin-bottom:24px }.browser-showcase-label h2 { font-size:20px; line-height:1.6; font-weight:500 }.detail-page .browser-showcase-label>span { font-size:11px; color:var(--muted); text-align:right }
.environment-workspace { display:grid; grid-template-columns:240px minmax(0,1fr); border:1px solid #3c4859; border-radius:10px; overflow:hidden }
.environment-tabs { display:flex; flex-direction:column; padding:12px; gap:8px; background:#10151d; border-right:1px solid #3c4859 }
.environment-tabs button { display:flex; align-items:center; gap:12px; text-align:left; border:1px solid transparent; background:transparent; border-radius:8px; padding:16px 12px; color:#becbde; font:inherit; min-height:72px }
.environment-tabs button[aria-selected=true] { background:#25374f; border-color:#597696; color:#ecf5ff }
.environment-monogram { display:grid; place-items:center; width:32px; height:36px; border-radius:6px; background:#354b67; color:#d9eaff; flex-shrink:0; font-size:12px }
.environment-tabs strong { display:block; font-size:14px; font-weight:550 }.environment-tabs small { display:block; font-size:11px; line-height:1.8; margin-top:4px; color:#acbfd7 }
.environment-panels { min-width:0; background:#19212c }.environment-panel>header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 24px; font-size:12px; border-bottom:1px solid #3c4859; color:#bac9dc }.environment-panel>header>span:last-child { color:#9eb2cc; font-size:11px }
.environment-body { padding:28px 32px }.environment-body h3 { font-size:28px; line-height:1.5; font-weight:550 }.environment-body>p { color:var(--muted); font-size:13px; margin-top:8px }
.environment-facts { margin:24px 0 8px }.environment-facts>div { display:grid; grid-template-columns:80px 1fr; gap:24px; border-top:1px solid #364252; padding:14px 0; font-size:13px }.environment-facts dt { color:#9fb1c9 }.environment-facts dd { margin:0; color:#dce6f4 }.environment-body .text-action { font-size:13px }
.detail-page .diagram-caption { margin-top:20px; font-size:12px; color:var(--muted); line-height:1.8 }
.detail-page .journey-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; list-style:none; padding:0; margin:32px 0 0 }
.detail-page .journey-list li { display:block; border-top:1px solid #4e627a; border-bottom:0; padding:20px 0 0 }.detail-page .journey-list li>span { display:block; margin-bottom:20px; font-size:12px; font-variant-numeric:tabular-nums }.detail-page .journey-list h3 { font-size:18px; margin-bottom:12px; font-weight:500; line-height:1.6 }.detail-page .journey-list p { font-size:13px; line-height:1.9 }
.detail-page .boundary-grid { gap:64px }.detail-page .boundary-grid article { border-top:1px solid var(--line); padding-top:32px }.detail-page .boundary-grid h2 { font-size:28px; margin:0 0 20px; line-height:1.5; font-weight:550 }.detail-page .boundary-grid p { font-size:14px; line-height:1.9 }
.detail-page .pricing-layout { grid-template-columns:1fr 1fr; gap:64px; align-items:center }
.detail-page .pricing-card { padding:36px; border:1px solid #536983; border-radius:12px; background:#182331 }
.plan-name { font-size:20px; line-height:1.6; font-weight:500; color:#c8dcf4 }
.detail-page .pricing-card .price { margin:24px 0 }.detail-page .price strong { font-size:64px; line-height:1.1; font-weight:550; letter-spacing:-.03em; font-variant-numeric:tabular-nums }.detail-page .price>span { font-size:16px; color:#bfd0e5 }.detail-page .price>span:first-child { color:var(--text); font-size:24px }
.detail-page .pricing-card .fee { border-color:#43566e; padding-block:20px; margin:24px 0; font-size:14px; gap:16px; align-items:center }.detail-page .fee strong { font-size:28px; color:#d7e9ff }.detail-page .fee a { min-height:44px; display:inline-flex; gap:12px; align-items:center }
.detail-page .pricing-card p:not(.price),.detail-page .pricing-card small { color:#bdcde2 }.detail-page .pricing-card small { font-size:12px }.detail-page .pricing-card .button { margin-top:24px }
.detail-page .pricing-includes { padding-block:16px }.detail-page .pricing-includes h2 { font-size:32px; font-weight:550; margin-bottom:24px; line-height:1.5 }.detail-page .pricing-includes .benefit-list { font-size:14px }.detail-page .pricing-includes>p { color:var(--muted); line-height:1.9; margin-top:16px; font-size:12px }.pricing-includes>.text-action { margin-top:16px; font-size:13px }
.detail-page .cost-list { display:block; margin-top:32px; border-top:1px solid var(--line) }.detail-page .cost-list article { display:grid; grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr); gap:48px; padding:28px 0; border-top:0; border-bottom:1px solid var(--line) }.detail-page .cost-list h3 { margin:0; font-size:20px; font-weight:500 }.detail-page .cost-list p { color:var(--muted); font-size:14px; max-width:65ch; line-height:1.9 }
.faq-search { padding:24px 28px; background:var(--surface); border:1px solid var(--line); border-radius:12px; margin-bottom:40px }.faq-search label { display:block; font-size:13px; color:#bfccdc; margin-bottom:12px }.faq-search-field { display:flex; align-items:center; border:1px solid #586a80; border-radius:8px; background:#0f151d; padding:0 8px 0 16px }.faq-search-field:focus-within { outline:2px solid var(--accent); outline-offset:3px }.faq-search input { min-width:0; width:100%; min-height:52px; background:none; color:var(--text); font:inherit; font-size:16px; border:0; outline:0; border-radius:8px }.faq-search input::placeholder { color:#9eafc4 }.faq-search-field button { flex-shrink:0; min-height:44px; padding:8px 12px; border:0; background:#26364b; border-radius:6px; color:#dbebff; font:inherit; font-size:12px }.faq-search p { color:var(--muted); font-size:12px; margin-top:12px }
.detail-page .faq-layout { grid-template-columns:220px minmax(0,1fr); gap:64px }.detail-page .faq-index { top:calc(var(--sub-header) + 24px); gap:8px }.detail-page .faq-index a { min-height:44px; padding:12px 16px; border-radius:8px; color:var(--muted); border:1px solid transparent; font-size:13px }.detail-page .faq-index a[aria-current=location] { background:#243449; border-color:#4c6583; color:#dfedff }
.detail-page .faq-groups section { margin-bottom:48px }.detail-page .faq-groups h2 { padding:0 0 16px; font-size:24px; line-height:1.5; font-weight:550 }.detail-page .faq-groups details { padding:0; border-bottom:1px solid var(--line) }.detail-page .faq-groups summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; min-height:60px; list-style:none; font-size:16px; font-weight:500; line-height:1.7 }.detail-page .faq-groups summary::-webkit-details-marker { display:none }.detail-page .faq-groups summary:after { content:'+'; flex-shrink:0; display:grid; place-items:center; width:24px; height:24px; font-size:20px; font-weight:300; color:var(--accent) }.detail-page .faq-groups details[open] summary { color:var(--accent) }.detail-page .faq-groups details[open] summary:after { content:'−' }.detail-page .faq-groups details p { max-width:65ch; padding:0 28px 24px 0; color:#b6c4d6; font-size:14px; line-height:1.95 }
.faq-empty { border:1px solid var(--line); padding:40px; border-radius:12px; background:var(--surface) }.faq-empty h2 { font-size:24px }.faq-empty p { color:var(--muted); margin:16px 0 24px }
.detail-page .download-layout { grid-template-columns:1fr 1fr; gap:64px; align-items:start }.detail-page .download-picker { background:var(--surface); border:1px solid #4c607a; border-radius:12px; padding:36px }.version-heading { font-size:24px; font-weight:550; line-height:1.5 }.detail-page .download-picker label { color:#bfccdd; font-size:13px; margin-top:24px }.detail-page .download-picker select { min-height:52px; font-size:16px; background:#101720; border-color:#6b7f99; padding:12px 16px }.detail-page .download-status { margin-top:24px; padding:20px 0; border-block:1px solid var(--line); gap:12px; align-items:center }.detail-page .download-status strong { font-size:16px; color:#dfe9f7 }.detail-page .download-status span { color:#b9cbe3; font-size:12px }
.detail-page .download-closed { width:100%; margin-top:24px; color:#abb6c6; background:#28313e; border-color:#414d5e; cursor:not-allowed; opacity:1; transform:none; box-shadow:none }.detail-page .release-note { border:0; padding:0; margin-top:20px; gap:10px }.detail-page .release-note .signal { background:#b4cbe6; box-shadow:none }.detail-page .release-note p { font-size:13px; line-height:1.9; color:#c1cddd }.detail-page .release-note small { color:var(--muted); font-size:12px }.detail-page .download-picker>.text-action { font-size:13px; margin-top:24px }
.detail-page .download-checklist h2 { font-size:32px; margin:4px 0 28px; font-weight:550; line-height:1.5 }.detail-page .download-checklist ol { list-style:none; counter-reset:prepare; padding:0; margin:0 }.detail-page .download-checklist li { counter-increment:prepare; position:relative; padding:20px 0 24px 52px; border-top:1px solid var(--line) }.detail-page .download-checklist li:before { content:counter(prepare,decimal-leading-zero); position:absolute; left:0; top:23px; color:var(--accent); font-size:13px; font-variant-numeric:tabular-nums }.detail-page .download-checklist strong { font-size:18px; color:#dce7f5 }.detail-page .download-checklist p { font-size:14px; margin-top:8px; line-height:1.9 }.detail-page .download-checklist .text-action { margin-top:8px }
.detail-page .cta-panel { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:20px 64px; text-align:left; background:var(--surface); border:0; border-radius:12px; margin-top:88px; padding:40px }.detail-page .cta-panel h2 { margin:0; font-size:32px; line-height:1.4; font-weight:550; grid-row:1/3 }.detail-page .cta-description { font-size:14px; line-height:1.9; margin:0; align-self:end }.detail-page .cta-panel .hero-actions { justify-content:flex-start; margin:0; gap:16px; align-self:start }.detail-page .cta-panel .text-action { font-size:13px }
.detail-page .footer { margin-top:64px; padding-top:32px; border-top:1px solid var(--line); gap:40px }.detail-page .footer-columns { gap:48px }.detail-page .footer-columns a { min-height:32px; display:flex; align-items:center }.detail-page .footer-bottom { border-color:var(--line) }
@media(hover:hover) and (pointer:fine) {
  .detail-page .button:not(:disabled):hover { background:#fff }.detail-page .button:not(:disabled):active { transform:scale(.98) }.detail-page .text-action:hover { color:#e5f2ff }.chapter-nav a:hover,.faq-index a:hover { background:#202d3e; color:#e5f2ff }.environment-tabs button:hover { border-color:#526c8d }.detail-page .faq-groups summary:hover { color:var(--accent) }.detail-page .breadcrumb a:hover { text-decoration:underline; text-underline-offset:4px }
}
@media(max-width:1100px) {
  .detail-page .page-intro { gap:24px 40px; grid-template-columns:1.2fr 1fr }.detail-page .page-intro h1 { font-size:44px }.detail-page .product-chapter[id] { grid-template-columns:minmax(240px,.85fr) minmax(0,1.3fr); gap:32px }.detail-page .advantage-opening { gap:40px }.detail-page .pricing-layout,.detail-page .download-layout { gap:40px }.detail-page .journey-list { gap:24px }.detail-page .environment-workspace { grid-template-columns:200px minmax(0,1fr) }.environment-tabs { padding:8px }.environment-tabs button { padding:14px 8px; gap:8px }.environment-body { padding:24px }.detail-page .navigation { gap:20px }.detail-page .desktop-nav { gap:18px }
}
@media(max-width:800px) {
  .detail-page { --sub-header:68px }.detail-page .container { width:calc(100% - 48px) }.detail-page .page-intro { grid-template-columns:1fr; gap:0; padding-block:16px 40px }.detail-page .breadcrumb { margin-bottom:24px }.detail-page .page-intro h1 { font-size:44px; max-width:760px }.detail-page .intro-copy { max-width:640px; margin-top:24px }.detail-page .intro-actions { margin-top:20px }.detail-page .page-lead { font-size:15px }.detail-page .content-section { margin-top:64px }.detail-page .section-heading { gap:20px; grid-template-columns:1fr }.detail-page .section-heading h2 { font-size:32px }.detail-page .product-chapter[id] { grid-template-columns:1fr; gap:24px; padding-top:40px; margin-top:32px }.detail-page .chapter-top { display:grid; grid-template-columns:1.2fr 1fr; gap:0 32px }.detail-page .chapter-number { grid-column:1/-1; margin-bottom:12px }.detail-page .chapter-top h2 { font-size:28px }.detail-page .chapter-top .benefit-list { margin-top:0 }.detail-page .chapter-next { grid-column:1/-1; margin-top:12px }.detail-page .chapter-nav a { padding:12px 8px; gap:6px; font-size:12px }.detail-page .advantage-opening { grid-template-columns:1fr; gap:32px }.detail-page .advantage-aside h2 { font-size:28px }.detail-page .audience-list article { grid-template-columns:110px 1fr; gap:12px 24px }.detail-page .audience-list p { grid-column:2 }.detail-page .responsibility { margin-top:64px }.detail-page .responsibility>div,.detail-page .responsibility>div+div { padding:28px }.detail-page .responsibility h2 { font-size:25px }.detail-page .browser-showcase { padding:24px }.browser-showcase-label h2 { font-size:18px }.detail-page .browser-showcase-label>span { max-width:150px }.detail-page .journey-list { grid-template-columns:1fr 1fr; gap:32px }.detail-page .boundary-grid { gap:32px }.detail-page .boundary-grid h2 { font-size:25px }.detail-page .pricing-layout,.detail-page .download-layout { grid-template-columns:1fr; gap:36px }.detail-page .pricing-card,.detail-page .download-picker { padding:32px }.detail-page .pricing-includes { padding:0 }.detail-page .cost-list article { grid-template-columns:180px 1fr; gap:32px }.detail-page .faq-layout { grid-template-columns:1fr; gap:32px }.detail-page .faq-index { position:static; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; border-block:0; padding:0 }.detail-page .faq-index a { padding:10px 8px; text-align:center; font-size:12px }.detail-page .cta-panel { margin-top:64px; padding:32px; gap:20px 32px }.detail-page .cta-panel h2 { font-size:28px }.detail-page .cta-panel .hero-actions { flex-wrap:wrap }.detail-page .footer { margin-top:48px }
}
@media(max-width:560px) {
  .detail-page .container { width:calc(100% - 32px) }.detail-page .navigation { padding-inline:16px; gap:12px; justify-content:space-between }.detail-page .brand img { width:92px }.detail-page .nav-actions { gap:8px }.detail-page .button.compact { font-size:11px; padding-inline:12px; min-height:44px }.detail-page .menu-toggle { padding:8px 10px; min-width:48px }.detail-page .page-intro h1 { font-size:clamp(28px,7.8vw,40px); line-height:1.45; letter-spacing:-.025em }.detail-page .page-lead { font-size:14px; line-height:1.9 }.detail-page .breadcrumb { font-size:11px; margin-bottom:20px }.detail-page .intro-copy { margin-top:20px }.detail-page .intro-actions { gap:8px 16px }.detail-page .intro-actions .button { font-size:13px; padding-inline:18px }.detail-page .intro-actions .text-action { font-size:12px }.detail-page .chapter-nav { position:static; grid-template-columns:1fr 1fr; padding:6px; gap:4px }.detail-page .chapter-nav a { padding:10px; font-size:12px; min-height:44px }.detail-page .product-chapter[id] { scroll-margin-top:calc(var(--sub-header) + 20px) }.detail-page .chapter-top { display:block }.detail-page .chapter-top h2 { font-size:26px }.detail-page .chapter-top .benefit-list { margin-top:20px }.detail-page .chapter-top p { font-size:14px }.detail-page .chapter-number { margin-bottom:12px }.detail-page .detail-shot { padding:5px 5px 0; border-radius:10px }.detail-page .zoom-label { min-height:32px; font-size:10px; padding:6px 8px; bottom:8px; right:8px }.detail-page .detail-shot figcaption { font-size:10px; padding:10px 6px }.detail-page .section-heading h2 { font-size:28px }.collaboration-route { padding:24px 20px }.collaboration-route li { grid-template-columns:44px 1fr; gap:4px 16px }.collaboration-route li>span { width:40px }.collaboration-route li:not(:last-child):after { left:19px }.collaboration-route strong { font-size:16px }.collaboration-route small { font-size:11px }.detail-page .advantage-aside h2 { font-size:26px }.detail-page .advantage-aside p { font-size:14px }.detail-page .audience-list article { grid-template-columns:1fr; gap:8px; padding-block:24px }.detail-page .audience-list p { grid-column:auto }.detail-page .audience-list h3 { font-size:21px }.detail-page .responsibility { grid-template-columns:1fr }.detail-page .responsibility>div,.detail-page .responsibility>div+div { padding:28px 24px; border:0 }.detail-page .responsibility h2 { font-size:26px }.table-hint { display:block; color:var(--muted); font-size:12px; margin-top:24px }.detail-page .comparison { margin-top:12px }.detail-page .comparison th,.detail-page .comparison td { padding:18px 20px; font-size:13px }.detail-page .browser-showcase { padding:20px 12px }.detail-page .browser-showcase-label { display:block; margin-inline:8px }.detail-page .browser-showcase-label>span { display:block; max-width:none; text-align:left; margin-top:8px; font-size:10px }.detail-page .environment-workspace { grid-template-columns:1fr }.environment-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; border-right:0; border-bottom:1px solid #3c4859; padding:8px 6px }.environment-tabs button { display:block; padding:10px 5px; text-align:center; min-height:60px }.environment-monogram { display:none }.environment-tabs strong { font-size:12px }.environment-tabs small { font-size:10px; margin-top:2px; line-height:1.6 }.environment-panel>header { padding:14px 16px; font-size:11px; gap:8px }.environment-panel>header>span:last-child { font-size:10px }.environment-body { padding:22px 18px }.environment-body h3 { font-size:24px }.environment-body>p { font-size:12px }.environment-facts>div { grid-template-columns:44px 1fr; gap:12px; font-size:12px }.detail-page .diagram-caption { padding-inline:8px; font-size:11px }.detail-page .journey-list { grid-template-columns:1fr; gap:24px }.detail-page .journey-list li { display:flex; gap:20px }.detail-page .journey-list li>span { flex:0 0 24px; margin-top:4px }.detail-page .journey-list h3 { font-size:18px }.detail-page .boundary-grid { grid-template-columns:1fr }.detail-page .pricing-card,.detail-page .download-picker { padding:28px 24px }.detail-page .price strong { font-size:56px }.detail-page .fee { font-size:13px }.detail-page .pricing-includes h2,.detail-page .download-checklist h2 { font-size:28px }.detail-page .cost-list article { grid-template-columns:1fr; gap:12px; padding-block:24px }.detail-page .cost-list h3 { font-size:20px }.faq-search { padding:20px 16px; margin-bottom:24px }.faq-search label { font-size:12px }.faq-search input { font-size:15px }.detail-page .faq-index { grid-template-columns:1fr 1fr; gap:6px }.detail-page .faq-index a { border-color:var(--line); text-align:left; padding:12px; min-height:44px }.detail-page .faq-groups h2 { font-size:22px }.detail-page .faq-groups summary { font-size:15px; gap:12px; padding-block:20px }.detail-page .faq-groups details p { font-size:13px; padding-right:0 }.faq-empty { padding:28px 24px }.faq-empty h2 { font-size:22px }.faq-empty p { font-size:14px }.version-heading { font-size:22px }.detail-page .download-status { display:block }.detail-page .download-status span { display:block; margin-top:8px }.detail-page .download-checklist li { padding-left:44px }.detail-page .download-checklist p { font-size:13px }.detail-page .cta-panel { display:block; padding:28px 24px; margin-top:56px }.detail-page .cta-panel h2 { font-size:26px }.detail-page .cta-description { margin-top:16px }.detail-page .cta-panel .hero-actions { margin-top:20px; gap:8px 16px }.detail-page .cta-panel .text-action { font-size:12px }.detail-page .footer-columns { display:grid; grid-template-columns:1fr 1fr; width:100%; gap:24px }.detail-page .footer-columns a { min-height:36px }.detail-page .footer-bottom { font-size:10px; gap:16px }.detail-page .footer-brand p { margin-top:12px }
}
@media(prefers-reduced-motion:reduce) { html,.detail-page *,.detail-page *:before,.detail-page *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important } }
.detail-page .footer-columns a { min-height:44px }
.detail-page .faq-search input { font-size:16px }
.keyboard-input .detail-page * { transition:none!important; animation:none!important }