/* Startsidan: mobil först. Övningssidorna behåller sin befintliga stil. */
main:has(> .home-screen){padding-top:22px;padding-bottom:32px}
.home-screen .eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:1.5px}
.home-screen h1{font-size:clamp(28px,7vw,40px);margin:0 0 14px;line-height:1.12}
.home-screen .lead{font-size:17px;line-height:1.45;margin:0 0 22px}
.home-screen .modules{grid-template-columns:minmax(0,1fr);gap:14px}
.home-screen .module{min-height:0;padding:16px;border:3px solid #ffffffbd;border-radius:14px;background:transparent;gap:12px}
.home-screen .module:hover{background:transparent;border-color:#fff}
.home-screen .module-heading{display:flex;align-items:baseline;gap:10px;width:100%;border-bottom:1px solid #ffffff8c;padding-bottom:11px}
.home-screen .number{border:0;padding:0;font-size:16px;flex-shrink:0}
.home-screen .module-title{font-size:clamp(17px,4.5vw,22px);line-height:1.2;overflow-wrap:anywhere}
.home-screen .module p{font-size:16px;line-height:1.45;margin:0}
.home-screen .module-foot{width:100%;font-size:14px;line-height:1.35;gap:10px;padding-top:3px}
.home-screen .source-note{font-size:14px;margin:20px 0 0}
@media(min-width:960px){
 main:has(> .home-screen){padding-top:48px;padding-bottom:64px}
 .home-screen .eyebrow{font-size:14px;margin-bottom:16px}
 .home-screen h1{font-size:clamp(40px,4vw,56px);margin-bottom:22px}
 .home-screen .lead{font-size:20px;margin-bottom:32px}
 .home-screen .modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
 .home-screen .module{padding:24px;min-height:280px;gap:22px}
 .home-screen .module-heading{gap:12px;padding-bottom:18px}
 .home-screen .number{font-size:18px}
 .home-screen .module-title{font-size:clamp(19px,1.65vw,24px)}
 .home-screen .module p{font-size:18px}
 .home-screen .source-note{font-size:16px;margin-top:28px}
}