/* Put the bot field outside visual flow without disabling it for simple bots. */
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#contact-error{color:#7e241e;background:#fff4ed;padding:1rem;line-height:1.5;border-left:3px solid currentColor}
.policy-shell{max-width:880px;margin:auto;padding:clamp(24px,5vw,64px);line-height:1.7}.policy-shell h1{font-size:clamp(32px,6vw,64px)}.policy-shell p{white-space:pre-line}.policy-shell a{text-decoration:underline;overflow-wrap:anywhere}.policy-update{border-left:3px solid #007b6e;padding:1rem;background:#e4eee8}

/* Opaque inactive cards retain readable text; 70% opacity failed the mobile contrast audit. */
.real-life-scenes .review-lens-section .review-picker button{opacity:1}
/* At 320px the former 12px header gap plus 8px action gap wrapped the menu
   into a 96px row inside an 88px header, clipping the consultation button.
   These tighter gutters keep both 44px controls on one line beside the logo. */
@media(max-width:380px){
 :root body.real-life-scenes .site-header{gap:8px}
 :root body.real-life-scenes .header-actions{gap:4px;flex-wrap:nowrap}
}