/* ORBIT Scope of Investigation — responsive grey-card design.
   Mobile first: one column < 640px, two columns for tablets, four on desktop.
   No shadows, decorative orange heading bars, or placeholder imagery. */
:root{--ink:#17191b;--muted:#656d76;--orange:#ff4510;--hairline:#e6e8eb;--card:#f5f6f7;--width:1440px}
html{font-family:'DM Sans',Arial,sans-serif}body{background:#fff;color:var(--ink);font-size:14px}
.site-header-inner{max-width:1488px;height:66px;padding:0 30px}.brand img{width:103px}.journey{gap:26px}.journey-link{height:66px;font-size:12px;font-weight:650}
.proposal-page{width:min(var(--width),calc(100% - 72px));margin:0 auto;padding:32px 0 36px}
.proposal-head{margin:0 0 28px}.proposal-head h1{margin:0 0 9px;font-size:clamp(30px,3vw,45px);font-weight:750;line-height:1.14;letter-spacing:-.055em}.proposal-head p{max-width:810px;margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.scope-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.scope-item{min-width:0;padding:20px 19px 16px;background:var(--card);border:1px solid #f0f1f2;border-radius:14px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s ease}
.scope-item:focus-within{border-color:#adb3b9}
.scope-heading{display:flex;align-items:flex-start;gap:12px;min-height:46px}
.scope-icon{width:36px;height:36px;flex:none;border-radius:9px;background:#fffaf7;color:var(--orange);display:flex;align-items:center;justify-content:center}
.scope-icon svg{width:20px;height:20px}
.scope-item h2{font-size:16px;line-height:1.3;font-weight:750;letter-spacing:-.03em;margin:0;padding-top:2px}
.scope-description{font-size:13px;line-height:1.52;color:#56616a;min-height:59px;margin:0;max-width:35ch}
.scope-preview{position:relative;width:100%;aspect-ratio:2.45/1;min-height:118px;overflow:hidden;margin-top:auto;padding:0;border:1px solid #e1e4e7;border-radius:9px;background:#fff;display:block;text-align:left;cursor:zoom-in}
.scope-preview:hover,.scope-preview:focus-visible{border-color:#8b9197}
.scope-thumbnail{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .2s ease}
.scope-preview:hover .scope-thumbnail{transform:scale(1.035)}
.sample-button{position:absolute;right:9px;bottom:9px;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;background:#fff;border:1px solid #e2e4e6;border-radius:5px;color:#1b1d20;font-weight:750;font-size:11px;line-height:1.1;box-shadow:0 1px 3px #00000010}
.scope-preview:hover .sample-button{border-color:#adb3b9}
.scope-coverage{margin-top:22px}
.coverage-grid{display:grid;grid-template-columns:1.03fr .96fr 1fr;gap:14px}
.coverage-grid>section{min-width:0;background:#f6f7f8;padding:19px 20px;border-radius:11px;border:1px solid #f1f2f3}
.coverage-grid h2{font-size:14px;margin:0 0 9px;font-weight:750;letter-spacing:-.02em}
.coverage-grid p,.coverage-grid li{margin:0;color:#58636e;font-size:12.5px;line-height:1.6}
.coverage-grid ul{padding-left:18px;margin:0;columns:1}.coverage-grid li{margin-bottom:3px}
.proposal-bottom{border-top:1px solid var(--hairline);margin-top:21px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.proposal-bottom>span{color:#6f7780;font-size:12px;line-height:1.6;max-width:710px}
.proposal-bottom .button-orange{background:#ff4510;padding:12px 22px;min-height:45px;border-radius:7px;font-size:13px}
.proposal-bottom .button-orange:hover{background:#e33b0d}
.is-unavailable{pointer-events:none;background:#cdd1d5!important;border-color:#cdd1d5!important;color:#5b6269!important}
/* Laptop/tablet responsive layouts */
@media(max-width:1150px){.scope-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.scope-description{min-height:0;max-width:none}.scope-preview{aspect-ratio:2.6/1;min-height:135px}.coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage-sources{grid-column:1/-1}}
/* Phones: true single-column layout with legible 14px copy and full-width touch targets */
@media(max-width:639px){
 .site-header-inner{padding:0 18px;height:auto;min-height:65px;display:flex;flex-direction:column;gap:0;align-items:stretch}
 .brand{align-self:flex-start;padding:10px 0 2px}.brand img{width:101px;height:33px}
 .journey{display:flex;width:100%;justify-content:space-between;gap:4px}
 .journey-link{height:37px;font-size:11px;gap:5px}.step-num{height:20px;width:20px;font-size:10px}
 .proposal-page{width:calc(100% - 32px);padding:25px 0 32px}
 .proposal-head{margin-bottom:20px}.proposal-head h1{font-size:clamp(29px,8.2vw,38px);line-height:1.14;margin-bottom:10px}.proposal-head p{font-size:14px;line-height:1.6}
 .scope-list{grid-template-columns:1fr;gap:12px}
 .scope-item{padding:16px 16px 15px;border-radius:12px;gap:9px}
 .scope-heading{min-height:auto;gap:12px;align-items:center}.scope-icon{height:38px;width:38px}.scope-item h2{font-size:16px;padding:0}
 .scope-description{font-size:13.5px;line-height:1.5;min-height:0;max-width:none;margin-bottom:4px}
 .scope-preview{aspect-ratio:2.3/1;min-height:135px;max-height:230px;border-radius:8px}
 .sample-button{font-size:12px;padding:9px 11px;right:10px;bottom:10px}
 .scope-coverage{margin-top:14px}.coverage-grid{grid-template-columns:1fr;gap:11px}.coverage-sources{grid-column:auto}.coverage-grid>section{padding:17px 17px}.coverage-grid h2{font-size:14px}.coverage-grid p,.coverage-grid li{font-size:12.7px}
 .proposal-bottom{flex-direction:column;align-items:stretch;margin-top:20px;gap:14px}.proposal-bottom>span{font-size:12px}.proposal-bottom .button-orange{width:100%;min-height:50px;font-size:14px}
 .sample-viewer{inset:0;border-radius:0}.viewer-header{padding:10px 14px;height:58px}.viewer-header h2{font-size:15px;max-width:49vw}.viewer-actions button{min-height:36px}.viewer-main{padding:8px}.viewer-main.zoomed img{width:260%}.viewer-bottom{padding:8px;gap:8px;height:65px}.viewer-thumbs{gap:5px}.viewer-thumbs button{min-width:58px}
}
@media(max-width:350px){.journey-link{font-size:10px}.step-num{width:18px;height:18px}.scope-preview{min-height:116px}.proposal-page{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.scope-item,.scope-thumbnail{transition:none}}