/* MYNET product pages share the public frame and alternate useful surfaces. */
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) {
  width: var(--content); margin: 0 auto; padding: 28px 0 80px; min-height: 0;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  --xp-foreground: #f6f2ed; --xp-muted: #bcb6b0; --xp-border: #ffffff1b; --xp-kicker: #c3b6ad;
  color: var(--xp-foreground);
}
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) :is(h1,h2,h3,p) { overflow-wrap: break-word; hyphens: manual; }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) :is(h1,h2,h3) { font-family: var(--display); color: var(--xp-foreground); }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) h1 { max-width: 900px; margin: 0 0 22px; font-size: clamp(48px,4.5vw,64px); font-weight: 630; line-height: 1.06; letter-spacing: -.055em; }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) h1 em { color: #ff935c; font-style: normal; }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) h2 { margin: 0; font-size: 38px; font-weight: 580; line-height: 1.12; letter-spacing: -.04em; }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) h3 { margin: 0 0 12px; font-size: 23px; font-weight: 580; line-height: 1.25; letter-spacing: -.025em; }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) p { color: var(--xp-muted); font: 400 16px/1.75 var(--text); }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) .xp-lead { max-width: 570px; margin: 0; color: var(--xp-muted); font-size: 17px; line-height: 1.75; }
.xp-kicker { display: block; color: var(--xp-kicker); font: 540 13px/1.5 var(--display); letter-spacing: .085em; }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) .xp-inline-link { display: inline-flex; justify-content: flex-start; align-items: center; gap: 20px; min-height: 46px; padding: 10px 0; border: 0; border-radius: 0; background: transparent; color: var(--xp-foreground); box-shadow: none; font: 540 15px/1.6 var(--text); text-decoration: none; }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) .xp-inline-link > span { color: #e96c36; font-size: 22px; line-height: 1; }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) .xp-inline-link:hover { color: #e66d3a; background: transparent; box-shadow: none; }

/* Download: actual release action, product identity, then practical installation. */
.xp-app-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); align-items: center; gap: 34px 48px; padding: 52px; border: 1px solid #ff88402b; border-radius: 28px; background: radial-gradient(ellipse at 100% 0,#a641233d,transparent 58%),radial-gradient(ellipse at 0 100%,#5a2a2040,transparent 55%),#151314; --xp-muted: #d2bfb4; --xp-kicker: #d4b1a0; }
.xp-app-copy > .xp-kicker { margin-bottom: 22px; }
.xp-download-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 26px; margin-top: 28px; }
body .experience-shell.xp-download .xp-download-button[data-icon] { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; min-height: 56px; padding: 15px 23px; border: 1px solid #ff8d55; border-radius: 12px; background: var(--signal); color: #1c100a; box-shadow: 0 8px 26px #ff6b2712; font: 660 16px/1.5 var(--display); text-decoration: none; white-space: normal; }
body .experience-shell.xp-download .xp-download-button[data-icon]:hover { background: #ff8b55; border-color: #ffa473; color: #1c100a; }
body .experience-shell.xp-download .xp-download-button[data-icon] .ui-icon { flex: 0 0 22px; width: 22px; height: 22px; order: -1; margin: 0; color: inherit; }
body .experience-shell.xp-download .xp-release-meta { display: flex; flex-wrap: wrap; gap: 10px; margin: 15px 0 0; color: #baa79b; font-size: 14px; }
.xp-release-meta > span { color: #7e675d; }
.xp-app-visual { position: relative; min-width: 0; width: 100%; margin: 0; }
.xp-app-visual > img { display: block; width: 100%; height: auto; border: 1px solid #ffffff1f; border-radius: 20px; box-shadow: 0 20px 64px #00000050; }
.xp-app-visual > figcaption { color: #c4b2a7; font-size: 14px; line-height: 1.7; }
.xp-installer-visual { display: grid; place-items: center; min-height: 310px; padding: 34px; border: 1px solid #ffffff19; border-radius: 24px; background: radial-gradient(ellipse at 50% 25%,#ab412f24,transparent 65%),linear-gradient(145deg,#30221d99,#111215d9); box-shadow: 0 20px 60px #00000030,inset 0 1px #ffffff0c; }
.xp-installer-product { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.xp-installer-product img { display: block; width: 138px; height: 138px; filter: drop-shadow(0 12px 30px #ff5b2420); }
.xp-installer-visual figcaption { display: grid; gap: 7px; width: 100%; margin-top: 25px; text-align: center; }
.xp-installer-visual figcaption > span { color: #b29a8b; font-size: 14px; }
.xp-installer-visual figcaption > strong { color: #efe2d7; font: 560 24px/1.3 var(--display); letter-spacing: -.015em; }
.xp-app-benefits { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0; padding: 0; }
.xp-app-benefits > div { min-width: 0; padding: 17px 18px; border: 1px solid #ffffff11; border-radius: 16px; background: #ffffff04; }
.xp-app-benefits dt { display: flex; align-items: center; gap: 11px; color: #f1e6df; font: 550 15px/1.4 var(--display); }
.xp-app-benefits dt > span { display: grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; color: #ff9866; }
.xp-app-benefits .ui-icon { width: 20px; height: 20px; margin: 0; }
.xp-app-benefits dd { margin: 10px 0 0; color: #c1a99a; font: 400 14px/1.6 var(--text); }
.xp-install { margin-top: 24px; padding: 44px; border-radius: 28px; background: #f3f0e7; --xp-foreground: #29241f; --xp-muted: #655f58; --xp-border: #3225121c; --xp-kicker: #78685c; scroll-margin-top: 108px; }
.xp-install > header { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 40px; align-items: center; }
.xp-install > header > p { max-width: 430px; margin: 0; }
.xp-install-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 30px 0 0; padding: 0; list-style: none; }
.xp-install-steps > li { padding: 26px; border: 1px solid #37291610; border-radius: 22px; background: #fffcf7; }
.xp-install-steps > li > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 24px; border-radius: 13px; background: #e6682b13; color: #b94a25; font: 600 15px/1 var(--display); }
.xp-install-steps p { margin: 0; }
.xp-install-steps a { color: #9e4429; text-decoration: underline; text-decoration-color: #9e44294d; text-underline-offset: 4px; }
.xp-download-notes { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 48px; margin-top: 24px; padding: 44px; border: 1px solid #ffffff12; border-radius: 28px; background: #171719; }
.xp-download-notes > header .xp-kicker { margin-bottom: 16px; }
.xp-download-notes > header .xp-inline-link { margin-top: 18px; }
.xp-disclosures details { border-bottom: 1px solid var(--xp-border); }
.xp-disclosures details:first-child { border-top: 1px solid var(--xp-border); }
.xp-disclosures summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 68px; padding: 20px 0; list-style: none; color: var(--xp-foreground); font: 520 16px/1.6 var(--display); cursor: pointer; }
.xp-disclosures summary::-webkit-details-marker { display: none; }
.xp-disclosures summary > span { display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; color: #db6939; font-size: 25px; font-weight: 400; line-height: 1; }
.xp-disclosures details[open] summary > span { transform: rotate(45deg); }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) .xp-disclosures details > p { margin: 0 0 22px; max-width: 66ch; }
.xp-file-hash { display: block; width: 100%; margin: 0 0 24px; padding: 16px; border-radius: 12px; color: #ddd7d1; background: #ffffff05; font: 400 14px/1.8 ui-monospace,Consolas,monospace; overflow-wrap: anywhere; word-break: break-all; }

/* Help keeps six real destinations, with a clear priority and palette changes. */
.xp-hub-heading { padding: 42px 44px; border-radius: 28px; background: radial-gradient(ellipse at 100% 0,#e98e4220,transparent 55%),#f3f0e7; --xp-foreground: #29241f; --xp-muted: #645e59; --xp-kicker: #846753; }
.xp-hub-heading > .xp-kicker { margin-bottom: 16px; }
body .experience-shell.xp-hub .xp-hub-heading h1 { margin-bottom: 18px; font-size: clamp(42px,4.1vw,58px); }
body .experience-shell.xp-hub .xp-hub-heading > p { max-width: 640px; margin: 0; font-size: 17px; }
.xp-hub-priorities { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: 20px; margin: 20px 0; }
.xp-hub-guide,.xp-hub-support { min-width: 0; padding: 36px; border: 1px solid #ffffff13; border-radius: 26px; }
.xp-hub-guide { background: radial-gradient(ellipse at 100% 0,#b7472440,transparent 65%),#2b1b16; --xp-muted: #cdb8a9; --xp-kicker: #d5ae93; }
.xp-hub-support { background: radial-gradient(ellipse at 100% 0,#98502e22,transparent 65%),#18191c; }
.xp-hub-priorities .xp-kicker { margin-bottom: 19px; }
body .experience-shell.xp-hub .xp-hub-priorities h2 { font-size: 36px; }
body .experience-shell.xp-hub .xp-hub-priorities p { max-width: 510px; margin: 20px 0 12px; }
body .experience-shell.xp-hub .xp-hub-priorities .xp-inline-link { min-height: 48px; margin-top: 8px; padding: 12px 18px; border: 1px solid #ff945f70; border-radius: 12px; background: #ff7b3d; color: #271309; font-weight: 620; }
body .experience-shell.xp-hub .xp-hub-priorities .xp-inline-link > span { color: currentColor; }
body .experience-shell.xp-hub .xp-hub-priorities .xp-inline-link:hover { border-color: #ffa16f; background: #ff945e; color: #271309; }
.xp-guide-links { display: flex; flex-wrap: wrap; gap: 4px 22px; margin-top: 18px; padding-top: 12px; border-top: 1px solid #ffffff16; }
.xp-guide-links > a { display: inline-flex; align-items: center; min-height: 44px; color: #d0b6a4; font-size: 14px; }
.xp-guide-links > a:hover { color: #ffad80; }
.xp-hub-directory { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.xp-hub-directory > a { display: grid; grid-template-columns: 44px minmax(0,1fr) 24px; grid-template-rows: auto 1fr; align-items: start; gap: 12px 18px; min-height: 190px; padding: 27px; border: 1px solid #46301d14; border-radius: 24px; background: #eeeae1; --xp-foreground: #29241f; --xp-muted: #665f58; }
.xp-hub-directory > a:nth-child(2) { background: #f5f2eb; }
.xp-hub-directory > a:nth-child(4) { border-color: #ffffff16; background: radial-gradient(ellipse at 100% 0,#a6402728,transparent 65%),#1d1a19; --xp-foreground: #f5eee8; --xp-muted: #bcaea4; }
.xp-directory-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: #dd6b2e14; color: #c5572f; }
.xp-directory-icon > .ui-icon { width: 23px; height: 23px; margin: 0; }
body .experience-shell.xp-hub .xp-hub-directory h2 { align-self: center; font-size: 24px; line-height: 1.25; letter-spacing: -.03em; }
body .experience-shell.xp-hub .xp-hub-directory p { grid-column: 2/-1; align-self: start; margin: 0; max-width: 490px; font-size: 15px; line-height: 1.7; }
.xp-directory-arrow { align-self: center; color: #d96534; font: 450 25px/1 var(--display); }
.xp-hub-directory > a:hover { border-color: #d6673780; }

/* Functional pages share the same surfaces without borrowing marketing claims. */
body .experience-shell.xp-info { padding-top: 16px; }
.xp-back { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #bbb2ad; font: 450 14px/1.5 var(--text); }
.xp-back > span { color: #e88756; font-size: 20px; }
.xp-back:hover { color: #f2e9e0; }
.xp-info-lead { position: relative; margin: 16px 0 20px; padding: 40px 156px 40px 40px; border-radius: 28px; background: radial-gradient(ellipse at 100% 0,#dd97552b,transparent 65%),#f3f0e7; --xp-foreground: #29241f; --xp-muted: #66605b; }
body .experience-shell.xp-info .xp-info-lead h1 { font-size: 54px; }
body .experience-shell.xp-info .xp-info-lead .xp-lead { max-width: 780px; font-size: 16px; }
.xp-info-symbol { position: absolute; top: 40px; right: 40px; display: grid; place-items: center; width: 76px; height: 76px; border-radius: 22px; background: #dd6b2e13; color: #b8542c; }
.xp-info-symbol > .ui-icon { width: 36px; height: 36px; margin: 0; }
body .experience-shell.xp-info .xp-contact-button { display: inline-flex; justify-content: center; align-items: center; gap: 24px; min-height: 54px; margin-top: 25px; padding: 14px 20px; border: 1px solid #dd6433; border-radius: 12px; background: #ed743d; color: #211108; font: 650 16px/1.5 var(--display); }
body .experience-shell.xp-info .xp-contact-button:hover { background: #ff8c54; border-color: #e6753c; }
.xp-contact-button > span { font-size: 22px; line-height: 1; }
.xp-contact-address { display: block; margin-top: 14px; color: #746558; font: 400 14px/1.6 var(--text); overflow-wrap: anywhere; }
.xp-support-guide { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 40px; padding: 36px; border: 1px solid #ffffff12; border-radius: 26px; background: #18191c; }
body .experience-shell.xp-info .xp-support-guide h2 { font-size: 34px; }
.xp-support-guide > header p { margin: 18px 0 0; max-width: 370px; }
.xp-support-topics { display: grid; gap: 14px; margin: 0; }
.xp-support-topics > div { padding: 22px; border: 1px solid #ffffff0c; border-radius: 18px; background: #ffffff04; }
.xp-support-topics dt { color: #f3ece6; font: 560 22px/1.25 var(--display); letter-spacing: -.02em; }
.xp-support-topics dd { margin: 12px 0 0; max-width: 600px; color: #bcb6b0; font: 400 16px/1.75 var(--text); }
.xp-support-notes { margin-top: 20px; padding: 16px 32px; border-radius: 24px; background: #eeeae1; --xp-foreground: #29241f; --xp-muted: #665f58; --xp-border: #3d2b131a; }
.xp-support-notes details:first-child { border-top: 0; }
.xp-support-notes details:last-child { border-bottom: 0; }
.xp-support-notes details .xp-inline-link { margin-bottom: 18px; }
.xp-info-body { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.xp-info-detail { display: flex; flex-direction: column; align-items: flex-start; padding: 32px; border: 1px solid #ffffff12; border-radius: 24px; background: #18191c; }
.xp-info-detail:first-child { background: radial-gradient(ellipse at 100% 0,#a6412635,transparent 65%),#2b1b16; --xp-muted: #c6b1a2; }
.xp-info-detail:nth-child(3) { border-color: #44301c12; background: #eeeae1; --xp-foreground: #29241f; --xp-muted: #665f58; }
.xp-detail-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: #e9763b14; color: #cf6536; }
.xp-detail-icon > .ui-icon { width: 23px; height: 23px; margin: 0; }
body .experience-shell.xp-info .xp-info-detail h2 { margin: 22px 0 16px; max-width: 490px; font-size: 26px; line-height: 1.25; letter-spacing: -.03em; }
body .experience-shell.xp-info .xp-info-detail p { margin: 0; }
.xp-info-related { grid-column: 1/-1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 38px; padding: 18px 28px; border-radius: 22px; background: #f3f0e7; --xp-foreground: #29241f; --xp-muted: #665f58; }
.xp-status-panel { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); align-items: start; gap: 22px 40px; padding: 36px; border: 1px solid #ff925a26; border-radius: 26px; background: radial-gradient(ellipse at 0 0,#ab43282b,transparent 65%),#211816; }
body .experience-shell.xp-info .xp-status-heading h2 { margin-top: 16px; font-size: 34px; }
body .experience-shell.xp-info .xp-status-result { min-height: 128px; margin: 0; color: #f0e5dc; font: 500 25px/1.5 var(--display); letter-spacing: -.025em; }
body .xp-info #status-refresh { grid-column: 2; justify-self: start; display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 48px; padding: 12px 18px; border: 1px solid #ffffff35; border-radius: 12px; color: #f0e6df; background: #ffffff05; box-shadow: none; font: 560 15px/1.5 var(--display); }
body .xp-info #status-refresh:hover { border-color: #ffffff60; background: #ffffff0d; }
body .xp-info #status-refresh::before { display: none; }
body .xp-info #status-refresh > .ui-icon { flex: 0 0 18px; width: 18px; height: 18px; order: -1; margin: 0; color: currentColor; }
.xp-status-panel > noscript { grid-column: 2; }
.xp-status-context { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 12px 40px; margin-top: 20px; padding: 30px 36px; border-radius: 24px; background: #eeeae1; --xp-foreground: #29241f; --xp-muted: #665f58; }
body .experience-shell.xp-info .xp-status-context h2 { font-size: 26px; line-height: 1.25; }
body .experience-shell.xp-info .xp-status-context p { margin: 0; }
.xp-status-context > .xp-inline-link { grid-column: 2; justify-self: start; }

@media (max-width: 1120px) {
  .xp-app-hero { gap: 28px 32px; padding: 40px; }
  body .experience-shell.xp-download h1 { font-size: 52px; }
  .xp-app-benefits > div { padding: 16px 14px; }
  .xp-app-benefits dt { gap: 8px; font-size: 14px; }
  .xp-app-benefits dt > span,.xp-app-benefits .ui-icon { width: 18px; height: 18px; flex-basis: 18px; }
  .xp-install,.xp-download-notes { padding: 36px; }
  .xp-install-steps > li { padding: 22px; }
  .xp-hub-guide,.xp-hub-support { padding: 30px; }
  .xp-support-guide,.xp-status-panel,.xp-status-context { column-gap: 30px; }
}
@media (max-width: 900px) {
  .xp-app-hero { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .xp-app-copy { max-width: 620px; }
  .xp-app-visual { max-width: 630px; justify-self: center; }
  .xp-installer-visual { min-height: 310px; }
  .xp-installer-product img { width: 104px; height: 104px; }
  .xp-app-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .xp-app-benefits dt { font-size: 15px; }
  .xp-install > header { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 28px; }
  .xp-install-steps { grid-template-columns: minmax(0,1fr); }
  .xp-install-steps > li { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 24px; padding: 24px; }
  .xp-install-steps > li > span { margin: 0; }
  .xp-download-notes { column-gap: 32px; }
  .xp-hub-priorities { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  body .experience-shell.xp-hub .xp-hub-priorities h2 { font-size: 32px; }
  .xp-hub-guide,.xp-hub-support { padding: 28px; }
  body .experience-shell.xp-hub .xp-hub-priorities .xp-inline-link { gap: 16px; padding-inline: 15px; font-size: 14px; }
  .xp-hub-directory > a { padding: 24px; gap: 12px 14px; }
  body .experience-shell.xp-hub .xp-hub-directory h2 { font-size: 22px; }
  .xp-info-lead { padding: 36px 140px 36px 36px; }
  body .experience-shell.xp-info .xp-info-lead h1 { font-size: 46px; }
  .xp-info-symbol { top: 36px; right: 36px; width: 68px; height: 68px; }
  .xp-support-guide { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); padding: 30px; }
  .xp-info-detail { padding: 28px; }
  .xp-status-panel,.xp-status-context { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); padding: 30px; }
  body .experience-shell.xp-info .xp-status-result { min-height: 160px; font-size: 23px; }
}
@media (max-width: 600px) {
  body .experience-shell:is(.xp-download,.xp-hub,.xp-info) { padding: 20px 0 56px; }
  body .experience-shell:is(.xp-download,.xp-hub,.xp-info) h1 { margin-bottom: 20px; font-size: 38px; line-height: 1.08; letter-spacing: -.05em; }
  body .experience-shell:is(.xp-download,.xp-hub,.xp-info) h2 { font-size: 30px; }
  body .experience-shell:is(.xp-download,.xp-hub,.xp-info) h3 { font-size: 22px; }
  body .experience-shell:is(.xp-download,.xp-hub,.xp-info) .xp-lead { font-size: 16px; line-height: 1.7; }
  .xp-kicker { font-size: 12px; letter-spacing: .075em; }
  .xp-app-hero { padding: 26px 24px; gap: 28px; border-radius: 24px; }
  .xp-app-copy > .xp-kicker { margin-bottom: 20px; }
  .xp-download-actions { flex-direction: column; align-items: stretch; gap: 6px; margin-top: 24px; }
  body .experience-shell.xp-download .xp-download-button[data-icon] { width: 100%; min-height: 54px; padding: 14px 16px; font-size: 15px; }
  .xp-download-actions .xp-inline-link { align-self: flex-start; font-size: 14px; }
  body .experience-shell.xp-download .xp-release-meta { margin-top: 8px; font-size: 14px; }
  .xp-installer-visual { min-height: 230px; padding: 24px; border-radius: 20px; }
  .xp-installer-product img { width: 88px; height: 88px; }
  .xp-installer-visual figcaption { margin-top: 20px; }
  .xp-installer-visual figcaption > strong { font-size: 22px; }
  .xp-app-visual > img { border-radius: 14px; }
  .xp-app-benefits { gap: 10px; }
  .xp-app-benefits > div { padding: 14px 12px; border-radius: 14px; }
  .xp-app-benefits dt { flex-direction: column; align-items: flex-start; gap: 10px; font-size: 14px; }
  .xp-app-benefits dd { font-size: 14px; line-height: 1.6; }
  .xp-install { margin-top: 18px; padding: 26px 24px; border-radius: 24px; }
  .xp-install > header { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .xp-install-steps { margin-top: 24px; gap: 12px; }
  .xp-install-steps > li { grid-template-columns: 36px minmax(0,1fr); gap: 17px; padding: 21px 18px; border-radius: 18px; }
  .xp-install-steps > li > span { width: 36px; height: 36px; border-radius: 11px; }
  .xp-download-notes { grid-template-columns: minmax(0,1fr); gap: 22px; margin-top: 18px; padding: 28px 24px; border-radius: 24px; }
  .xp-download-notes > header .xp-kicker { margin-bottom: 14px; }
  .xp-download-notes > header .xp-inline-link { margin-top: 10px; }
  .xp-disclosures summary { gap: 16px; min-height: 68px; padding-block: 20px; font-size: 16px; }
  .xp-file-hash { padding: 13px; }
  .xp-hub-heading { padding: 30px 26px; border-radius: 24px; }
  .xp-hub-heading > .xp-kicker { margin-bottom: 18px; }
  body .experience-shell.xp-hub .xp-hub-heading h1 { font-size: clamp(32px,8.7vw,38px); }
  body .experience-shell.xp-hub .xp-hub-heading > p { font-size: 16px; }
  .xp-hub-priorities { grid-template-columns: minmax(0,1fr); gap: 14px; margin: 16px 0; }
  .xp-hub-guide,.xp-hub-support { padding: 28px 26px; border-radius: 24px; }
  body .experience-shell.xp-hub .xp-hub-priorities h2 { font-size: 30px; }
  body .experience-shell.xp-hub .xp-hub-priorities p { margin-block: 18px 10px; }
  body .experience-shell.xp-hub .xp-hub-priorities .xp-inline-link { font-size: 15px; }
  .xp-guide-links { gap: 4px 20px; margin-top: 16px; }
  .xp-hub-directory { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .xp-hub-directory > a { min-height: 0; padding: 24px; grid-template-columns: 40px minmax(0,1fr) 20px; gap: 12px; border-radius: 22px; }
  .xp-directory-icon { width: 40px; height: 40px; border-radius: 12px; }
  body .experience-shell.xp-hub .xp-hub-directory h2 { font-size: 22px; }
  .xp-hub-directory > a > p { grid-column: 1/-1; }
  .xp-directory-arrow { font-size: 24px; }
  body .experience-shell.xp-info { padding-top: 12px; }
  .xp-info-lead { margin-top: 12px; padding: 30px 26px; border-radius: 24px; }
  body .experience-shell.xp-info .xp-info-lead h1 { font-size: clamp(30px,8.5vw,38px); }
  .xp-info-symbol { display: none; }
  body .experience-shell.xp-info .xp-contact-button { width: 100%; gap: 16px; margin-top: 22px; padding: 13px 16px; font-size: 15px; }
  .xp-contact-address { margin-top: 12px; }
  .xp-support-guide { grid-template-columns: minmax(0,1fr); gap: 26px; padding: 28px 24px; border-radius: 24px; }
  body .experience-shell.xp-info .xp-support-guide h2 { font-size: 30px; }
  .xp-support-guide > header p { margin-top: 16px; }
  .xp-support-topics > div { padding: 20px; border-radius: 16px; }
  .xp-support-topics dt { font-size: 21px; }
  .xp-support-notes { margin-top: 16px; padding: 10px 24px; border-radius: 22px; }
  .xp-info-body { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .xp-info-detail { padding: 26px 24px; border-radius: 22px; }
  body .experience-shell.xp-info .xp-info-detail h2 { margin-top: 20px; font-size: 24px; }
  .xp-info-related { flex-direction: column; align-items: flex-start; gap: 0; padding: 18px 24px; }
  .xp-status-panel { grid-template-columns: minmax(0,1fr); gap: 22px; padding: 28px 24px; border-radius: 24px; }
  body .experience-shell.xp-info .xp-status-heading h2 { margin-top: 12px; font-size: 30px; }
  body .experience-shell.xp-info .xp-status-result { min-height: 180px; font-size: 22px; }
  body .xp-info #status-refresh { grid-column: 1; }
  .xp-status-panel > noscript { grid-column: 1; }
  .xp-status-context { grid-template-columns: minmax(0,1fr); gap: 18px; margin-top: 16px; padding: 26px 24px; border-radius: 22px; }
  body .experience-shell.xp-info .xp-status-context h2 { font-size: 25px; }
  .xp-status-context > .xp-inline-link { grid-column: 1; }
}
@media (forced-colors: active) {
  .experience-shell:is(.xp-download,.xp-hub,.xp-info) :is(h1,h2,h3,p,dt,dd,.xp-kicker,.xp-contact-address) { color: CanvasText !important; }
  body .experience-shell:is(.xp-download,.xp-hub,.xp-info) h1 em { color: CanvasText; }
  .xp-app-hero,.xp-installer-visual,.xp-app-benefits > div,.xp-install,.xp-install-steps > li,.xp-download-notes,.xp-hub-heading,.xp-hub-guide,.xp-hub-support,.xp-hub-directory > a,.xp-info-lead,.xp-support-guide,.xp-support-topics > div,.xp-support-notes,.xp-info-detail,.xp-info-related,.xp-status-panel,.xp-status-context { border: 1px solid CanvasText; background: Canvas; box-shadow: none; }
  body .experience-shell.xp-download .xp-download-button[data-icon],body .experience-shell.xp-info .xp-contact-button,body .xp-info #status-refresh,body .experience-shell.xp-hub .xp-hub-priorities .xp-inline-link { color: ButtonText; background: ButtonFace; border-color: ButtonText; }
  .xp-disclosures details { border-color: CanvasText; }
}