html,body{min-height:100%}body{background:#f6f8f6}.image{min-height:100vh;display:flex;flex-direction:column;background:#f6f8f6}.tool-banner{padding:48px 0 34px;background:linear-gradient(135deg,#edf4ef,#fbfaf4);border-bottom:1px solid var(--line)}.tool-banner h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 10px}.tool-banner p{margin:0;color:#576a61;max-width:760px}.search-container{width:min(calc(100% - 36px),720px);margin:20px auto 10px;display:flex;align-items:stretch;gap:10px;padding:0;direction:rtl}.search-container input{min-width:0;flex:1;background:#fff}.search-container button{flex:0 0 110px;min-width:110px;border:0;border-radius:9px;background:var(--green-800);color:#fff;font-weight:800;cursor:pointer}.search-container button:hover{background:var(--green-700)}.center{width:min(calc(100% - 36px),1100px);margin:16px auto 60px;display:block}.map{position:relative;width:100%;min-height:560px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}.svg-container{width:100%;max-width:820px;margin:0 auto;text-align:center}.svg-container svg{display:block;width:100%;height:auto;max-height:660px;margin:auto}.allPaths{cursor:pointer;transition:fill .12s ease}.allPaths:hover{fill:#5f8d68!important}#name{position:fixed;z-index:1200;opacity:0;width:max-content;max-width:220px;padding:6px 9px;border:1px solid #203d33;border-radius:7px;background:#fff;color:#173d32;box-shadow:0 8px 20px rgba(0,0,0,.12);pointer-events:none}#name p{margin:0}.info-wrapper{position:absolute;top:28px;right:28px;width:320px;z-index:20}.info-box,.infoBoxLink{display:none;position:relative;width:100%;margin-bottom:12px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(19,57,46,.14);font-size:1rem}.info-box p,.infoBoxLink p{margin:7px 0;color:#41594f}.infoBoxLink{border-color:#b8d2c0}.closeBtn{position:absolute;top:10px;left:10px;border:0;border-radius:7px;padding:6px 10px;background:#f2e4e0;color:#7c2d23;cursor:pointer;font-weight:700}.infoBoxLink .button{width:100%;margin-top:10px;border:0}.data-note{width:min(calc(100% - 36px),980px);margin-top:20px}.site-footer{margin-top:auto}
@media(max-width:860px){.map{min-height:0;padding:18px}.info-wrapper{position:relative;top:auto;right:auto;width:100%;margin-top:18px}.svg-container{max-width:700px}}
@media(max-width:600px){.tool-banner{padding:38px 0 28px}.search-container{flex-direction:column}.search-container button{flex-basis:auto;min-height:46px}.center{width:calc(100% - 24px)}.map{padding:10px}.svg-container svg{max-height:520px}}
@media(hover:none){#name{display:none!important}}