nav.site-nav {
            padding: 1.35rem 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 5;
            background: linear-gradient(135deg, #495045 0%, #64846f 56%, #765773 100%);
            border: 1px solid rgba(243, 239, 230, 0.28);
            border-radius: 0 0 22px 22px;
            box-shadow: 0 16px 34px rgba(32, 38, 32, 0.18);
        }

        nav.site-nav .logo-img {
            max-height: 100px;
            display: block;
        }

        nav.site-nav > a:first-child {
            background: rgba(243, 239, 230, 0.94);
            border: 1px solid rgba(243, 239, 230, 0.55);
            border-radius: 18px;
            padding: 0.42rem 0.7rem;
            box-shadow: 0 10px 22px rgba(32, 38, 32, 0.16);
        }

        nav.site-nav .nav-links {
            list-style: none;
            display: flex;
            gap: 1.5rem;
            align-items: center;
        }

        nav.site-nav .nav-links > li > a {
            text-decoration: none;
            color: #fffdfa;
            font-size: 0.8rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: color 0.3s, border-color 0.3s;
            padding-bottom: 0.35rem;
            border-bottom: 1px solid transparent;
            text-shadow: 0 1px 8px rgba(32, 38, 32, 0.28);
        }

        nav.site-nav .nav-links > li > a:hover,
        nav.site-nav .nav-links > li > a.active {
            color: #f3efe6;
            border-color: #f3efe6;
        }


.site-nav { gap:2rem; }
.site-nav .nav-links { display:flex; flex-wrap:wrap; gap:1rem 1.8rem; margin:0; padding:0; }
.site-nav .nav-links > li { list-style:none; }
.site-nav .nav-links > li > a,.site-nav .treatment-toggle { font-family:inherit; font-size:.88rem; font-weight:700; line-height:1.5; color:#fffdfa; text-transform:uppercase; letter-spacing:1px; white-space:nowrap; padding:.5rem 0; border:0; border-bottom:1px solid transparent; background:none; text-decoration:none; cursor:pointer; }
.site-nav .nav-links > li > a:hover,.site-nav .nav-links > li > a.active,.site-nav .treatment-toggle:hover,.site-nav .treatment-toggle.active,.site-nav .treatment-toggle[aria-expanded="true"] { border-bottom-color:#fffdfa; }
.site-nav a:focus-visible,.site-nav button:focus-visible { outline:2px solid #fff8eb; outline-offset:5px; }
.treatment-dropdown { position:relative; }
.treatment-toggle span { font-size:.8em; }
.site-nav .treatment-menu { position:absolute; top:100%; left:-1rem; min-width:290px; list-style:none; margin:0; padding:.6rem; background:#faf6ee; border:1px solid #d8d9cf; border-radius:12px; box-shadow:0 14px 28px #20262033; z-index:20; }
.site-nav .treatment-menu[hidden] { display:none; }
nav.site-nav .nav-links .treatment-menu a { display:block; padding:.75rem .65rem; color:#495045; font-size:1rem; line-height:1.5; font-weight:500; letter-spacing:0; text-transform:none; text-shadow:none; border:0; border-radius:6px; }
nav.site-nav .nav-links .treatment-menu a:hover,nav.site-nav .nav-links .treatment-menu a:focus-visible { color:#495045; background:#e9e7df; outline-color:#765773; }
@media(max-width:900px) { .site-nav { flex-wrap:wrap; gap:1.3rem; } .site-nav .nav-links { justify-content:flex-start; } }
@media(max-width:600px) { .site-nav { padding:1.2rem; } .site-nav .nav-links { width:100%; gap:.8rem 1.2rem; } .site-nav .nav-links > li > a,.site-nav .treatment-toggle { font-size:.75rem; } .site-nav .treatment-dropdown { position:static; } .site-nav .treatment-menu { left:1.2rem; right:1.2rem; top:100%; min-width:0; } }
html nav.site-nav .nav-links { display:flex; flex-direction:row; width:auto; align-items:center; }
nav.site-nav .logo-img { width:auto; max-width:180px; max-height:100px; }
@media(max-width:600px) { html nav.site-nav .nav-links { width:100%; } }

/* Keep dropdown states legible against the light panel on every page. */
nav.site-nav .nav-links .treatment-menu a { color:#343c30; text-shadow:none; text-transform:none; white-space:normal; }
nav.site-nav .nav-links .treatment-menu a:hover,
nav.site-nav .nav-links .treatment-menu a:focus-visible,
nav.site-nav .nav-links .treatment-menu a.active { color:#343c30; background:#e9e7df; text-shadow:none; border-color:transparent; }
nav.site-nav .nav-links .treatment-menu a:focus-visible { outline:2px solid #765773; outline-offset:0; }
nav.site-nav .nav-links .treatment-menu a.active { font-weight:700; }

/* Compact navigation without the logo, retained in the footer. */
html nav.site-nav { padding:.5rem 2rem; min-height:60px; justify-content:center; gap:0; }
html nav.site-nav .nav-links { justify-content:center; gap:.25rem 1.8rem; }
html nav.site-nav .nav-links > li > a { display:inline-block; }
@media(max-width:600px) { html nav.site-nav { padding:.5rem 1rem; } html nav.site-nav .nav-links { gap:.15rem 1.1rem; } }

/* Identical typography for navigation links and the dropdown trigger. */
html nav.site-nav .nav-links > li > a,
html nav.site-nav .nav-links > li > .treatment-toggle { font-family:Montserrat,Arial,sans-serif; font-size:.8rem; font-weight:700; line-height:1.5; letter-spacing:1px; text-transform:uppercase; padding:.5rem 0; }
html nav.site-nav .treatment-toggle { display:inline-flex; align-items:center; gap:.4rem; }
.nav-chevron { display:block; flex:none; transition:transform .18s ease; }
.treatment-toggle[aria-expanded="true"] .nav-chevron { transform:rotate(180deg); }
@media(max-width:600px) { html nav.site-nav .nav-links > li > a,html nav.site-nav .nav-links > li > .treatment-toggle { font-size:.75rem; } }
@media(prefers-reduced-motion:reduce) { .nav-chevron { transition:none; } }