/* base-layout.css — global skeleton only (body, header, footer structure, section wrapper) */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

main{position:relative;z-index:1}

.hdr{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,5vw,46px)}

.section{max-width:var(--maxw);margin:0 auto;padding:clamp(80px,12vh,150px) clamp(20px,5vw,40px)}

footer{max-width:var(--maxw);margin:0 auto;padding:40px clamp(20px,5vw,40px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}