/* Compact entry screen; sizing follows the available phone viewport. */
body:has(#startReport.active){background:#fff8ed}
body:has(#startReport.active) .shell{width:min(100%,560px);background:#fff8ed;padding:0}
#startReport{max-width:560px;margin:auto;padding:calc(8px + env(safe-area-inset-top)) 12px calc(8px + env(safe-area-inset-bottom));background:#fff8ed;color:#073a20;border-radius:0;font-family:Arial,Helvetica,sans-serif;min-height:100svh;gap:10px}
#startReport.active{display:flex;flex-direction:column}
#startReport *{box-sizing:border-box}
#startReport .lj-header{margin:0;gap:10px;min-height:46px;flex:none}
#startReport .lj-back{width:44px;height:44px;border:0;background:#07512c;color:white;border-radius:50%;font-size:30px;cursor:pointer}
.sr-brand{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;flex:1;padding-bottom:7px;font-size:clamp(21px,6.2vw,30px);font-weight:900;font-style:italic;letter-spacing:-1px;white-space:nowrap}
.sr-brand em{color:#bb890e}.sr-brand img{height:36px;width:30px;filter:brightness(0) saturate(100%) invert(54%) sepia(85%) saturate(576%) hue-rotate(6deg)}
.sr-brand i{position:absolute;bottom:0;left:14%;right:14%;height:6px;border-bottom:3px solid #07512c;border-top:2px solid #d6a51d;border-radius:50%}
.sr-hero{text-align:center;flex:1 1 120px;min-height:86px;max-height:190px;margin:0 -12px;padding:4px 12px 45px;background:linear-gradient(#fff8ed 0%,#fff8edf2 27%,#fff8ed00 64%),url(start-report-road.webp) center 52%/cover;border-radius:0 0 16px 16px}
.sr-hero h1{font-size:clamp(20px,5.7vw,27px);line-height:1.15;margin:0 0 4px;letter-spacing:-.7px;color:#073a20}.sr-hero p{font-size:14px;line-height:1.2;margin:0;color:#24352b}
.sr-options{display:grid;gap:10px;flex:none}.sr-card{background:linear-gradient(120deg,#f6fff5,#e8f4e7);border:2px solid white;border-radius:20px;padding:10px;box-shadow:0 4px 10px #49371520;margin:0}
.sr-card-content{display:flex;align-items:center;gap:10px;min-height:86px}.sr-photo{flex:0 0 34%;align-self:stretch;min-height:82px;border-radius:12px;background-image:url(start-report-road.webp);background-repeat:no-repeat;background-size:auto 145%}.sr-matatu{background-position:10% 65%}.sr-truck{background-position:96% 64%}.sr-copy{min-width:0;flex:1;border-left:2px solid #e6b842;padding-left:10px}
.sr-tag{display:inline-block;background:#07512c;color:white;font-size:10px;font-weight:800;border-radius:20px;padding:4px 8px;letter-spacing:.3px;line-height:1.1}
.sr-card h2{font-size:21px;line-height:1.08;letter-spacing:-.4px;margin:6px 0 4px;color:#123021}.sr-card p{font-size:13px;line-height:1.25;margin:0;color:#27392d}
.sr-primary{display:block;width:100%;min-height:44px;border:0;border-radius:13px;background:linear-gradient(120deg,#147721,#004721);color:white;font-size:18px;font-weight:800;padding:10px;margin-top:8px;cursor:pointer}
.sr-witness{background:linear-gradient(120deg,#fffdf6,#fff3d9)}.sr-witness .sr-tag{background:#f3c754;color:#123021}.sr-witness .sr-primary{background:linear-gradient(120deg,#ffcf42,#dfa000);color:#073a20}.sr-witness .sr-location{font-size:11px;text-align:center;margin:5px 0 0}
.sr-footer{flex:none;display:grid;gap:7px}.sr-privacy{text-align:center;font-size:12px;line-height:1.3;margin:0}.sr-terms{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;background:linear-gradient(110deg,#fff0bd,#ffe199);border:0;padding:9px 13px;border-radius:13px;font:inherit;font-size:16px;font-weight:800;color:#073a20;cursor:pointer}.sr-terms span:first-of-type{flex:1;text-align:left}.sr-terms span:last-child{font-size:23px;line-height:1}.sr-emergency{text-align:center;font-size:11px;font-weight:700;line-height:1.3;margin:0}
.sr-dialog{width:calc(100% - 32px);max-width:420px;max-height:85dvh;overflow:auto;border:1px solid #efdba2;border-radius:20px;padding:22px;background:#fffaf0;color:#073a20;font-family:Arial,sans-serif;box-shadow:0 12px 60px #0005}.sr-dialog::backdrop{background:#082c1cb3}.sr-dialog h2{margin:0 0 12px;font-size:23px}.sr-dialog p{font-size:15px;line-height:1.5}.sr-dialog form{margin:0}#startReport :focus-visible{outline:3px solid #a27300;outline-offset:3px}
@media(min-height:640px){#startReport.active{height:100svh}}
@media(max-height:700px){#startReport{gap:7px}.sr-options{gap:7px}.sr-card{padding:8px}.sr-card-content{min-height:76px}.sr-photo{min-height:74px}.sr-card h2{font-size:20px}.sr-card p{font-size:12px}.sr-hero{flex-basis:88px}.sr-footer{gap:5px}}
@media(max-width:350px){.sr-card h2{font-size:18px}.sr-copy{padding-left:7px}.sr-card-content{gap:7px}.sr-hero h1{font-size:19px}.sr-privacy{font-size:11px}}
/* Preserve access on very short/landscape screens and with enlarged text. */
@media(max-height:639px){.sr-hero{min-height:72px;flex:none;padding-bottom:30px}.sr-hero p{font-size:12px}}
/* Off-screen evidence inputs otherwise add one pixel below the viewport. */
body:has(#startReport.active)>.file-input{position:fixed;top:0;left:0}