
.pg-artikel .hero{height:86svh;min-height:640px}
.pg-artikel .phero-grid h1{font-size:72px;line-height:76px}
.pg-artikel .phero-grid .cta2{flex-direction:column;align-items:flex-end;gap:14px}
.pg-artikel .a-dt{font-size:12px;color:var(--ink-2)}

.art{display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px}
.art-side{grid-column:1/4;align-self:start;position:sticky;top:120px;max-width:260px}
.art .prose{grid-column:4/11}
.au-card img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.au-card b{display:block;margin-top:16px;font:500 16px/24px var(--f-b);color:var(--ink)}
.au-card .role{display:block;font-size:12px;line-height:16px;color:var(--mute)}
.au-card p{margin-top:14px;color:var(--ink-2)}
.au-card .links{display:flex;gap:16px;margin-top:14px;font-size:12px}
.au-card .links a{border-bottom:1px solid var(--ink);padding-bottom:1px}
.toc{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:2px}
.toc p{font-size:12px;color:var(--mute);margin-bottom:8px}
.toc a{font-size:13px;line-height:18px;padding:5px 0 5px 12px;border-left:1px solid var(--line);color:var(--mute);transition:color .3s,border-color .3s}
.toc a:hover,.toc a.on{color:var(--ink);border-color:var(--ink)}

.pg-artikel .prose>:first-child{margin-top:0}
.pg-artikel .prose h2{scroll-margin-top:120px}
.pg-artikel .prose strong{font-weight:600;color:var(--ink)}
.pg-artikel .prose em{color:var(--ink)}
.pg-artikel .prose code{font:400 14px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone}

