/* 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}

/* Mobil: den vertikala rytmen är byggd för desktop (12vh sektioner) och blir
   till nästan bara luft på en telefon. Här dras den ihop rejält — sektionernas
   egen indelning fortsätter i home-layout.css. */
@media(max-width:760px){
  .hdr{padding:9px 18px}
  .section{padding:30px 18px}
  footer{padding:20px 18px;gap:8px}
}

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

/* Footerns policylänk (syns på alla sidor, inte bara policysidan) */
footer .foot-link { color: var(--muted); text-decoration: underline; }
footer .foot-link:hover { color: var(--ink); }