/* Shared header scale; Fine underline is the default, with review-link overrides. */
.site-header{height:116px;gap:30px}
.logo{width:clamp(148px,10.8vw,182px)}
.logo img{width:100%;height:auto}
.desktop-nav{gap:34px;margin-left:0}
.desktop-nav a{font-size:18px;font-weight:500;line-height:1.4;padding:14px 0}
.desktop-nav a:after{bottom:-23px}
.header-actions{gap:22px}
.project-link{font-size:16px;font-weight:500}
.project-count{width:28px;height:28px}
.search-trigger{width:44px;height:44px}
.search-trigger svg{width:24px;height:24px}
.menu-trigger{min-width:44px;min-height:44px}
.mobile-nav a{font-size:21px;font-weight:500;padding:17px 0}
.mobile-nav a[aria-current=page]{border-bottom-color:var(--accent)}

/* 01. Fine underline */
html[data-menu=underline] .desktop-nav{align-self:center;border-bottom:1px solid #dedfd9;gap:34px}
html[data-menu=underline] .desktop-nav a{padding:15px 0 17px}
html[data-menu=underline] .desktop-nav a:after{bottom:-1px;height:3px}
html[data-menu=underline] .desktop-nav a:focus-visible:after{width:100%}

/* 02. Soft frame */
html[data-menu=frame] .desktop-nav{align-self:center;padding:6px;gap:3px;background:#f7f6f2;border:1px solid #e6e3db;border-radius:6px}
html[data-menu=frame] .desktop-nav a{padding:12px 19px;border-radius:3px;transition:background .18s,color .18s}
html[data-menu=frame] .desktop-nav a:after{display:none}
html[data-menu=frame] .desktop-nav a:hover,html[data-menu=frame] .desktop-nav a:focus-visible{background:#fff}
html[data-menu=frame] .desktop-nav a.active{background:#fff1d1;box-shadow:inset 0 -2px #ffaf00}

/* 03. Slim dividers */
html[data-menu=dividers] .desktop-nav{align-self:center;gap:0}
html[data-menu=dividers] .desktop-nav:before{content:'';width:7px;height:7px;background:var(--accent);margin-right:14px;flex-shrink:0}
html[data-menu=dividers] .desktop-nav a{padding:10px 22px}
html[data-menu=dividers] .desktop-nav a+a{border-left:1px solid #ddded8}
html[data-menu=dividers] .desktop-nav a:after{height:2px;bottom:0;left:22px}
html[data-menu=dividers] .desktop-nav a:hover:after,html[data-menu=dividers] .desktop-nav a.active:after,html[data-menu=dividers] .desktop-nav a:focus-visible:after{width:calc(100% - 44px)}

.menu-review-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:20px;padding:12px 17px;background:#fff;border:1px solid #d9dad4;border-radius:6px;box-shadow:0 6px 30px #171a1717;font-size:13px;white-space:nowrap}
.menu-review-bar>span{color:#62665e}
.menu-review-bar nav{display:flex;gap:5px}
.menu-review-bar nav a{padding:7px 10px;border-radius:3px}
.menu-review-bar nav a[aria-current=true]{background:#ffecbb}
.menu-review-bar>a{border-bottom:1px solid #a0a298}
html[data-menu-review] body{padding-bottom:84px}

@media(min-width:1800px){.site-header{height:132px}.desktop-nav a{font-size:20px}.desktop-nav{gap:44px}.project-link{font-size:18px}.desktop-nav a:after{bottom:-29px}}
@media(min-width:1051px) and (max-width:1190px){.site-header{gap:22px;padding-left:32px;padding-right:32px}.desktop-nav{gap:24px}.header-actions{gap:12px}html[data-menu=frame] .desktop-nav a{padding-left:13px;padding-right:13px}html[data-menu=dividers] .desktop-nav a{padding-left:17px;padding-right:17px}html[data-menu=dividers] .desktop-nav a:after{left:17px}html[data-menu=dividers] .desktop-nav a:hover:after,html[data-menu=dividers] .desktop-nav a.active:after{width:calc(100% - 34px)}}
@media(max-width:1050px){.site-header{height:100px}.logo{width:146px}.desktop-nav{display:none!important}.menu-trigger{display:flex;flex-direction:column;gap:6px}.menu-trigger span{display:block;width:24px;height:2px;background:var(--ink)}.header-actions{gap:16px}}
@media(max-width:520px){.site-header{height:94px;gap:12px;padding-left:20px;padding-right:16px}.logo{width:130px}.header-actions{gap:5px}.project-link{font-size:14px;gap:6px}.project-count{width:24px;height:24px}.search-trigger{width:40px}.mobile-nav{padding:12px 24px 24px}.menu-review-bar{width:calc(100% - 24px);bottom:12px;padding:10px;gap:8px;justify-content:space-between;flex-wrap:wrap;white-space:normal}.menu-review-bar>span{display:none}.menu-review-bar nav{gap:0}.menu-review-bar nav a{padding:7px;font-size:12px}.menu-review-bar>a{font-size:12px}}
@media(max-width:360px){.logo{width:112px}.project-link{font-size:12px}.header-actions{gap:2px}.site-header{padding-left:16px;padding-right:10px}}
@media print{.menu-review-bar{display:none!important}html[data-menu-review] body{padding-bottom:0}}