.terrain-risk-study{background:#f9f9f4;border:1px solid #dde2d9;border-radius:14px;overflow:hidden;color:#243a31}
.terrain-risk-study>header{padding:34px 34px 28px;max-width:860px}
#app .terrain-risk-study h2{font-size:clamp(30px,3.8vw,48px);line-height:1.08;letter-spacing:-1.5px;margin:18px 0}
.terrain-risk-study>header>p{font-size:15px;line-height:1.75;max-width:680px;margin:0;color:#647065}
.risk-model-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 34px 30px;gap:26px}
.risk-model-flow>div{border-top:1px solid #cad3c5;padding-top:17px;min-width:0}
.risk-model-flow span{display:block;font-size:9px;letter-spacing:1.3px;color:#8b5e42;margin-bottom:10px}
.risk-model-flow strong{font-size:16px;font-weight:500;line-height:1.4}
.risk-model-flow p{font-size:12px;line-height:1.7;color:#657463;margin:9px 0 0}
.case-viewer{background:#16312e;border-top:1px solid #d8dfd3;overflow:hidden}
.case-placeholder{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center;min-height:360px;padding:30px;color:#eef3e7}
.case-preview-art{min-width:0}.case-preview-art svg{width:100%;height:auto;display:block}.case-preview-art svg text{fill:#bed0c3}
.case-placeholder-copy{padding:12px 16px;min-width:0}.case-placeholder-copy>span{font-size:9px;letter-spacing:1.3px;color:#b3c9bc;line-height:1.6}
#app .case-placeholder h3{font-size:clamp(27px,3.4vw,40px);line-height:1.12;letter-spacing:-1px;margin:16px 0;color:#eff1e4}
#app .case-placeholder p{font-size:14px;line-height:1.7;max-width:410px;color:#c1d3c4;margin:0 0 24px}
.case-placeholder small{display:block;margin-top:12px;font-size:10px;color:#a8c2b3;line-height:1.6}
.case-viewer-meta{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 30px;border-bottom:1px solid #d8dfd3}
.case-viewer-meta p{font-size:11px;line-height:1.7;color:#687563;margin:0}
.case-viewer-meta>span{font-size:11px;line-height:1.7;color:#687563}
.case-method{padding:24px 34px;font-size:12px;line-height:1.7}
.case-method summary{font-weight:600;cursor:pointer;min-height:28px;line-height:1.7}
.case-method p{font-size:12px;color:#64715f;line-height:1.8;max-width:850px;margin:17px 0 0}
.case-method a{display:inline-block;margin-top:18px;font-size:12px;color:#9d3929;text-decoration:underline;text-underline-offset:4px}
.terrain-risk-study :focus-visible{outline:3px solid #bc3025;outline-offset:4px}
@media(max-width:700px){
 .terrain-risk-study>header{padding:25px 22px}
 #app .terrain-risk-study h2{font-size:31px;letter-spacing:-1px}
 .terrain-risk-study>header>p{font-size:14px}
 .risk-model-flow{grid-template-columns:1fr;padding:0 22px 25px;gap:18px}
 .risk-model-flow>div{padding-top:14px}
 .risk-model-flow p{margin-top:6px;font-size:12px}
 .case-placeholder{grid-template-columns:1fr;padding:20px;gap:0}
 .case-preview-art{max-width:350px;width:100%;justify-self:center}
 .case-placeholder-copy{padding:5px 2px 10px}
 #app .case-placeholder h3{font-size:30px}
 .case-viewer-meta{flex-direction:column;align-items:flex-start;padding:18px 22px;gap:10px}
 .case-method{padding:22px}
}