.plan-section{margin-top:70px;padding:80px 0;background:#eaf0f1;scroll-margin-top:20px}.plan-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:end;margin-bottom:35px}.plan-heading h2{font-size:clamp(38px,4vw,58px);margin:0}.plan-heading>p{font-size:18px;margin:0;max-width:440px}.plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:18px 22px;background:#fff;border:1px solid #cedbde;border-bottom:0;border-radius:7px 7px 0 0}.plan-toolbar>span{font-size:12px;letter-spacing:1px;color:#5d737d}.plan-toolbar>div{display:flex;gap:10px;flex-wrap:wrap}.plan-toolbar button{font-size:14px;min-height:44px;padding:8px 13px;background:#f4f7f8;color:#284b5b;border:1px solid #bdcdd5;border-radius:4px;cursor:pointer}.plan-toolbar button[aria-pressed=true]{border-color:#487e96}.plan-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);border:1px solid #cedbde;background:#f3f6f5}.plan-drawing{min-width:0}.security-plan-svg{display:block;width:100%;height:auto}.plan-camera{cursor:pointer;outline:none}.plan-camera[aria-pressed=true] circle{fill:#117fab;stroke:#fff;stroke-width:4}.plan-camera:focus-visible circle{stroke:#005b80;stroke-width:6}.plan-camera:hover circle{fill:#176785}.plan-legend{display:flex;gap:24px;padding:0 25px 23px;flex-wrap:wrap;font-size:12px;color:#506b75}.plan-legend span{display:flex;align-items:center;gap:8px}.plan-legend i{display:inline-block;width:16px;height:12px;background:#4bacc830;border:1px solid #3792b0}.plan-legend .legend-camera{width:13px;height:13px;border:0;border-radius:50%;background:#183d4b}.plan-legend .legend-private{background:#fbfcfa;border-color:#829695}.plan-detail{background:#fff;border-left:1px solid #cedbde;padding:30px 26px;display:flex;flex-direction:column;justify-content:center}.plan-detail .eyebrow{font-size:12px;line-height:1.7;color:#47788c;letter-spacing:1px;margin-bottom:16px}.plan-detail h3{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin-bottom:18px}.plan-detail p{font-size:16px;line-height:1.7}.plan-detail .plan-check{font-size:14px;color:#677e88;border-top:1px solid #d5e0e4;margin:15px 0 0;padding-top:22px}.plan-camera-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.plan-camera-list button{display:flex;align-items:center;gap:12px;padding:13px 16px;min-height:52px;text-align:left;font-size:14px;line-height:1.4;background:#fff;color:#35515d;border:1px solid #c3d2d9;border-radius:4px;cursor:pointer}.plan-camera-list button span{font-size:12px;color:#477487;flex-shrink:0}.plan-camera-list button[aria-pressed=true]{color:#fff;background:#214e61;border-color:#214e61}.plan-camera-list button[aria-pressed=true] span{color:#b8e5f7}.plan-section .plan-note{font-size:12px;color:#5c7480;margin:20px 0 0;max-width:940px}.plan-heading .eyebrow{color:#4f747b}.plan-nojs{padding:20px}.plan-section .wrap{width:min(1340px,92%)}
@media(max-width:1000px){.plan-layout{grid-template-columns:1fr}.plan-detail{border-left:0;border-top:1px solid #cedbde;padding:25px;display:block}.plan-detail p{max-width:800px}.plan-heading{gap:35px}.plan-section .wrap{width:90%}}@media(max-width:650px){.plan-section{margin-top:40px;padding:55px 0}.plan-heading{grid-template-columns:1fr;gap:22px}.plan-heading h2{font-size:39px}.plan-heading>p{font-size:17px}.plan-section .wrap{width:94%}.plan-heading{padding-inline:4%}.plan-toolbar{padding:15px}.plan-toolbar button{font-size:13px}.plan-camera-list{grid-template-columns:1fr 1fr;gap:8px}.plan-camera-list button{font-size:13px;gap:8px;padding:12px 10px;min-height:56px}.plan-detail{padding:25px 20px}.plan-detail h3{font-size:27px}.plan-legend{padding:10px 15px 20px;gap:12px;font-size:12px}.plan-note{padding-inline:4%}.plan-drawing{overflow-x:auto}.security-plan-svg{min-width:850px}.plan-legend{min-width:0}}