/* Shared navigation, designed to match the quiet landscape-led homepage. */
.header{height:96px;padding:0 6%;gap:30px;border-bottom:1px solid #e3e6dc;box-shadow:0 2px 18px #15372b04;position:sticky;top:0;z-index:50}
.header .brand{flex-shrink:0}.header nav{gap:5px;flex-wrap:nowrap}.header .nav-group{position:static}
.header .nav-group summary,.header nav>a:not(.button){padding:12px 14px;border-radius:6px;font-size:13px;font-weight:500;letter-spacing:.05px;line-height:1.5;transition:background .18s,color .18s}
.header .nav-group summary{gap:10px}.header .nav-group summary:hover,.header .nav-group[open] summary,.header nav>a:not(.button):hover{background:#e9edde;color:#173e35;box-shadow:none}
.header .nav-group summary span{font-size:0;width:7px;height:7px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6;transition:transform .18s}
.header .nav-group[open] summary span{transform:translateY(2px) rotate(225deg)}
.header nav>.button{margin-left:14px;padding:13px 22px;border-radius:5px;font-size:12px;gap:30px}.header nav>.button:hover{transform:none;background:#2c5745}
.header .nav-dropdown{top:calc(100% - 6px);right:6%;left:auto;width:580px;max-width:88vw;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;background:#fbfcf7;padding:25px;border-radius:0 0 12px 12px;border:1px solid #dfe5d6;border-top:3px solid #183e34;box-shadow:0 22px 45px #12332921}
.nav-dropdown::before{content:attr(data-title);grid-column:1/-1;display:block;padding:0 12px 17px;margin-bottom:7px;border-bottom:1px solid #e1e7d8;font-size:10px;font-weight:600;letter-spacing:2px;color:#6b7e62;text-transform:uppercase}
.header .nav-dropdown a{padding:12px;border-radius:5px;white-space:normal;font-size:13px;line-height:1.5;color:#284b3d;display:flex;align-items:center;justify-content:space-between;gap:15px}.nav-dropdown a::after{content:'↗';font-size:15px;color:#869775}.header .nav-dropdown a:hover{background:#eaf0e1}.header .nav-dropdown a[aria-current=page]{background:#e5ecd9;font-weight:bold}
.water-complete{margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.water-complete>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:17px 0}.water-complete>summary::-webkit-details-marker{display:none}.popup-original{padding:8px 0 5px}.popup-original .original-gallery{grid-template-columns:1fr 1fr;gap:10px}.popup-original .original-gallery img{height:145px}.popup-original .original-row{margin:0 0 15px}.popup-original .prose-block{font-size:13px}.popup-original a:not(.gallery-image){font-size:12px}.popup-original .gallery-image{display:block}
@media(min-width:1001px) and (max-width:1200px){.header{padding-left:4%;padding-right:4%;gap:15px}.header .nav-group summary,.header nav>a:not(.button){padding:11px 10px;font-size:12px}.header nav>.button{margin-left:6px;padding:12px 16px}.header .nav-dropdown{right:4%}}
@media(max-width:1000px){.header{height:80px;min-height:0;flex-wrap:nowrap;padding:0 6%;gap:15px}.header .menu-toggle{display:flex;align-items:center;gap:18px;padding:10px 16px;background:transparent;color:var(--green);border:1px solid #ccd6c3;border-radius:5px;font-size:12px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;max-height:calc(100svh - 80px);overflow-y:auto;background:var(--paper);padding:15px 6% 25px;box-shadow:0 18px 30px #12332918;flex-direction:column;align-items:stretch;gap:3px}.header nav.open{display:flex}.header .nav-group summary,.header nav>a:not(.button){font-size:15px;padding:14px 12px}.header .nav-group summary{justify-content:space-between}.header .nav-dropdown{position:static;display:grid;grid-template-columns:1fr 1fr;max-width:none;width:100%;border:0;border-radius:6px;box-shadow:none;padding:12px;margin:4px 0 10px;background:#edf1e5;gap:4px}.nav-dropdown::before{display:none}.header .nav-dropdown a{font-size:12px;padding:11px}.header nav>.button{margin:14px 0 0;padding:14px 20px;align-self:stretch}.header .brand strong{font-size:21px}.header .brand span{font-size:8px}.header .brand img{width:41px;height:51px}}
@media(max-width:480px){.header .nav-dropdown{grid-template-columns:1fr}.header .nav-dropdown a{padding:9px 12px}.header .brand{gap:10px}.header .brand strong{font-size:19px}.popup-original .original-gallery{grid-template-columns:1fr}.popup-original .original-gallery img{height:auto}}
@media(prefers-reduced-motion:reduce){.header *{transition:none!important}}