/* ReefCam-specific additions; existing app styles are unchanged. */
.reef-monogram{display:inline-grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--line);border-radius:3px;color:var(--ink);font:500 13px var(--disp)}
.app-card .reef-monogram{width:58px;height:58px;font-size:23px;margin-bottom:27px;border-color:var(--ink)}
.reef-plan{border:1px solid var(--line);border-radius:3px;background:var(--soft);padding:32px}.reef-plan h2{font-size:34px;margin-bottom:28px}.reef-plan ol{list-style:none;padding:0;margin:0}.reef-plan li{display:flex;gap:20px;padding-block:22px;border-top:1px solid var(--line)}.reef-plan li>span{font:400 12px var(--mono);color:var(--steel);padding-top:5px;min-width:22px}.reef-plan h3{font-size:20px;margin-bottom:8px}.reef-plan p{font-size:15px;margin-bottom:0;color:var(--steel)}.reef-plan>.fine{font:10px/1.8 var(--mono);border-top:1px solid var(--line);padding-top:20px}
.app-grid.reef-expanded{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.reef-expanded .app-card{padding:23px}.reef-expanded .app-card h2{font-size:22px}.reef-expanded .app-card p{font-size:15px}.reef-expanded .card-links{gap:13px}.reef-expanded .visit{font-size:14px}.reef-expanded .coming{font-size:9px}
@media(max-width:1050px){.app-grid.reef-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.reef-expanded .app-card{padding:27px}.reef-expanded .app-card h2{font-size:24px}}
@media(max-width:650px){.app-grid.reef-expanded{grid-template-columns:1fr}.reef-plan{padding:24px}.reef-plan h2{font-size:29px}.reef-plan li{gap:15px}.reef-plan h3{font-size:19px}.reef-plan p{font-size:15px}.app-card .reef-monogram{margin-bottom:23px}.reefcam .header .brand{font-size:18px}}


/* Prepared-build screenshots: scoped to ReefCam, leaving collection layouts intact. */
.reefcam .reef-preview{max-width:440px;justify-self:end;width:100%}.reefcam .reef-preview .phone{width:230px}.reefcam .reef-screens figcaption small{display:block;font:10px/1.7 var(--mono);color:var(--steel);margin-top:10px}.reefcam .reef-screens{gap:38px}.reefcam .reef-screens .phone{width:230px}.reefcam .reef-screens .phone img{width:100%;height:auto}.reefcam .screen-grid{padding-top:3px}
@media(max-width:650px){.reefcam .reef-preview{justify-self:center;max-width:380px}.reefcam .reef-screens{gap:24px}.reefcam .reef-screens figure{min-width:220px}.reefcam .reef-screens figcaption small{font-size:9px}}