/* Integration rules for the owner's draft (docs/website-home/README.md); the draft's own stylesheets are unchanged.
   Each rule changes the layout only where the integration added something or a feature switch left a part out. */

/* The footer carries every policy link (up to six); on a phone they wrap instead of running off the screen. */
.footer-bottom nav{flex-wrap:wrap;row-gap:12px}

/* No App Store badge yet: the phone menu button still sits at the right edge. */
.nav-wrap:not(:has(>.nav-download))>.menu-toggle{margin-left:auto}

/* No Alexa card: the photo frame card fills the row, as the draft does while the card is hidden (motion.css). */
.lifestyle-grid:not(:has(>.alexa-card))>.photo-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}
@media(max-width:700px){
  .lifestyle-grid:not(:has(>.alexa-card))>.photo-card{grid-template-columns:1fr}
}