/* Always-visible bare navigation control. */
body .web-header button#menu-toggle,
body .web-header button#menu-toggle:hover,
body .web-header button#menu-toggle:active {
 display:inline-flex;align-items:center;justify-content:center;order:0;flex:none;
 width:36px;height:36px;min-width:36px;min-height:36px;padding:6px;
}
@media(max-width:760px),(pointer:coarse) {
 body .web-header button#menu-toggle,
 body:has(main#app .seller-store) .web-header button#menu-toggle,
 body:has(main#app .facet-browse-layout) .web-header button#menu-toggle {width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;}
}

/* Compact updates and a consistently available category menu — 29 October 2026. */
.web-rail :is(.rail-category,nav[aria-label="Categories"] a) { font-weight:700; }
@media(min-width:761px) {
  body.rail-collapsed:not(:has(main#app .facet-browse-layout)):not(:has(main#app .seller-store)) .web-rail { display:none; }
  body.rail-collapsed:not(:has(main#app .facet-browse-layout)):not(:has(main#app .seller-store)) main#app,
  body.rail-collapsed:not(:has(main#app .facet-browse-layout)):not(:has(main#app .seller-store)) > footer { margin-left:0; }
}

/* Compact notification rows — 29 October 2026. */
main#app .notification-list {
 display:grid;gap:0;width:100%;max-width:720px;
}
main#app .notification-list > .notification-item {
 min-width:0;margin:0;padding:12px 16px;border:0;border-bottom:1px solid var(--line);
 border-radius:0;background:var(--card);overflow:visible;
}
main#app .notification-list > .notification-item:last-child {border-bottom:0;}
main#app .notification-item h2 {margin:0;font-size:16px;line-height:22px;letter-spacing:0;}
main#app .notification-item p {margin:4px 0 0;font-size:13px;line-height:20px;overflow-wrap:anywhere;}
main#app .notification-item > .card-actions,
main#app .notification-item > .actions {gap:8px;margin:8px 0 0;}
main#app .notification-item :is(button,.primary,.secondary) {
 min-height:32px;padding:6px 12px;margin:0;font-size:12px;line-height:18px;
}
main#app .notification-item > button {margin-top:8px;}
main#app .notification-item > small,
main#app .notification-item .card-actions > small {font-size:12px;line-height:18px;color:var(--muted);}
@media(max-width:760px),(pointer:coarse) {
 main#app .notification-item :is(button,.primary,.secondary) {min-height:44px;padding:12px;font-size:13px;line-height:20px;}
}
/* Read is a small text utility, separate from the primary Open action. */
main#app .notification-item :is([data-read-notification],[data-read]),
main#app .notification-item :is([data-read-notification],[data-read]):hover,
main#app .notification-item :is([data-read-notification],[data-read]):active {
 min-height:24px;padding:3px 0;border:0;border-radius:0;background:transparent;
 box-shadow:none;filter:none;font-size:12px;line-height:18px;font-weight:600;color:var(--muted);
}
main#app .notification-item :is([data-read-notification],[data-read])::after {content:none;}
main#app .notification-item :is([data-read-notification],[data-read]):not(:disabled):hover {text-decoration:underline;text-underline-offset:3px;}
@media(max-width:760px),(pointer:coarse) {
 main#app .notification-item :is([data-read-notification],[data-read]),
 main#app .notification-item :is([data-read-notification],[data-read]):hover,
 main#app .notification-item :is([data-read-notification],[data-read]):active {min-height:44px;padding:13px 0;}
}