/* /account — tiles from mockup C2; guest auth card + benefits, signed-in dashboard. */
.acc-page { padding-block: 22px 64px; }
.acc-guest { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.acc-auth { padding: 24px; }
.acc-auth .seg--tabs { margin-bottom: 20px; }
.acc-auth .form > .link { justify-self: start; font-size: 14px; }
.acc-list { display: grid; gap: 14px; margin-bottom: 16px; }
.acc-list li { display: flex; gap: 12px; align-items: flex-start; }
.acc-list b { display: block; font-size: 15px; }
.acc-list span:not(.sic) { color: var(--text-muted); font-size: 14px; }
.acc-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; align-items: start; }
.acc-prof { grid-column: 1 / 6; }
.acc-set { grid-column: 6 / 13; }
.acc-fav, .acc-sets { grid-column: 1 / -1; scroll-margin-top: 130px; }
.acc-me { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.acc-me__av { width: 52px; height: 52px; font-size: 20px; }
.acc-me b { display: block; font-size: 16px; word-break: break-all; }
.acc-me__show { font-size: 13px; color: var(--text-muted); }
.acc-set .fl { margin-bottom: 16px; }
.acc-set .seg { margin-top: 6px; }
.acc-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.favrow { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.favrow + .favrow { border-top: 1px solid var(--hair); }
.favrow__in .brow::before { display: none; }
.acc-sets .sets { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
@media (max-width: 1099px) {
  .acc-guest { grid-template-columns: minmax(0, 1fr); }
  .acc-prof, .acc-set { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .acc-auth { padding: 18px; }
  .acc-sets .sets { grid-template-columns: minmax(0, 1fr); }
}