/* Balanced header: look controls stay at the viewport center. */
header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
header .looks{justify-self:center;gap:4px}
header .looks button{width:34px;height:34px;margin:0}
.header-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:10px}
.header-actions #language{width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:12px}
header .header-actions .menu-toggle{display:grid;margin:0}
header nav#site-nav{padding:16px}
header nav#site-nav>a[href="#contact"]{margin-bottom:4px;padding:14px 10px 18px;border-bottom:1px solid var(--line);font-size:16px}
header .tools-dropdown>summary{display:none}
header .tools-dropdown-panel{display:grid;margin:0;padding:0;border:0;border-radius:0;max-height:none}
/* Logo block begins level with the first link row. */
.review-footer .footer-brand{padding-top:var(--footer-brand-offset,36px)}
.review-footer .footer-brand .brand{width:clamp(100px,12vw,180px)}
.review-footer .footer-brand .brand-mark{width:100%}
.review-footer .footer-brand .brand>span{display:block;width:100%;white-space:nowrap;font-size:var(--footer-label-size,24px);letter-spacing:0}
.review-footer .footer-linkedin{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px 0;border-bottom:1px solid var(--accent);color:var(--accent);font-size:14px}
.review-footer .footer-linkedin svg{width:20px;height:20px}
.review-footer .footer-linkedin svg:last-child{margin-left:auto}
.review-footer .footer-linkedin:hover{color:var(--ink)}
.review-footer .footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.review-footer .footer-credit{grid-column:2;margin:0;text-align:center;font-size:12px;color:var(--muted)}
.review-footer .footer-top{grid-column:3;justify-self:end;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%}
.review-footer .footer-top svg{width:23px;height:23px}
@media(max-width:600px){header .looks,body.menu-open header .looks{gap:3px}header .looks button{width:26px;height:26px}.header-actions{gap:6px}.header-actions #language,header .header-actions .menu-toggle{width:32px;height:32px}.review-footer .footer-brand{padding-top:0}.review-footer .footer-brand .brand{width:130px}.review-footer .footer-bottom{grid-template-columns:minmax(0,1fr) auto;gap:12px}.review-footer .footer-credit{grid-column:1;font-size:11px}.review-footer .footer-top{grid-column:2}}
@media(max-width:360px){header .wordmark{font-size:10.5px;gap:5px}header .wordmark svg{width:24px;height:22px}header{gap:3px}}

/* Complete tool catalog: keep the menu contained at every viewport width. */
body.menu-open header nav#site-nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px}
header nav#site-nav .tools-dropdown{min-width:0;width:100%}
header nav#site-nav .tools-dropdown-panel{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
header nav#site-nav .tool-menu-item{min-width:0;white-space:normal;grid-template-columns:28px minmax(0,1fr);gap:10px}
header nav#site-nav .tool-menu-item svg,header nav#site-nav .tool-menu-item img{width:26px;height:26px;max-width:100%;flex-shrink:0}
header nav#site-nav .tool-menu-copy,header nav#site-nav .tool-menu-copy span{white-space:normal;overflow-wrap:anywhere;min-width:0}
header nav#site-nav .tool-menu-copy strong small{margin-left:4px}
@media(max-width:600px){header nav#site-nav .tools-dropdown-panel{grid-template-columns:minmax(0,1fr)}}

body.menu-open header nav#site-nav{flex-wrap:nowrap!important;justify-content:flex-start!important}
header nav#site-nav>*,header nav#site-nav .tools-dropdown{flex-shrink:0}