/* Compact pages: the photo is a responsive editorial crop, not a tiny ad thumbnail. */
@media(max-width:700px){
 .compact-shell{padding:12px 18px max(8px,env(safe-area-inset-bottom));gap:8px;height:100svh;grid-template-rows:32px minmax(0,1fr) 36px}
 .compact-header{min-width:0;gap:12px;font-size:13px}.compact-header span{overflow-wrap:normal}.compact-header img{width:88px;height:30px;flex-shrink:0}
 .compact-main{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:14px;align-items:stretch}
 .compact-copy{max-width:none;width:100%}.compact-photo{height:clamp(130px,24svh,205px);width:100%;display:block;flex-shrink:0}
 .compact-photo img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:50% 20%;border-radius:8px}
 .compact-copy h1{font-size:clamp(26px,7vw,33px);line-height:1.13;letter-spacing:-.03em;margin:0 0 10px}
 .compact-copy .summary{font-size:16px;line-height:1.45;margin:0 0 10px;max-width:none}.compact-copy .facts{font-size:14px;line-height:1.4;margin:0 0 8px}
 .compact-copy .note{display:none}.primary{min-height:48px;font-size:16px;padding:10px 12px}
 .compact-actions{display:flex;flex-wrap:wrap;gap:0 14px;justify-content:space-between;align-items:center;margin-top:6px}.compact-actions a{min-height:44px;display:inline-flex;align-items:center;font-size:14px;margin:0}
 .compact-actions .more{font-size:14px}.compact-footer{font-size:12px;gap:12px;flex-wrap:nowrap;min-width:0}.compact-footer a,.compact-footer button{min-height:36px;white-space:nowrap}.compact-footer .email{margin-inline-start:auto}
 .lead-dialog{padding:18px 16px;max-height:calc(100dvh - 20px);width:calc(100% - 20px);overscroll-behavior:contain}.lead-dialog h2{font-size:23px;padding-inline-end:44px;min-height:44px}.form-fields{grid-template-columns:1fr;gap:12px}.field input{font-size:16px!important;min-height:48px}.field label{font-size:16px}.close-dialog{position:absolute;inset-inline-end:12px;top:12px;float:none}.lead-dialog .privacy-note{line-height:1.5}
}
@media(max-width:700px) and (max-height:720px){.compact-shell{padding-block:8px;gap:6px;grid-template-rows:30px minmax(0,1fr) 32px}.compact-main{gap:10px}.compact-photo{height:clamp(105px,20svh,140px)}.compact-copy h1{font-size:27px;margin-bottom:8px}.compact-copy .summary{margin-bottom:8px}.compact-actions a{min-height:40px}.compact-footer a,.compact-footer button{min-height:32px}.impact-outcomes--compact{margin:6px 0}.compact-copy .facts{margin-bottom:6px}}
@media(max-width:350px){.compact-shell{padding-inline:14px}.compact-header{font-size:12px}.compact-copy h1{font-size:25px}.compact-copy .summary{font-size:15px}.compact-actions{gap:0 10px}.compact-actions a,.compact-actions .more{font-size:13px}.compact-footer{gap:10px}.impact-outcomes--compact .outcome-stage p{font-size:11px}}
@media(max-height:500px){.compact-shell{height:auto;min-height:100svh;grid-template-rows:auto auto auto}.compact-main{gap:16px}.compact-photo{height:120px}.compact-footer{margin-top:10px}}
@media(max-width:700px){.compact-photo img{object-position:50% 0%}.compact-copy .impact-outcomes--compact h2{font-size:16px;white-space:nowrap}.compact-copy .impact-outcomes--compact .outcome-stage p{font-size:12px}.compact-copy .impact-outcomes--compact .outcome-stage p{max-width:100%}}
@media(min-width:351px) and (max-width:700px) and (min-height:750px){.compact-photo{height:28svh;max-height:250px}}
/* The inherited consent shell makes body a flex column; auto margins otherwise shrink this grid to its text width. */
.compact-shell{width:100%}
@media(max-width:700px){.compact-shell{grid-template-rows:32px minmax(0,1fr) 44px}.compact-footer{font-size:13px}.compact-footer a,.compact-footer button,.compact-actions a{min-height:44px}.compact-copy .impact-outcomes--compact .outcome-stage p{font-size:13px}.compact-copy .impact-outcomes--compact .outcome-scope{font-size:13px!important}.compact-copy .impact-outcomes--compact h2{font-size:16px}}
@media(max-width:350px){.compact-footer{font-size:12px}.compact-copy .impact-outcomes--compact .outcome-stage p{font-size:12px}}
/* Owner copy can grow: let the image yield space before introducing page scrolling. */
@media(max-width:700px) and (min-height:501px){.compact-photo{flex-shrink:1;min-height:64px}.compact-copy{flex-shrink:0}.compact-main{justify-content:center}}
@media(max-width:350px){.compact-actions{column-gap:7px}.compact-actions .contact-icon{width:16px;height:16px;flex-basis:16px}.compact-actions .contact-action{gap:4px}}

/* 2026-11-04 mobile fix (Omer): compact LPs scroll naturally on phones instead of squeezing into one screen. */
@media(max-width:700px){
 .compact-shell{height:auto!important;min-height:100svh;grid-template-rows:auto auto auto!important;gap:18px!important;padding:14px 16px calc(88px + env(safe-area-inset-bottom))!important}
 .compact-main{gap:20px!important;justify-content:flex-start!important}
 .compact-photo,.compact-photo[style]{height:auto!important;aspect-ratio:4/3;max-height:none!important}
 .compact-copy h1{font-size:clamp(28px,7.6vw,34px)!important;line-height:1.15!important;margin:0 0 14px!important}
 .compact-copy .summary{font-size:16px!important;line-height:1.6!important;margin:0 0 16px!important}
 .compact-copy .facts{line-height:1.55!important;margin:0 0 16px!important}
 .impact-outcomes--compact{margin:16px 0 20px!important}
 .compact-copy .impact-outcomes--compact .outcome-stage p{font-size:13px!important;line-height:1.45}
 .compact-actions{margin-top:14px!important;row-gap:6px!important}
 .compact-actions a,.compact-footer a,.compact-footer button{min-height:44px!important}
 .compact-footer{flex-wrap:wrap!important;gap:4px 16px!important;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
}