/* Post-audit hardening layer.
   Keep this file last in load order so it can normalize cross-file drift. */

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

img,
video,
canvas,
svg,
iframe {
  max-width: 100%;
}

.container,
.public-inner,
.site-main,
.card,
.surface {
  box-sizing: border-box;
  min-width: 0;
}

.pill,
.word-link,
.primary-btn,
.secondary-btn,
.ghost-btn,
button,
[role="button"] {
  min-height: 38px;
}

@media (max-width: 1024px) {
  .header .container,
  .mobile-toolbar-strip .container,
  .public-inner {
    padding-left: 12px;
    padding-right: 12px;
  }

  .nav {
    min-width: 0;
  }

  .nav-left,
  .nav-right,
  .nav-actions {
    min-width: 0;
  }
}

@media (max-width: 760px) {
  .mobile-toolbar-strip {
    width: 100%;
    overflow-x: auto;
  }

  .mobile-toolbar-strip-inner {
    width: max-content;
    min-width: 100%;
    padding-bottom: 4px;
  }

  .lifestyle-events-list {
    max-height: 176px;
    overflow-y: auto;
  }

  .lifestyle-events-list li:last-child {
    margin-bottom: 0;
  }
}