/* Keep the kitchen header in two deliberate rows on narrow screens. */
@media (max-width:680px) {
  body:not(.auth-body):not(.shared-body)>aside {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"brand account" "cookbooks groceries";
    align-items:center;
    gap:16px 10px;
    padding:18px 18px 14px;
    border-right:0;
  }
  body>aside>.brand {grid-area:brand;min-width:0;font-size:clamp(21px,5.4vw,26px);gap:6px;letter-spacing:-1px;white-space:nowrap}
  body>aside>.aside-bottom {grid-area:account;position:static;justify-self:end;max-width:100%;min-width:0;text-align:right;font-size:12px;line-height:1.5}
  body>aside .aside-bottom>div {min-width:0}
  body>aside #accountName {display:block;overflow-wrap:anywhere}
  body>aside .aside-bottom .textbutton {min-height:28px;padding:3px 0;font-size:12px}
  body>aside #home {grid-area:cookbooks}
  body>aside #groceriesNav {grid-area:groceries}
  body>aside #home,body>aside #groceriesNav {order:initial;display:flex;width:100%;min-width:0;min-height:44px;justify-content:center;align-items:center;padding:10px 7px;margin:0;gap:8px;font-size:13px;line-height:1.4;white-space:nowrap;border:1px solid transparent}
  body>aside .nav.active {border-color:#dce5d7}
  body>main {padding-left:18px;padding-right:18px}
  body>main>header {height:auto;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:14px 0;line-height:1.5}
  body>main>header .breadcrumb {font-size:12px;max-width:100%;overflow-wrap:anywhere}
  body>main>header .header-links {width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px 16px}
  body>main>header .site-support-link {font-size:12px;padding:4px 0}
  #libraryPage>.heading {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;padding:25px 0}
  #libraryPage>.heading>div {display:contents}
  #libraryPage>.heading .eyebrow {grid-column:1/-1;margin:0;line-height:1.6;font-size:12px;letter-spacing:1px}
  #libraryPage>.heading h1 {grid-column:1;grid-row:2;margin:0;font-size:clamp(31px,8.1vw,41px);line-height:1.12}
  #libraryPage>.heading .primary {grid-column:2;grid-row:2;padding:12px 11px;min-height:44px;font-size:12px;white-space:nowrap}
  #libraryPage>.heading .muted {grid-column:1/-1;margin:0;font-size:13px;line-height:1.6}
  #cookbookOverview>.section-title {display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:18px}
  #cookbookOverview>.section-title h2 {margin:0}
  #cookbookOverview .category-tools {max-width:none;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px 14px}
  #cookbookOverview .category-tools .textbutton {font-size:12px;padding:9px 0;min-height:36px}
}
@media (max-width:360px) {
  #cookbookOverview .category-tools {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  #cookbookOverview .category-tools .textbutton {font-size:12px;white-space:normal;line-height:1.5;padding:6px 2px;min-height:44px;text-align:center}
}

@media(max-width:680px){body>aside>.brand{font-size:clamp(20px,5.5vw,25px)}#libraryPage>.heading{grid-template-columns:1fr}#libraryPage>.heading h1{grid-column:1;grid-row:auto}#libraryPage>.heading .primary{grid-column:1;grid-row:auto;justify-self:start;font-size:14px}#libraryPage>.heading .muted{grid-row:3}#cookbookOverview .category-tools .textbutton{font-size:13px}}
@media(max-width:360px){.favorites-card{gap:12px}.favorites-photo{width:90px}.favorites-copy{min-width:0}.favorites-copy h2{font-size:32px}.favorites-arrow{display:none}}