/* VOLIQA V400 — localized public copy, compact current sitemap and HOW popup.
   Footer and fixed header geometry intentionally remain untouched. */

.v400-how-modal[hidden]{display:none!important}
.v400-how-modal{
  --v400-popup-accent:#35d8ff;
  position:fixed!important;inset:0!important;z-index:30020!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:24px!important;background:rgba(0,5,10,.84)!important;backdrop-filter:blur(8px)!important;
}
.v400-how-dialog{
  position:relative!important;width:min(900px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 48px)!important;overflow:auto!important;
  border:1px solid var(--v400-popup-accent)!important;border-radius:18px!important;
  background:linear-gradient(145deg,#06131b,#02080d)!important;
  box-shadow:0 0 30px color-mix(in srgb,var(--v400-popup-accent) 18%,transparent)!important;
  padding:26px!important;
}
.v400-how-dialog>small{display:block;margin:0 46px 7px 0!important;color:var(--v400-popup-accent)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.15em!important}
.v400-how-dialog>h2{margin:0!important;color:#f4f9fb!important;font-size:24px!important;line-height:1.1!important;letter-spacing:.035em!important}
.v400-how-intro{margin:10px 46px 14px 0!important;color:#9bb2bf!important;font-size:13px!important;line-height:1.48!important}
.v400-how-close{position:absolute!important;right:14px!important;top:14px!important;width:34px!important;height:34px!important;margin:0!important;border:1px solid var(--v400-popup-accent)!important;border-radius:9px!important;background:#06131b!important;color:var(--v400-popup-accent)!important;font-size:22px!important;line-height:1!important;box-shadow:none!important}
.v400-how-close:hover,.v400-how-close:focus{border-color:var(--v400-popup-accent)!important;background:#06131b!important;color:var(--v400-popup-accent)!important;transform:none!important;filter:none!important;box-shadow:none!important}
.v400-how-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.v400-how-grid section{border:1px solid color-mix(in srgb,var(--v400-popup-accent) 28%,transparent)!important;border-radius:12px!important;background:rgba(2,13,20,.72)!important;padding:12px!important}
.v400-how-grid h3{margin:0 0 6px!important;color:var(--v400-popup-accent)!important;font-size:10px!important;line-height:1.2!important;letter-spacing:.09em!important}
.v400-how-grid p{margin:0!important;color:#a7bbc5!important;font-size:11px!important;line-height:1.48!important}
.v400-how-grid .v400-how-limit{border-color:rgba(255,106,146,.45)!important}
.v400-how-grid .v400-how-limit h3{color:#ff7fa5!important}

/* All sitemap renderers use the same short, current navigation set. */
#modal-sitemap .v346-sitemap-box{width:min(820px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important;padding:16px!important}
#modal-sitemap .v13-modalhead{margin:0!important;padding:0 0 10px!important;min-height:0!important}
#modal-sitemap .v13-modalhead .eyebrow{font-size:8px!important;letter-spacing:.12em!important}
#modal-sitemap .v13-modalhead h2{margin:2px 40px 0 0!important;font-size:20px!important;line-height:1.05!important}
#modal-sitemap .v346-sitemap-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-top:0!important}
#modal-sitemap .v346-sitemap-grid article{border-radius:10px!important;padding:9px!important;min-height:0!important}
#modal-sitemap .v346-sitemap-grid h3{margin:0 0 5px!important;font-size:9px!important;line-height:1.1!important;letter-spacing:.08em!important}
#modal-sitemap .v346-sitemap-grid a,#modal-sitemap .v346-sitemap-grid button{display:block!important;width:100%!important;margin:0!important;padding:5px 0!important;border:0!important;border-top:1px solid rgba(55,102,121,.36)!important;border-radius:0!important;background:transparent!important;color:#dbeaf1!important;text-align:left!important;text-decoration:none!important;font:700 10px/1.15 Inter,"Segoe UI",Arial,sans-serif!important;letter-spacing:.01em!important;white-space:normal!important;overflow-wrap:anywhere!important;box-shadow:none!important;transform:none!important}
#modal-sitemap .v346-sitemap-grid a:hover,#modal-sitemap .v346-sitemap-grid a:focus,#modal-sitemap .v346-sitemap-grid button:hover,#modal-sitemap .v346-sitemap-grid button:focus{border-color:rgba(55,102,121,.36)!important;background:transparent!important;color:#dbeaf1!important;box-shadow:none!important;transform:none!important;filter:none!important}

.v48-sitemap-dialog{max-height:calc(100dvh - 26px)!important;overflow:hidden!important;padding:14px!important}
.v48-sitemap-head small{font-size:8px!important}.v48-sitemap-head h2{margin:2px 0 0!important;font-size:18px!important}
.v48-sitemap-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.v48-sitemap-grid>div{gap:4px!important;padding:8px!important}
.v48-sitemap-grid b{font-size:8px!important;line-height:1.1!important}.v48-sitemap-grid a,.v48-sitemap-grid button{font-size:9px!important;line-height:1.1!important}

@media(max-width:760px){
  .v400-how-modal:not([hidden]){align-items:flex-start!important;padding:max(8px,env(safe-area-inset-top)) 7px max(8px,env(safe-area-inset-bottom))!important;overflow:auto!important}
  .v400-how-dialog{width:100%!important;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding:18px 13px!important}
  .v400-how-dialog>small{font-size:8px!important}.v400-how-dialog>h2{font-size:18px!important}.v400-how-intro{font-size:11px!important;line-height:1.4!important}
  .v400-how-grid{grid-template-columns:1fr!important;gap:7px!important}.v400-how-grid section{padding:9px!important}.v400-how-grid p{font-size:10px!important;line-height:1.38!important}
  #modal-sitemap{align-items:flex-start!important;padding:max(7px,env(safe-area-inset-top)) 7px max(7px,env(safe-area-inset-bottom))!important;overflow:hidden!important}
  #modal-sitemap .v346-sitemap-box{width:100%!important;max-height:calc(100dvh - 14px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding:12px!important}
  #modal-sitemap .v346-sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  #modal-sitemap .v346-sitemap-grid article{padding:8px!important}
  #modal-sitemap .v346-sitemap-grid h3{font-size:8px!important}
  #modal-sitemap .v346-sitemap-grid a,#modal-sitemap .v346-sitemap-grid button{padding:4px 0!important;font-size:9px!important;line-height:1.05!important}
  .v48-sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}