@layer components{:where(.ref){padding-bottom:32px;line-height:normal}:where(.ref) .ref-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;display:grid}:where(.ref) .ref-tile{flex-direction:column;gap:8px;text-decoration:none;display:flex}:where(.ref) .ref-tile img{aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid var(--line);background:var(--surface);width:100%;height:auto;transition:transform .3s var(--ease), box-shadow .3s;border-radius:12px;margin-bottom:8px;display:block}:where(.ref) .ref-tile:hover img{box-shadow:var(--sh-sm);transform:translateY(-2px)}:where(.ref) .ref-tile h3{letter-spacing:-.02em;color:var(--strong);margin:0;font-size:18px;font-weight:600}:where(.ref) .ref-tile:hover h3{color:var(--primary)}:where(.ref) .ref-meta{color:var(--soft);margin:0;font-size:13px}:where(.ref) .ref-meta .cat{color:var(--primary);font-weight:600}:where(.ref) .ref-by{color:var(--soft);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}:where(.ref) .ref-sec-h{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}:where(.ref) .ref-sec-h h2{letter-spacing:-.03em;color:var(--strong);margin:0;font-size:28px;font-weight:650}:where(.ref) .ref-sec-h span{color:var(--soft);font-size:14px}:where(.ref) .ref-lead{color:var(--ink);text-wrap:pretty;margin:0;font-size:19px;line-height:1.6}:where(.ref) .ref-top{max-width:760px;padding-top:64px}:where(.ref) .ref-top h1{letter-spacing:-.045em;color:var(--strong);margin:0;font-size:clamp(36px,5vw,60px);font-weight:650;line-height:1.02}:where(.ref) .ref-top .ref-lead{margin-top:16px}:where(.ref) .ref-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px;display:grid}:where(.ref) .ref-wq{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;justify-content:space-between;gap:28px;padding:32px;text-decoration:none;transition:border-color .2s;display:flex}:where(.ref) .ref-wq:hover{border-color:var(--primary)}:where(.ref) .ref-all{margin-top:96px}:where(.ref) .ref-hero{padding:56px var(--gut) 64px;background:var(--surface);border-bottom:1px solid var(--line)}:where(.ref) .ref-hero:has(+.ref-shot){padding-bottom:160px}:where(.ref) .ref-hero-in{flex-direction:column;gap:24px;max-width:1008px;margin:0 auto;display:flex}:where(.ref) .ref-crumb{margin:0;font-size:14px}:where(.ref) .ref-crumb a{color:var(--soft);text-decoration:none}:where(.ref) .ref-crumb a:hover{color:var(--strong)}:where(.ref) .ref-hero h1{letter-spacing:-.045em;color:var(--strong);text-wrap:balance;margin:0;font-size:clamp(36px,5vw,56px);font-weight:650;line-height:1.04}:where(.ref) .ref-hero.has-q h1{letter-spacing:-.03em;color:var(--primary);font-size:28px;line-height:1.2}:where(.ref) .ref-hero .ref-lead{max-width:680px}:where(.ref) .ref-win{border:1px solid var(--line2);background:var(--win);box-shadow:var(--sh);border-radius:12px;display:block;overflow:hidden}:where(.ref) .ref-chrome{background:var(--chrome);border-bottom:1px solid var(--line);gap:6px;padding:10px 12px;display:flex}:where(.ref) .ref-chrome i{background:var(--line2);border-radius:50%;width:9px;height:9px}:where(.ref) .ref-win img{aspect-ratio:16/9;object-fit:cover;object-position:top;width:100%;height:auto;display:block}:where(.ref) .ref-shot{max-width:1008px;margin:-120px max(var(--gut), calc((100% - 1008px) / 2)) 0}:where(.ref) .ref-grid2{max-width:calc(1008px + 2 * var(--gut));padding:0 var(--gut);grid-template-columns:minmax(0,1fr) 260px;gap:64px;margin:64px auto 0;display:grid}:where(.ref) .ref-body{flex-direction:column;gap:32px;min-width:0;display:flex}:where(.ref) .prose-nettsmed{color:var(--ink);font-size:18px;line-height:1.7}:where(.ref) .prose-nettsmed h2{letter-spacing:-.03em;margin-top:2.5rem;font-size:28px;line-height:1.2}:where(.ref) .prose-nettsmed h3{letter-spacing:-.02em;font-size:21px}:where(.ref) .prose-nettsmed h2,:where(.ref) .prose-nettsmed h3{color:var(--strong);scroll-margin-top:84px;font-weight:650}:where(.ref) .prose-nettsmed>:first-child{margin-top:0}:where(.ref) .ref-rail{flex-direction:column;align-self:start;gap:28px;display:flex;position:sticky;top:84px}:where(.ref) .ref-facts{border-top:1px solid var(--line);flex-direction:column;margin:0;display:flex}:where(.ref) .ref-facts div{border-bottom:1px solid var(--line);padding:12px 0}:where(.ref) .ref-facts dt{color:var(--soft);font-size:13px}:where(.ref) .ref-facts dd{color:var(--strong);margin:2px 0 0;font-size:15px;font-weight:600}:where(.ref) .ref-ask{flex-direction:column;gap:12px;display:flex}:where(.ref) .ref-ask p{color:var(--soft);margin:0;font-size:14px;line-height:1.45}:where(.ref) .ref-ask b{color:var(--strong);font-weight:600;display:block}:where(.ref) .ref-ask .btn{justify-content:center}:where(.ref) .ref-more{max-width:1344px;padding:0 var(--gut);margin:96px auto 0}@media (max-width:1080px){:where(.ref) .ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){:where(.ref) .ref-top{padding-top:32px}:where(.ref) .ref-lead{font-size:17px}:where(.ref) .ref-wall{grid-template-columns:minmax(0,1fr)}:where(.ref) .ref-wq{padding:24px}:where(.ref) .ref-all,:where(.ref) .ref-more{margin-top:56px}:where(.ref) .ref-hero{padding-top:32px}:where(.ref) .ref-hero:has(+.ref-shot){padding-bottom:96px}:where(.ref) .ref-hero.has-q h1{font-size:20px}:where(.ref) .ref-shot{margin-top:-64px}:where(.ref) .ref-grid2{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:40px}:where(.ref) .ref-rail{position:static}:where(.ref) .prose-nettsmed{font-size:17px}:where(.ref) .prose-nettsmed h2{font-size:24px}}@media (max-width:600px){:where(.ref) .ref-grid{grid-template-columns:minmax(0,1fr)}:where(.ref) .ref-sec-h{flex-direction:column;gap:4px}}}
