.tvu-lista { background: #000; border-radius: 10px; box-sizing: border-box; display: grid; gap: 12px; padding: 16px; }
.tvu-lista > .tvu-laddar, .tvu-lista > .tvu-fel, .tvu-lista > .tvu-uppdaterad, .tvu-lista > p:only-child { color: #fff; margin: 0; }
.tvu-lista > .tvu-uppdaterad a { color: #fff; text-decoration: underline; }
.tvu-meddelande { border: 1px solid rgba(0,0,0,.12); border-radius: 8px; padding: 16px; }
.tvu-meddelande h3 { margin-top: 0; }
.tvu-fakta { display: grid; grid-template-columns: max-content 1fr; gap: 4px 14px; }
.tvu-fakta dt { font-weight: 700; }
.tvu-fakta dd { margin: 0; }
.tvu-kompakt-knapp { appearance: none; border: 1px solid rgba(0,0,0,.14); border-radius: 8px; color: inherit; cursor: pointer; display: block; font: inherit; padding: 13px 15px; text-align: left; width: 100%; }
.tvu-kompakt-knapp:hover, .tvu-kompakt-knapp:focus-visible { box-shadow: 0 0 0 3px rgba(0,0,0,.16); outline: none; }
.tvu-kompakt-rubrik { display: block; font-weight: 700; }
.tvu-kompakt-meta { display: block; font-size: .88em; margin-top: 4px; opacity: .8; }
.tvu-modal-bakgrund { align-items: center; background: rgba(0,0,0,.58); display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 999999; }
.tvu-modal-bakgrund[hidden] { display: none; }
.tvu-modal { background: #fff; border-radius: 10px; box-shadow: 0 18px 60px rgba(0,0,0,.3); color: #111; max-height: 88vh; max-width: 720px; overflow: auto; padding: 24px; position: relative; width: 100%; }
.tvu-modal h2 { margin: 0 44px 16px 0; }
.tvu-modal-stang { background: transparent; border: 0; cursor: pointer; font-size: 30px; line-height: 1; padding: 8px; position: absolute; right: 8px; top: 8px; }
body.tvu-modal-oppen { overflow: hidden; }
@media (max-width: 600px) { .tvu-fakta { grid-template-columns: 1fr; } .tvu-fakta dd { margin-bottom: 7px; } .tvu-modal { padding: 20px; } }