/* A5: the desktop geometry of the previous 75% view at normal browser zoom.
 * Keep text readable, native zoom available, and touch layouts at full size.
 * No root zoom/transform: fixed panels, canvas and device-coordinate UI keep
 * their original coordinate system. Actual rail width is measured by NAV-C3.
 */
html body[data-home-clean="U2"] .u2-tools-close {
  color:#263a34;background:#eef2e9;border-radius:8px;
}
@media (min-width:1024px) and (pointer:fine) {
  html body .l98-universal-menu {
    width:66px;gap:6px;padding:10px 5px;
  }
  html body .l98-universal-menu :is(a,button) {
    width:54px;min-height:50px;gap:4px;padding:6px 2px;border-radius:11px;
  }
  html body .l98-universal-menu svg {width:21px;height:21px}
  html body .l98-universal-menu small {font-size:11px;line-height:1.4}
  html body.l98-global-menu-home .l98-universal-menu {top:64px}
  html body[data-page="index"].l98-home-h3>.page {
    width:calc(100% - 112px)!important;max-width:780px!important;
    margin:0 auto!important;padding:76px 0 112px!important;
  }
  html body[data-page="index"].l98-home-h3 .m6-top {
    left:56px!important;right:56px!important;max-width:780px;
    width:auto!important;margin-inline:auto;height:64px!important;
    display:flex!important;align-items:center;padding:8px 10px 8px 142px!important;
    gap:10px!important;border-radius:0 0 17px 17px;box-sizing:border-box;
  }
  html body[data-page="index"].l98-home-h3 .m6-top .m6-brand {
    left:10px!important;top:8px!important;width:120px!important;height:48px!important;
  }
  html body[data-page="index"].l98-home-h3 .m6-top .m6-search {
    flex:1 1 240px!important;width:auto!important;min-width:0!important;
    max-width:none!important;margin:0!important;padding:4px!important;gap:4px!important;
  }
  html body[data-page="index"].l98-home-h3 .m6-top .m6-search input[type="search"] {
    font-size:14px!important;min-width:0!important;height:32px!important;padding:5px 6px!important;
  }
  html body[data-page="index"].l98-home-h3 .m6-top .m6-search button {
    min-height:34px!important;height:34px!important;padding:6px 8px!important;font-size:12px!important;
  }
  html body[data-page="index"].l98-home-h3 .m6-top .m6-search :is(.m11-related-toggle,.m30-web-toggle) {
    flex:0 0 32px!important;width:32px!important;padding:5px!important;min-height:34px!important;
  }
  html body[data-page="index"].l98-home-h3 .m6-top .m9-home-essentials {gap:6px!important}
  html body[data-page="index"].l98-home-h3 .m6-top .m9-home-essentials>.m9-essential {
    min-height:36px!important;height:36px!important;padding:7px 8px!important;
    gap:5px!important;font-size:12px!important;border-radius:10px!important;
  }
  html body[data-page="index"].l98-home-h3 .m6-top .m9-essential>.m9-essential-icon {
    width:16px;min-width:16px;height:16px;
  }
  html body[data-page="index"].l98-home-h3 #l98LifeClock {
    min-height:64px;gap:12px;margin-bottom:12px;padding:14px 16px;border-radius:17px;
  }
  html body[data-page="index"].l98-home-h3 #l98LifeClock .h1-clock-face {font-size:26px}
  html body[data-page="index"].l98-home-h3 #l98LifeClock .h1-clock-face small {font-size:14px}
  html body[data-page="index"].l98-home-h3 #l98LifeClock .h1-clock-date {font-size:12px}
  html body[data-page="index"].l98-home-h3 #l98LifeClock .l98-account-m2 {
    flex:1 1 290px;padding-left:16px;gap:10px;row-gap:8px;
  }
  html body[data-page="index"].l98-home-h3 #l98LifeClock .l98-account-m2-value strong {font-size:22px}
  html body[data-page="index"].l98-home-h3 #l98LifeClock .l98-account-m2-actions {gap:6px}
  html body[data-page="index"].l98-home-h3 #l98LifeClock :is(.h1-btn,.l98-account-m2-topup,.l98-account-m2-logout,.h5-line-entry) {
    min-height:36px;padding:7px 9px;font-size:12px;border-radius:10px;
  }
  html body[data-page="index"].l98-home-h3 #l98LifeClock .h5-line-elf,
  html body[data-page="index"].l98-home-h3 #l98LifeClock .h5-line-elf img {width:26px;height:26px;flex-basis:26px}
  html body[data-page="index"].l98-home-h3 #l98LifeClock .h1-clock-actions {
    flex:0 0 auto;width:auto;border-top:0;padding-top:0;gap:6px;
  }
  html body[data-page="index"].l98-home-h3 #l98LifeClock .h1-clock-actions .h1-btn {min-width:0}
  html body[data-page="index"].l98-home-h3 #l98-memory-curtain {
    margin-bottom:16px!important;border-radius:16px;scroll-margin-top:76px;
  }
  html body[data-page="index"].l98-home-h3 #l98-memory-curtain .l98-curtain-bar {
    min-height:46px;padding:6px 14px;
  }
  html body[data-page="index"].l98-home-h3 #l98-memory-curtain h2 {font-size:14px}
  html body[data-page="index"].l98-home-h3 #l98-memory-curtain .l98-curtain-stage {
    height:clamp(270px,48svh,510px);
  }
  html body[data-page="index"].l98-home-h3 .ui4-memory-toolbar {
    padding:8px 10px;margin:10px 0 14px;gap:8px;border-radius:14px;
  }
  html body[data-page="index"].l98-home-h3 .ui4-memory-toolbar>.h1-manage .h1-btn {
    min-height:40px;padding:7px 9px;font-size:12px;
  }
  html body[data-page="index"].l98-home-h3 .m6-drawer {
    left:76px;top:76px!important;max-height:calc(100dvh - 100px)!important;
  }
  html body[data-page="index"].l98-home-h3 .m11-related-panel {top:76px}
  /* The current homepage moves these same controls into U2's collapsible area. */
  html body[data-home-clean="U2"].l98-home-h3>.page {padding-top:0!important}
  html body[data-home-clean="U2"] #l98HomeToolsU2 .m6-top {
    min-height:60px;height:auto!important;max-width:none;
    padding:8px 10px 8px 142px!important;gap:8px!important;
  }
  html body[data-home-clean="U2"] #l98HomeToolsU2 .m6-search {
    flex:1 1 210px!important;min-width:0!important;
  }
  html body[data-home-clean="U2"] #l98HomeLogoU2 {width:126px!important;height:48px!important}
  html body[data-home-clean="U2"]:not(.u2-tools-open) #l98-memory-curtain .l98-curtain-bar {
    min-height:60px!important;padding-left:142px!important;
  }
  html body[data-home-clean="U2"] .u2-tools-close {
    min-height:32px;padding:4px 12px;margin-top:4px;color:#263a34;
    border-radius:8px;background:#eef2e9;
  }
  html body[data-page="index"].h3-demo .h3-demo-member-banner {padding:18px;gap:16px}
  html body[data-page="index"].h3-demo .h3-demo-member-copy h1 {font-size:22px}
  html body[data-page="index"].h3-demo .h3-demo-scene {min-height:270px;padding:24px}
}
@media print {
  html body[data-page="index"].l98-home-h3>.page {width:100%!important;max-width:none!important;padding:0!important}
}