/* "Before you move in" row at the bottom of every company listing page (Randy, about 12:01 PM PT Nov 1 2026).
   Four cards in a grid, two across on phones and four across on computers, so there is never an empty spot.
   The guide cards follow the site's guide card look (white card, teal edge, cover thumbnail, small label, bold title).
   The Walk button is Liquid Glass (LOCKS 1.4), never orange. Fredoka everywhere. Markup and words: tools/listing-more-row.mjs. */
.bk-more{margin:26px 0 8px;font-family:Fredoka,ui-rounded,system-ui,sans-serif;color:#10203c}
.bk-more h2{margin:0 0 12px;font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-size:22px;font-weight:600;color:#0a6f8f}
.bk-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:700px){.bk-more-grid{grid-template-columns:repeat(4,1fr);gap:12px}}
.bk-more-card{display:flex;flex-direction:column;gap:8px;box-sizing:border-box;min-width:0;padding:10px;background:#fff;border:1px solid rgba(44,201,201,.55);border-radius:20px;box-shadow:0 3px 14px rgba(16,32,60,.08);color:#10203c;text-decoration:none;font-family:Fredoka,ui-rounded,system-ui,sans-serif}
a.bk-more-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px -16px rgba(15,23,42,.35)}
.bk-more-card img{display:block;width:100%;height:auto;aspect-ratio:300/388;object-fit:cover;border-radius:8px;border:1px solid #eee}
.bk-more-cat{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0a6f8f;overflow-wrap:anywhere}
.bk-more-title{font-size:1rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
/* Walk card: navy art block where the cover goes, then the label and the glass button where the title goes */
.bk-more-art{display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-sizing:border-box;width:100%;aspect-ratio:300/388;padding:12px;border-radius:8px;color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 40%,rgba(255,255,255,0) 44%),linear-gradient(180deg,#162a50 0%,#1a2e56 46%,#2c426c 100%)}
.bk-more-art b{font-size:1.4rem;font-weight:700;line-height:1.1}
.bk-more-art span{font-size:.82rem;font-weight:400;line-height:1.35;color:#eaf1ff}
.bk-more-btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;margin-top:auto;padding:8px 12px;border-radius:999px;color:#fff;font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-size:.95rem;font-weight:600;line-height:1.15;text-align:center;text-decoration:none;text-shadow:0 1px 1px rgba(2,8,24,.35);
  background:var(--bk-glass-bg,linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 48%,rgba(255,255,255,0) 52%),linear-gradient(180deg,rgba(22,42,80,.9) 0%,rgba(26,46,86,.9) 46%,rgba(44,66,108,.92) 100%));
  border:1px solid var(--bk-glass-line,rgba(206,217,240,.52));
  box-shadow:var(--bk-glass-shadow,inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(8,16,40,.28),0 6px 14px -6px rgba(2,8,24,.6));
  -webkit-backdrop-filter:var(--bk-glass-blur,blur(8px) saturate(1.3));backdrop-filter:var(--bk-glass-blur,blur(8px) saturate(1.3))}
.bk-more-btn:hover{filter:brightness(1.14);border-color:var(--bk-glass-line-hover,rgba(232,240,255,.78))}
.bk-more-card:focus-visible,.bk-more-btn:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
@media print{.bk-more{display:none}}