.legacy-framework { width: min(100%, 760px); margin: 0 auto 70px; padding: 40px 50px; background: #fff; }
.legacy-framework h1 { margin: 22px 0 35px; font: 600 clamp(28px, 3vw, 38px)/1.6 var(--serif); }
.legacy-eyebrow { color: #8b7243; font: 12px/1.7 var(--sans); letter-spacing: .07em; }
.legacy-framework p, .layer-content-desc, .finding-body { margin: 0 0 24px; font: 16px/2 Meiryo, sans-serif; color: #2e3941; }
.legacy-framework h2 { margin: 44px 0 24px; font: 700 24px/1.6 var(--sans); }
.layer-map { margin: 36px 0; }
.layer-row { display: grid; grid-template-columns: 60px minmax(0,1fr); gap: 24px; padding: 28px 0; border-top: 1px solid #d9dedf; }
.layer-label-num { color: #a9925e; font: 24px/1.4 Georgia, serif; }
.layer-label-name { margin-top: 8px; font: 700 15px/1.5 var(--sans); }
.layer-content-position, .finding-title { margin-bottom: 14px; font: 700 20px/1.7 var(--sans); }
.layer-content-desc, .finding-body { margin: 0; }
.finding { margin: 32px 0; padding: 25px; background: #f7f5ee; border-left: 3px solid #a9925e; }
.legacy-framework .uplink { display: inline-block; padding: 20px 0 0; text-decoration: underline; text-underline-offset: 5px; }
@media(max-width:600px) { .legacy-framework { padding: 28px 22px; } .layer-row { gap: 14px; grid-template-columns: 40px minmax(0,1fr); } .finding { padding: 20px; } }