.screen-plan {
    display: block;
    overflow-y: auto;
    padding: clamp(12px, 2vw, 24px);
    background: radial-gradient(circle at center, #356741, #113120);
}
.plan-shell {
    width: min(100%, 1200px);
    margin-inline: auto;
}
.plan-header { margin-bottom: 12px; text-align: center; }
.plan-header h2, .plan-header p { margin: 0; }
.plan-eyebrow { color: #8fbe77; font-size: 11px; font-weight: 1000; letter-spacing: .13em; text-transform: uppercase; }
.plan-header h2 { color: #fff0bc; font-size: clamp(26px, 3.2vw, 42px); text-shadow: 0 3px 2px rgb(0 0 0 / 35%); }
.plan-map {
    display: block;
    width: 100%;
    height: auto;
    border: 4px solid #8a5720;
    border-radius: 18px;
    background: #e9c77c;
    box-shadow: 0 10px 30px rgb(0 0 0 / 26%), inset 0 0 0 2px rgb(255 255 255 / 26%);
}
@media (max-width: 759px) { .screen-plan { padding: 8px; } .plan-header { margin-bottom: 8px; } .plan-header h2 { font-size: 22px; } .plan-map { border-width: 3px; border-radius: 14px; } }