.fnd{margin:40px 0}
.fnd-l{display:flex;gap:6px;font-size:12px;line-height:16px;color:var(--ink)}
.fnd-l i{font-style:normal;color:var(--mute);letter-spacing:-.06em}
.fnd-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.fnd-g.c2{grid-template-columns:1fr 1fr}
.fc{background:var(--card);border-radius:16px;padding:20px;display:flex;flex-direction:column;min-height:240px}
.fc b{font:500 44px/1 var(--f-d);letter-spacing:-.03em;color:var(--ink)}
.fc span{font-size:12px;line-height:16px;color:var(--mute);margin-top:12px}
.pg-artikel .prose .fc p{margin-top:auto;padding-top:24px;font-size:14px;line-height:20px;color:var(--ink-2)}
.fc.dk{background:var(--ink)}
.fc.dk b{color:#fafafa}
.fc.dk span{color:#a3a3a3}
.pg-artikel .prose .fc.dk p{color:#d4d4d4}
.pg-artikel .prose .fnd-list{list-style:none;margin:14px 0 0;border-top:1px solid var(--line)}
.fnd-list li{padding:20px 0;border-bottom:1px solid var(--line);font:500 24px/32px var(--f-d);letter-spacing:-.01em;color:var(--ink)}
.pg-artikel .prose .dtab{margin:20px 0 28px;font-variant-numeric:tabular-nums}
.pg-artikel .prose .dtab td{padding:14px 16px 14px 0}
.pg-artikel .prose .dtab td:first-child{font-size:17px;line-height:24px}
.pg-artikel .prose>ol{margin:18px 0 0 22px}
.pg-artikel .prose a{color:var(--ink);border-bottom:1px solid var(--ink)}
.pg-artikel .prose>ol li+li,.pg-artikel .prose>ul li+li{margin-top:8px}
.src{margin-top:80px;padding-top:28px;border-top:1px solid var(--line)}
.src ol{margin:14px 0 0 18px;display:grid;gap:8px}
.src li{font-size:14px;line-height:22px;color:var(--mute)}

.pg-artikel .posts{grid-template-columns:1fr 1fr}
.pg-artikel .post .bg{z-index:0} 
.pg-artikel .post .by span:first-child{display:flex;align-items:center;gap:10px}
.pg-artikel .post .by img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.art-two{position:absolute!important;right:28px;top:72px;width:min(64%,440px);display:grid;grid-template-columns:1fr 1fr;gap:24px;color:#f5f5f5;mix-blend-mode:difference}
.art-two b{display:block;font:500 clamp(110px,12vw,180px)/.9 var(--f-d);letter-spacing:-.06em}
.art-two span{display:block;margin-top:10px;font:400 12px/16px ui-monospace,SFMono-Regular,Menlo,monospace;color:#e5e5e5}
.art-two .c1{opacity:.55}
.art-two .c1 b{filter:blur(6px)}
.art-two .c2{border-left:1px solid rgba(245,245,245,.35);padding-left:24px}
.post-3 .bg{background-position:50% 0;filter:brightness(1.35) contrast(1.1)}
.post-3::before{background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 42%,rgba(0,0,0,.95) 76%)!important}
.pg-artikel .cta{margin-top:10px}
.pg-artikel .cta .auth{margin-top:40px}
.go h3{font:600 48px/56px var(--f-d);letter-spacing:-.02em}
.go p{color:var(--dmute);margin-top:18px;max-width:420px;font-size:16px;line-height:24px}
.go .btn{margin-top:32px;width:240px}
.go small{display:block;margin-top:20px;color:#737373;font-size:12px;line-height:16px}
.go small a{color:#d4d4d4;border-bottom:1px solid #525252}


.pg-loenfejl .checks{margin-top:64px}
.pg-loenfejl .s-dark .ck{background:var(--dcard);min-height:260px}
.pg-loenfejl .s-dark .tag{background:var(--dcard-2);color:#d4d4d4}
.pg-loenfejl .s-dark .q3{color:#fafafa}
.pg-loenfejl .s-dark .sub{color:var(--dmute);margin:12px 0 32px;padding-top:0}
.pg-loenfejl .ck .btn{align-self:flex-start}
.pg-loenfejl .prose h3{scroll-margin-top:120px}

@media (max-width:1180px){
  .pg-artikel .phero-grid h1{font-size:60px;line-height:64px}
  .art .prose{grid-column:4/13}
}
@media (max-width:860px){
  .pg-artikel .hero{height:100svh}
  .pg-artikel .phero-grid h1{font-size:clamp(32px,8.4vw,44px);line-height:1.1}
  .pg-artikel .phero-grid .cta2{align-items:flex-start}
  .art{display:block}
  .art-side{position:static;max-width:none;margin-bottom:56px}
  .au-card{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center}
  .au-card img{width:48px;height:48px}
  .au-card b{margin-top:0}
  .au-card p,.au-card .links{grid-column:1/-1}
  .toc{display:none}
  .pg-artikel .prose{font-size:16px;line-height:26px}
  .pg-artikel .prose h2{font-size:28px;line-height:34px;margin-top:48px}
  .pg-artikel .prose blockquote{font-size:21px;line-height:29px;padding-left:18px}
  .fnd-g,.fnd-g.c2{grid-template-columns:1fr}
  .fc{min-height:0}
  .fnd-list li{font-size:20px;line-height:28px}
  
  .pg-artikel .prose .dtab thead{display:table-header-group}
  .pg-artikel .prose .dtab tr{display:table-row}
  .pg-artikel .prose .dtab th,.pg-artikel .prose .dtab td{display:table-cell;padding:12px 8px 12px 0;font-size:13px;line-height:18px;border-top:1px solid var(--line)!important}
  .pg-artikel .prose .dtab th{border:0!important;font-size:11px;line-height:14px}
  .pg-artikel .prose .dtab td::before{content:none}
  .pg-artikel .prose .dtab td:first-child{font-size:14px;line-height:18px}
  .pg-artikel .prose .dtab td:first-child small{font-size:11px;line-height:14px}
  .pg-artikel .posts{grid-template-columns:1fr}
  .pg-artikel .post{height:560px}
  .art-two{left:24px;width:auto;gap:16px}
  .art-two .c2{padding-left:16px}
  .post-3 .bg{background-position:100% 0}
  .go h3{font-size:36px;line-height:44px}
}


.pg-artikel .checks{margin-top:64px}
.pg-artikel .s-dark .ck{background:var(--dcard);min-height:260px}
.pg-artikel .s-dark .tag{background:var(--dcard-2);color:#d4d4d4}
.pg-artikel .s-dark .q3{color:#fafafa}
.pg-artikel .s-dark .sub{color:var(--dmute);margin:12px 0 32px;padding-top:0}
.pg-artikel .ck .btn{align-self:flex-start}
.pg-artikel .prose h3{scroll-margin-top:120px}
