.flood-page{padding-top:34px;padding-bottom:86px;color:#203d2e}
.flood-breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px;margin-bottom:24px;color:#56705e}
.flood-breadcrumb a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.flood-hero{background:#193f34;color:#f6f4e9;border-radius:22px;padding:clamp(28px,5vw,62px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(24px,5vw,75px);align-items:center}
.flood-hero .eyebrow{color:#d6dca9}
.flood-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,5.2vw,76px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 20px}
.flood-hero p{color:#e0e8d9;line-height:1.7;max-width:650px}
.flood-hero-aside{background:#2a5949;border:1px solid #638171;border-radius:15px;padding:25px}
.flood-hero-aside strong{display:block;color:#e7d6a5;font-family:var(--serif);font-size:27px;font-weight:400;margin-bottom:10px}
.flood-hero-aside ol{padding-left:20px;margin:0;line-height:1.75;color:#f4f4eb}
.flood-hero-aside li+li{margin-top:8px}
.flood-section{max-width:1120px;margin:62px auto 0}
.flood-section h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.12;margin:0 0 18px}
.flood-section>p{color:#425b4b;line-height:1.75;max-width:850px}
.flood-form{display:flex;align-items:end;gap:13px;background:#f2f5ed;border:1px solid #d6e0d1;border-radius:14px;padding:23px;margin:24px 0 10px;max-width:900px}
.flood-form label{display:flex;flex-direction:column;gap:8px;flex:1;font-weight:700;font-size:14px}
.flood-form input{border:1px solid #a2b3a5;border-radius:7px;padding:13px 14px;font-size:17px;letter-spacing:.03em;color:#203d2e;min-height:52px;width:100%;text-transform:uppercase;background:#fff}
.flood-form button{min-height:52px}
.flood-status{font-size:14px;min-height:22px;color:#245845}
.flood-status.is-error,.flood-map-status{color:#9e4638}
.flood-privacy{font-size:13px;color:#59695c}
.flood-result{scroll-margin-top:90px}
.flood-result[hidden]{display:none}
.flood-result-intro{background:#e5eddf;border-left:4px solid #739d75;padding:14px 18px;border-radius:0 7px 7px 0}
.flood-map-controls{display:flex;flex-wrap:wrap;gap:10px;margin:21px 0 14px}
.flood-map-controls label{cursor:pointer;display:flex;align-items:center;gap:7px;background:#f5f6ee;border:1px solid #ccd9ca;border-radius:30px;padding:9px 13px;font-size:13px;font-weight:700}
.flood-map-controls label:has(input:checked){background:#dcebac;border-color:#8ea86a}
.flood-map-controls input{accent-color:#214d38}
.flood-map{position:relative;aspect-ratio:3/2;background:#e7e9de;overflow:hidden;border:1px solid #afbfae;border-radius:14px}
.flood-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#344b3a16 1px,transparent 1px),linear-gradient(90deg,#344b3a16 1px,transparent 1px);background-size:35px 35px}
.flood-map img,.flood-map svg{position:absolute;inset:0;display:block;width:100%;height:100%}
.flood-map img[hidden]{display:none}
.flood-map svg{pointer-events:none}
.flood-outline-shadow{fill:none;stroke:#102719;stroke-width:7;stroke-linejoin:round;opacity:.9;vector-effect:non-scaling-stroke}
.flood-outline{fill:#f5cc3620;stroke:#ffdd59;stroke-width:4;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.flood-legend{display:flex;flex-wrap:wrap;gap:17px;align-items:center;margin:12px 0;font-size:12px;color:#47604b}
.flood-legend span{display:flex;align-items:center;gap:6px}
.flood-legend i{display:block;width:16px;height:16px;border-radius:3px;background:#f5cc36;border:2px solid #254032}
.flood-legend i.water{background:#176bbd;border:0}
.flood-reference{font-size:13px;color:#526656}
.flood-warning{background:#fff3dc;color:#654529;border:1px solid #e8c985;border-radius:10px;padding:18px 20px;line-height:1.65;margin:22px 0}
.flood-next{background:#f0f4ec;border-radius:10px;padding:19px 22px;line-height:1.65}
.flood-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.flood-transfer{margin:24px 0 0;padding:24px;background:#eef5e9;border:1px solid #bdd1b7;border-radius:12px;max-width:900px}
.flood-transfer h3{font-family:var(--serif);font-weight:400;font-size:30px;margin:0 0 12px}
.flood-transfer p{line-height:1.65;color:#425b4b}
.flood-transfer-field{display:flex;flex-direction:column;gap:8px;font-weight:700;margin:18px 0}
.flood-transfer-field select{width:100%;min-height:48px;padding:10px;border:1px solid #9fb6a4;border-radius:7px;background:#fff;color:#203d2e}
.flood-transfer-consent{display:flex;align-items:flex-start;gap:10px;max-width:820px;margin:16px 0;line-height:1.55;cursor:pointer}
.flood-transfer-consent input{margin-top:5px;accent-color:#214d38}
.flood-transfer button:disabled{opacity:.5;cursor:not-allowed}
.flood-source-list{padding-left:20px;line-height:1.85;color:#425b4b}
.flood-source-list a,.flood-text-link{color:#225a3d;text-decoration:underline;text-underline-offset:3px}
.flood-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.flood-step{background:#f6f7f0;border:1px solid #dbe4d7;border-radius:12px;padding:23px}
.flood-step strong{display:block;font-family:var(--serif);font-size:25px;font-weight:400;margin-bottom:8px}
.flood-step p{color:#4d6151;line-height:1.65;margin:0;font-size:14px}
@media(max-width:800px){.flood-hero{grid-template-columns:1fr}.flood-steps{grid-template-columns:1fr}.flood-section{margin-top:44px}}
@media(max-width:580px){.flood-page{padding-top:20px}.flood-hero{border-radius:14px}.flood-form{display:block;padding:16px}.flood-form button{width:100%;margin-top:12px}.flood-map-controls label{font-size:12px}.flood-actions .button{width:100%;justify-content:center}}
@media print{.header,.topline,.flood-breadcrumb,.flood-form,.flood-actions,.flood-transfer,.footer,.whatsapp-dock{display:none!important}.flood-hero{background:#fff;color:#203d2e;border:1px solid #aaa;padding:15px}.flood-hero p{color:#203d2e}.flood-hero-aside{display:none}.flood-page{padding:0}.flood-section{margin-top:20px}.flood-map{break-inside:avoid}.flood-steps{break-inside:avoid}}