/* Shared layout contract for the base template and added browser tools. */
.site-header > .nav-container{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-width:0}
.site-header .logo{font-size:1.1rem;font-weight:800;text-decoration:none;color:inherit;line-height:1.3}
.site-header .nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;min-width:0}
.site-header .nav-links a{font-size:.94rem;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.site-header .nav-links a:hover{text-decoration:underline}
/* A tool is a full-width row, never one cell of the legacy article/aside grid. */
main > .tools-shell{grid-column:1/-1;width:100%;max-width:none;min-width:0;justify-self:stretch}
@media(max-width:760px){.site-header > .nav-container{flex-direction:column;align-items:flex-start;gap:14px}.site-header .nav-links{gap:10px 16px}}
/* Intrinsic image dimensions must not force a flex/grid child beyond its card. */
.hero > *{min-width:0}
.hero .hero-image-wrapper{min-width:0;max-width:100%}
.hero picture{display:block}
.hero img{max-width:100%;height:auto;display:block}