/* Match the Pleo rail used in the project example without changing the page grid. */
#dokumentasjon .pp-logo{object-fit:contain}
.dark #dokumentasjon .pp-logo{filter:invert(1)}
#dokumentasjon .pp-rail-icon{display:grid;place-items:center;background:transparent;color:var(--color-tertiary-foreground)}
#dokumentasjon .pp-rail-icon:last-child{background:var(--color-component);color:var(--color-primary-foreground)}
#dokumentasjon .pd-package strong{white-space:nowrap;font-variant-numeric:tabular-nums}
#dokumentasjon .pd-package span{min-width:0}
#dokumentasjon .pd-visual{container-type:inline-size}
#dokumentasjon [data-slot="timeline"]{width:min(460px,calc(100cqw - 112px))}
#dokumentasjon .pd-package>div{gap:8px}
@media(max-width:767px){
 #dokumentasjon div:has(>[data-slot="timeline"]){padding:12px}
 #dokumentasjon [data-slot="timeline"]{width:calc(100cqw - 82px)}
 #dokumentasjon [data-slot="timeline"]>div>div:first-child{margin-inline:6px}
 #dokumentasjon [data-slot="timeline"] p[data-wf="bar"].text-disabled-foreground{display:none}
 #dokumentasjon [data-slot="timeline"] p[data-text]{font-size:12px;line-height:18px}
 #dokumentasjon .pd-package{padding:6px 8px;font-size:10px}
 #dokumentasjon .pd-package>div{padding-block:5px}
}