/* Stage 3 Phase 2: Foundational Ops. Ported from the Stage 2 prototype (site_src/pages_services.py). */

.report{background:#fff;border:1px solid var(--line-2);border-radius:6px;box-shadow:0 30px 60px -40px rgba(48,53,64,.35);max-width:980px;margin-inline:auto}
.report .rh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:22px clamp(20px,4vw,40px);border-bottom:2px solid var(--ink);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.report .rh span:last-child{color:var(--grey)}
.finding{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,.7fr);gap:8px 28px;padding:22px clamp(20px,4vw,40px);border-bottom:1px solid var(--line);align-items:baseline}
.finding:last-child{border-bottom:0}
.finding .id{font:800 14px/1 var(--f-stmt);color:var(--red-deep);letter-spacing:.04em}
.finding p{font-size:18px;line-height:1.45;font-weight:600}
.finding p small{display:block;font-weight:400;font-size:15px;color:var(--grey);margin-top:4px}
.finding a{font-size:15px;text-decoration:none;color:var(--ink);border-bottom:2px solid var(--green);padding-bottom:2px;justify-self:start}
.finding a:hover{color:var(--green-deep)}
.finding a::before{content:"Fixed by: ";color:var(--grey)}
@media (max-width:760px){.finding{grid-template-columns:1fr}}
.svc{counter-reset:s;border-top:2px solid var(--ink)}
.svc>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:12px clamp(28px,5vw,64px);padding:34px 0;border-bottom:1px solid var(--line-2);scroll-margin-top:96px}
.svc h3{font-weight:900;text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(26px,3vw,38px);line-height:.95}
.svc h3::before{counter-increment:s;content:"0" counter(s);display:block;font-size:14px;letter-spacing:.06em;color:var(--ember-deep);margin-bottom:10px}
.svc p{font-size:17px}
.svc .aside{margin-top:16px;padding:16px 18px;background:var(--sand-2);border-left:3px solid var(--ember);font-size:15.5px}
.svc .aside q{font-family:var(--f-voice);font-style:italic;font-size:21px;line-height:1.25;display:block;quotes:none}
@media (max-width:860px){.svc>div{grid-template-columns:1fr}}
.when{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-top:2px solid var(--ink)}
.when>div{padding:28px 32px 8px 0}
.when>div+div{padding-left:32px;border-left:1px solid var(--line-2)}
.when h3{font-family:var(--f-voice);font-style:italic;font-weight:400;font-size:clamp(26px,2.6vw,34px);line-height:1.1;margin-bottom:12px}
@media (max-width:760px){.when{grid-template-columns:1fr}.when>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line-2)}}