/* adsense-module textkit: shared look for Innehåll legal/about content (takeaways box, tables, portrait) */
.takeaways{margin:0 0 24px;padding:16px 20px;border:1px solid rgba(127,127,127,.32);border-left:4px solid currentColor;border-radius:10px}
.takeaways>p:first-child{margin:0 0 8px}.takeaways>p:first-child strong{text-transform:uppercase;font-size:.85em;letter-spacing:.05em}
.takeaways ul{margin:0;padding-left:1.2em}.takeaways li{margin:0 0 6px}
.table-wrap{position:relative;overflow:hidden;max-width:100%;min-width:0;margin:12px 0 16px;border:1px solid rgba(127,127,127,.28);border-radius:12px;background:var(--card-bg,var(--bg-elev,#fff))}
.table-wrap::after{content:"";position:absolute;top:0;right:0;bottom:0;width:28px;pointer-events:none;background:linear-gradient(to right,transparent,rgba(0,0,0,.16));border-radius:0 12px 12px 0;z-index:1}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;border-radius:inherit}
.table-wrap table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.95em}
.table-wrap th,.table-wrap td{border-bottom:1px solid rgba(127,127,127,.28);padding:8px 10px;text-align:left;vertical-align:top}
.table-wrap thead th:empty{padding:0;border:0}
@media (max-width:600px){
.table-stack{border:0;background:transparent;overflow:visible}
.table-stack::after{display:none}
.table-stack .table-scroll{overflow:visible}
.table-stack table{width:100%;min-width:0}
.table-stack thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.table-stack tbody,.table-stack tr,.table-stack td{display:block;width:100%;box-sizing:border-box}
.table-stack tr{border:1px solid rgba(127,127,127,.28);border-radius:12px;margin:0 0 12px;padding:10px 12px;background:var(--card-bg,var(--bg-elev,#fff))}
.table-stack td{border:0;padding:6px 0}
.table-stack td[data-label]::before{content:attr(data-label);display:block;font-weight:700;margin:0 0 2px}
.table-stack td:not([data-label]){display:none}
}
.about-portrait{float:right;width:140px;height:auto;margin:0 0 16px 24px;border-radius:8px}
.portrait-clear{clear:both}
.pcard:has(.about-portrait),.card:has(.about-portrait),.prose:has(.about-portrait){display:flow-root}
@media (max-width:600px){.about-portrait{float:none;display:block;margin:12px 0 16px}}
.updated{opacity:.75;font-size:.9em}
@media (max-width:600px){h1{overflow-wrap:break-word}}
.prose>p,.prose>h2,.prose>h3,.prose>h4,.prose>ul,.prose>ol,.prose>.takeaways,.prose>.updated,
.card>p,.card>h2,.card>h3,.card>h4,.card>ul,.card>ol,.card>.takeaways,.card>.updated{max-width:min(68ch,100%)}