/* Forsiden: de tre læringsveiene. Eneste innhold i denne filen er det som er unikt for forsiden. */
.lab-intro{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:0 0 30px}
.lab-intro h1{font-size:clamp(34px,4vw,52px);letter-spacing:-1.5px;line-height:1.12;margin:12px 0}
.lab-intro h1 span{color:var(--muted)}
.lab-intro>p{font-size:16px;line-height:1.8;color:var(--muted);border-left:2px solid var(--line);padding-left:25px;margin:0}
.lab-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lab-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:border-color .15s}
.lab-card:hover{border-color:#9db8cc}
.path-image{display:block;position:relative;height:240px;background:var(--paper);overflow:hidden}
.path-image>img{width:100%;height:100%;object-fit:cover;display:block}
.anatomy-path .path-image>img{object-fit:contain;background:#fff;transform:scale(1.14);transform-origin:50% 35%}
.nutrition-path .path-image>img{object-position:48% 50%}
.image-tag{position:absolute;bottom:12px;left:12px;right:12px;padding:8px 10px;background:#ffffffe8;border:1px solid var(--line);font-size:11px;letter-spacing:1px;color:var(--ink);text-align:center;border-radius:var(--radius-sm)}
.path-body{padding:23px 23px 24px;flex:1;display:flex;flex-direction:column}
.path-body>.eyebrow{font-size:11px;letter-spacing:1.3px;margin:0 0 12px}
.path-body h2{font-size:26px;line-height:1.2;letter-spacing:-.5px;margin:0 0 12px}
.path-body>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.65;margin:0 0 22px}
.path-action{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);color:var(--blue);font-size:15px;font-weight:700;text-decoration:none}
.path-secondary{font-size:14px;color:var(--muted);margin-top:13px;text-underline-offset:3px}
.photo-credit{font-size:11px;color:var(--muted);margin-top:16px}
.lab-resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:35px;border-top:1px solid var(--line);padding-top:24px}
.lab-resources a{color:var(--ink);text-decoration:none;border-right:1px solid var(--line);padding-right:14px}
.lab-resources a:last-child{border-right:0}
.lab-resources span{color:var(--teal);font-size:11px;letter-spacing:1.3px;font-weight:650}
.lab-resources h2{font-size:19px;line-height:1.3;margin:10px 0}
.lab-resources p{font-size:14px;color:var(--muted);line-height:1.6}
.lab-resources a:hover h2{color:var(--blue)}
.atlas-banner{display:flex;justify-content:space-between;gap:24px;align-items:center;background:var(--tint);border-left:3px solid var(--teal);padding:22px 26px;margin:24px 0;text-decoration:none;color:var(--ink);border-radius:var(--radius-sm)}
.atlas-banner strong{display:block;font-size:22px;margin-bottom:7px}
.atlas-banner span>span{font-size:16px;line-height:1.6}
.atlas-banner b{font-size:15px;white-space:nowrap;color:var(--teal)}
@media(max-width:1000px){
  .lab-paths{gap:14px}
  .path-body{padding:20px 18px}
  .path-body h2{font-size:23px}
  .path-image{height:215px}
  .lab-intro>p{font-size:14px}
  .lab-resources{gap:15px}
  .image-tag{font-size:10px;letter-spacing:.5px}
  .atlas-banner{align-items:flex-start;flex-direction:column;gap:14px}
}
@media(max-width:720px){
  .lab-intro{display:block}
  .lab-intro>p{border:0;padding:0;font-size:16px;margin-top:17px}
  .lab-intro>p br{display:none}
  .lab-paths{grid-template-columns:1fr}
  .path-image{height:270px}
  .anatomy-path .path-image>img{transform:none}
  .path-body{padding:24px}
  .path-body h2{font-size:27px}
  .image-tag{font-size:12px}
  .lab-resources{grid-template-columns:1fr 1fr;gap:22px}
  .lab-resources a:nth-child(2){border:0}
  .lab-resources h2{font-size:19px}
}