/* SHIREEN-M-DIGITAL-CARD v2.1.3 — additive layout polish over the existing v2.1.2 card.
   No links, controls, forms, dark-mode rules or property-card functionality are replaced. */
.v212-card{max-width:1100px;padding-top:15px}
.v212-top{gap:12px;padding-bottom:12px}
.v212-hero{grid-template-columns:168px minmax(0,1fr) 174px;gap:19px;padding:21px 24px;border-radius:24px}
.v212-profile{width:146px;height:146px}
.v212-hero h1{font-size:clamp(2.45rem,4.4vw,3.8rem);line-height:1.02}
.v212-tagline{margin-top:12px;padding-top:10px;line-height:1.45}
.v212-primary{gap:10px;margin:14px 0 27px}
.v212-action{border-radius:13px;line-height:1.25;text-align:center;padding:9px}
.v212-section{margin-bottom:29px}
.v212-section-head{margin-bottom:12px;align-items:flex-start}
.v212-section-head h2{font-size:clamp(1.6rem,3vw,2.25rem)}
.v212-properties{gap:12px}
.v212-property-body{padding:13px 15px 15px}
.v212-property h3{font-size:1rem}
.v212-services{gap:10px}
.v212-service{min-height:130px;padding:16px;border-radius:16px}
.v212-service strong{font-size:1.07rem;margin-top:12px}
.v212-tool{min-height:64px;padding:12px 14px}
.v212-about-title,.v212-about-copy{padding:21px 23px}
.v212-connect{gap:15px;padding-top:10px}
.v212-utility{gap:11px;line-height:1.6}
.v212-card :is(a,button,input,summary):focus-visible{outline:3px solid var(--c-gold);outline-offset:3px}
@media(max-width:900px){
  .v212-card{padding:13px 14px calc(84px + env(safe-area-inset-bottom))}
  .v212-hero{grid-template-columns:118px minmax(0,1fr);padding:18px;gap:12px}
  .v212-profile{width:94px;height:94px}
  .v212-hero h1{font-size:clamp(1.8rem,7vw,2.7rem)}
  .v212-primary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:27px}
  .v212-action.meeting{grid-column:1/-1}
  .v212-section{margin-bottom:28px}
  /* Original v2.1.2 horizontal property carousel remains intact. */
  .v212-services{grid-template-columns:1fr 1fr}
  .v212-tools{grid-template-columns:1fr}
  .v212-about{grid-template-columns:1fr}
  .v212-about-title,.v212-about-copy{padding:20px}
  .v212-connect{grid-template-columns:1fr}
}
@media(max-width:560px){
  .v212-top{padding-bottom:9px;gap:7px}
  .v212-hero{grid-template-columns:80px minmax(0,1fr);gap:10px;padding:14px;border-radius:19px}
  .v212-profile{width:74px;height:74px}
  .v212-hero h1{font-size:clamp(1.5rem,7.4vw,2rem)}
  .v212-tagline{font-size:.81rem;padding-top:8px;margin-top:9px}
  .v212-primary{gap:8px;margin:12px 0 26px}
  .v212-action{min-height:48px;padding:8px 7px;font-size:.76rem}
  .v212-section{margin-bottom:25px}
  .v212-section-head{gap:8px}
  .v212-section-head h2{font-size:clamp(1.5rem,6vw,2rem)}
  .v212-services{gap:8px}
  .v212-service{min-height:126px;padding:14px}
  .v212-property{flex-basis:82vw;width:82vw;max-width:292px}
  .v212-utility{gap:8px 13px}
  .v212-sticky{left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.v212-action,.v212-service,.v212-tool{scroll-behavior:auto;transition:none!important}}