.lesestoff-dialog{width:min(560px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;line-height:1.55}
.lesestoff-dialog .lesestoff-type{margin:0 0 4px;color:var(--dim);font-size:12px;letter-spacing:.02em}
.lesestoff-dialog h3{margin:0 0 8px}
.lesestoff-dialog .lesestoff-kort{margin:0 0 12px;font-size:16px;color:var(--text)}
.lesestoff-lang{font-size:15px}
.lesestoff-dialog .lesestoff-lang p{margin:0 0 12px;font-size:15px;color:var(--text)}
.lesestoff-lang h4{margin:16px 0 6px;font-size:15px}
.lesestoff-notat{padding:8px 10px;border-left:3px solid var(--gull,#c9a227);background:var(--panel);border-radius:0 10px 10px 0}
.lesestoff-dialog .lesestoff-merknad{margin:8px 0 12px;color:var(--dim);font-size:12.5px}
.lesestoff-handlinger{display:flex;gap:8px;flex-wrap:wrap}
.lesestoff-handlinger .knapp{min-height:44px}
.lesestoff-register{margin-top:14px;border-top:1px solid var(--border);padding-top:10px}
.lesestoff-register summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--dim);font-size:14px}
.lesestoff-liste{display:flex;flex-wrap:wrap;gap:6px;padding-top:6px}
.lesestoff-lenke{min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);padding:6px 10px;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.lesestoff-lenke:hover,.lesestoff-lenke:focus-visible{border-color:var(--gull,#c9a227)}
.lesestoff-lenker{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
@media(max-width:700px){
  .lesestoff-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:12px}
}