/* Commercial sector landing pages: small additions to the shared service-page styles. */
body main .proj-feature--notes { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
body main .proj-feature--notes .proj-note { min-height: 220px; }
body main .svc-bento--3 .svc-t3 { grid-column: 6 / 13; }
body main .sector-review-layout { display: block; max-width: 860px; margin-inline: auto; }
body main .svc-faq .faq-p__aside:not(:has(.faq-p__photo)) { background: var(--ink-2, #1f1f1e); border-radius: var(--r-s, 8px); }
@media (max-width: 899.98px) {
  body main .proj-feature--notes { grid-template-columns: minmax(0, 1fr); }
  body main .svc-bento--3 .svc-t3 { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
}
/* Sector cards on the commercial page link to their own page */
body main .svc-app__name a { display: inline-flex; align-items: center; gap: .4em; color: inherit; text-decoration: none; }
body main .svc-app__name a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
body main .svc-app__name a:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
body main .svc-app__go { width: .9em; height: .9em; flex: none; }
/* Static commercial review cards (the shared review carousel mixes in garage photos and reviews) */
body main .sector-quotes__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 16px; }
body main .sector-quote { margin: 0; padding: 28px; display: flex; flex-direction: column; gap: 16px; background: var(--ink-2, #1f1f1e); color: #fff; border-radius: var(--r-s, 8px); }
body main .sector-quote p { margin: 0; font-size: 18px; line-height: 1.55; color: rgba(255, 255, 255, .92); }
body main .sector-quote footer { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; font-size: 16px; }
body main .sector-quote time { font-size: 16px; color: rgba(255, 255, 255, .7); }
body main .sector-quote footer a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
/* Commercial hub: linked list of all eleven sector pages */
body main .sector-list { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 12px; }
body main .sector-list a { display: flex; flex-direction: column; gap: 4px; height: 100%; min-height: 44px; padding: 18px 20px; background: #fff; border: 1px solid rgba(20, 20, 20, .18); border-radius: var(--r-s, 8px); color: #141414; text-decoration: none; }
body main .sector-list a:hover { border-color: #141414; }
body main .sector-list a:focus-visible { outline: 2px solid #141414; outline-offset: 2px; }
body main .sector-list b { font-weight: 700; font-size: 18px; }
body main .sector-list span { font-size: 16px; line-height: 1.4; color: #3a3a38; }
body main .sector-list a, body main .sector-list a:hover, body main .sector-list a b, body main .sector-list a span { text-decoration: none !important; }
body main .sector-list a:hover b { text-decoration: underline !important; text-underline-offset: 3px; }