.header-nav{display:flex;gap:28px;align-items:center}.header-nav a{font-weight:700;white-space:nowrap;border-bottom:3px solid transparent;padding:12px 0}.header-nav a[aria-current=page]{border-color:var(--green)}.nature-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}.nature-picker{padding:22px;position:sticky;top:20px}.nature-picker h2{font-size:21px;margin-top:0}.nature-picker label{font-size:12px;display:block;font-weight:bold;margin-top:18px}.nature-picker input,.nature-picker select{width:100%;padding:10px;border:1px solid var(--line);background:#fff;color:var(--dark);border-radius:0}.nature-areas{max-height:580px;overflow:auto;display:flex;flex-direction:column}.nature-areas button{font:inherit;text-align:left;color:var(--dark);border:0;border-bottom:1px solid var(--line);padding:11px 10px;background:transparent}.nature-areas button[aria-pressed=true]{background:#eaf0e6;box-shadow:inset 3px 0 var(--green);font-weight:bold}.nature-areas button:hover{background:#f0f3eb}.nature-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.nature-head h2{font-size:30px;line-height:1.2;margin:0}.nature-head p{margin:9px 0;color:var(--muted)}.nature-title{display:flex;gap:12px;align-items:center;margin:0 0 18px;font-size:21px}.nature-title svg{width:23px;height:23px;color:var(--green)}.nature-kpis{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.nature-kpis>div{padding:18px 0}.nature-kpis>div+div{border-left:1px solid var(--line);padding-left:24px}.nature-kpis small{display:block;color:var(--muted)}.nature-kpis strong{display:block;font-size:29px;font-weight:700;line-height:1.3;margin-top:5px}.nature-note{font-size:12px;color:var(--muted);line-height:1.7}.nature-note a,.nature-head a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.nature-output-panel{margin-bottom:24px;padding:27px}.nature-output-panel h3{font-size:19px;margin:25px 0 12px}.nature-table{min-width:500px}.nature-table th{text-transform:uppercase;font-size:10px;letter-spacing:.6px}.nature-table td{font-size:13px}.nature-status{font-size:12px;display:inline-block;border:1px solid var(--line);padding:4px 9px;color:var(--muted)}.nature-disclaimer{padding:0 4px;font-size:11px;line-height:1.75;color:var(--muted)}#natureOutput{min-width:0}.nature-loading{padding:26px;background:white;border:1px solid var(--line)}.nature-error{color:#924830}@media(max-width:850px){.nature-layout{grid-template-columns:1fr}.nature-picker{position:static}.nature-areas{max-height:190px;display:grid;grid-template-columns:1fr 1fr}.header-nav{gap:17px}.header-nav a{font-size:13px}.top{height:auto;min-height:100px;flex-wrap:wrap;padding-top:18px;padding-bottom:15px;gap:10px}.nature-output-panel{padding:20px}.nature-head{flex-direction:column}.nature-kpis strong{font-size:25px}}@media(max-width:480px){.header-nav{width:100%;justify-content:space-between}.nature-areas{grid-template-columns:1fr}.nature-kpis>div+div{padding-left:16px}.nature-kpis strong{font-size:22px}}

.tide-dates{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0}.tide-dates label{font-size:12px;font-weight:bold}.tide-dates input{display:block;padding:9px 12px;margin-top:5px;border:1px solid var(--line);background:white;color:var(--dark)}.tide-shortcuts{display:flex;gap:8px;flex-wrap:wrap}.tide-shortcuts button{font:inherit;font-size:12px;padding:7px 12px;border:1px solid var(--line);background:#fff;color:var(--dark)}.tide-shortcuts button.active{background:var(--green);color:white;border-color:var(--green)}.tide-range-table{max-height:510px;overflow:auto;border-bottom:1px solid var(--line)}.tide-range-table .table-scroll{overflow:visible}.tide-range-table th{position:sticky;top:0;background:#f3f5ef;z-index:1}.tide-range-table td{white-space:nowrap}

.nature-back{font-size:12px;margin:0 0 18px;width:100%;padding:8px 10px}.nature-areas button small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}.nature-layout.is-overview{grid-template-columns:1fr}.nature-layout.is-overview .nature-picker{position:static;padding:28px}.nature-layout.is-overview #natureOutput{display:none}.nature-layout.is-overview .nature-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible;gap:0 28px}.nature-layout.is-overview .nature-areas button{padding:15px 12px;font-size:16px}.nature-layout.is-overview .nature-areas button small{font-size:11px}.nature-back[hidden]{display:none}@media(max-width:850px){.nature-layout.is-overview .nature-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.nature-layout.is-overview .nature-areas{grid-template-columns:1fr}.nature-layout.is-overview .nature-picker{padding:20px}}