/* Visual Blog 1.0.50 — PUBLIC DENSITY CONTRACT.
 * Normal / Compact / Ultra compact / Text only alter only presentation density.
 * Collapsed overview modes may hide media; an expanded post always restores full media.
 * Disclosure mechanics themselves remain owned by public-disclosure.css.
 */
.visual-blog-public-journal.is-density-compact .visual-blog-public-entries{gap:12px}
.visual-blog-public-journal.is-density-compact .visual-blog-public-entry-header{padding:12px 18px 10px}
.visual-blog-public-journal.is-density-compact .visual-blog-public-entry-header h2{font-size:clamp(22px,3vw,31px)}
.visual-blog-public-journal.is-density-compact .visual-blog-public-content{display:block;padding:12px 18px 14px}
.visual-blog-public-journal.is-density-compact .visual-blog-public-main-photo{float:left;width:min(300px,34%);max-width:300px;margin:0 18px 8px 0}
.visual-blog-public-journal.is-density-compact .visual-blog-public-entry.image-right .visual-blog-public-main-photo{float:right;margin:0 0 8px 18px}
.visual-blog-public-journal.is-density-compact .visual-blog-public-main-photo img{width:100%;height:auto;max-height:250px;object-fit:cover}
.visual-blog-public-journal.is-density-compact .visual-blog-public-note{font-size:15px;line-height:1.52}
.visual-blog-public-journal.is-density-compact .visual-blog-public-note .visual-blog-local-video-card,
.visual-blog-public-journal.is-density-compact .visual-blog-public-note>figure:has(>video):not(.visual-blog-html-doc-card),
.visual-blog-public-journal.is-density-compact .visual-blog-public-note .visual-blog-youtube-card{width:min(280px,36%);max-width:280px;margin:.25em 16px .55em 0}
.visual-blog-public-journal.is-density-compact .visual-blog-public-note .visual-blog-local-video-card video,
.visual-blog-public-journal.is-density-compact .visual-blog-public-note>figure:has(>video):not(.visual-blog-html-doc-card)>video{max-height:210px}

/* Shared small-card geometry for overview densities. */
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entries,
.visual-blog-public-journal.is-density-text .visual-blog-public-entries{gap:10px}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry,
.visual-blog-public-journal.is-density-text .visual-blog-public-entry{border-radius:18px}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry-header,
.visual-blog-public-journal.is-density-text .visual-blog-public-entry-header{gap:12px;padding:10px 14px 7px}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry-header h2,
.visual-blog-public-journal.is-density-text .visual-blog-public-entry-header h2{margin-top:2px;font-size:clamp(18px,2vw,24px);line-height:1.18}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry-header time,
.visual-blog-public-journal.is-density-text .visual-blog-public-entry-header time{font-size:12px}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-symbols,
.visual-blog-public-journal.is-density-text .visual-blog-public-symbols{gap:5px}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-symbols>span,
.visual-blog-public-journal.is-density-text .visual-blog-public-symbols>span{min-width:28px;height:28px;padding:0 6px;font-size:15px}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-meta,
.visual-blog-public-journal.is-density-text .visual-blog-public-meta{gap:6px;padding:8px 14px 0}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-chip,
.visual-blog-public-journal.is-density-ultra .visual-blog-public-weather,
.visual-blog-public-journal.is-density-ultra .visual-blog-public-sleep,
.visual-blog-public-journal.is-density-text .visual-blog-public-chip,
.visual-blog-public-journal.is-density-text .visual-blog-public-weather,
.visual-blog-public-journal.is-density-text .visual-blog-public-sleep{min-height:26px;padding:4px 9px;font-size:12px}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-content,
.visual-blog-public-journal.is-density-text .visual-blog-public-content{display:block;padding:8px 14px 10px}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-note,
.visual-blog-public-journal.is-density-text .visual-blog-public-note{font-size:14px;line-height:1.45}

/* Ultra compact overview: keep one real thumbnail. Main photo wins; otherwise the
 * first uploaded/YouTube video becomes the thumbnail. All full media returns on expand. */
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-metrics,
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-gallery,
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-audio{display:none}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-main-photo{float:left;width:112px;max-width:112px;margin:0 12px 5px 0;border-radius:12px}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-main-photo img{width:112px;height:70px;max-height:70px;object-fit:cover}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note .visual-blog-preview-media{display:none!important}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-content:not(:has(> .visual-blog-public-main-photo)) .visual-blog-public-note .visual-blog-preview-primary-visual{display:block!important;float:left!important;clear:none!important;width:112px!important;max-width:112px!important;height:70px!important;max-height:70px!important;margin:0 12px 5px 0!important;overflow:hidden!important;border-radius:10px!important;background:#0f172a!important;box-shadow:none!important;pointer-events:none}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note .visual-blog-preview-primary-visual>a{display:block!important;width:112px!important;height:70px!important;aspect-ratio:auto!important}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note .visual-blog-preview-primary-visual>a::after{width:32px!important;height:24px!important;border-radius:7px!important;font-size:13px!important}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note .visual-blog-preview-primary-visual img,
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note .visual-blog-preview-primary-visual video{display:block!important;width:112px!important;height:70px!important;max-height:70px!important;margin:0!important;object-fit:cover!important;border-radius:0!important;pointer-events:none!important}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note .visual-blog-preview-primary-visual figcaption,
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note .visual-blog-preview-primary-visual .visual-blog-local-video-extra{display:none!important}
.visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note .visual-blog-preview-primary-visual video::-webkit-media-controls{display:none!important}

/* Text-only is an OVERVIEW state, not a destructive/full-post state. Only the
 * collapsed card hides media. Expanding removes is-entry-expanded filtering and
 * the ordinary public-entry/public-media contracts take over again. */
.visual-blog-public-journal.is-density-text .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-main-photo,
.visual-blog-public-journal.is-density-text .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-metrics,
.visual-blog-public-journal.is-density-text .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-gallery,
.visual-blog-public-journal.is-density-text .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-audio{display:none}
.visual-blog-public-journal.is-density-text .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note figure,
.visual-blog-public-journal.is-density-text .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note iframe,
.visual-blog-public-journal.is-density-text .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note video,
.visual-blog-public-journal.is-density-text .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note audio,
.visual-blog-public-journal.is-density-text .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note img{display:none!important}

@media(max-width:760px){
    .visual-blog-public-journal.is-density-compact .visual-blog-public-main-photo,
    .visual-blog-public-journal.is-density-compact .visual-blog-public-entry.image-right .visual-blog-public-main-photo{float:none;width:min(100%,300px);max-width:100%;margin:0 auto 10px}
    .visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-main-photo{width:96px;max-width:96px;margin:0 10px 5px 0}
    .visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-main-photo img{width:96px;height:62px;max-height:62px}
    .visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-content:not(:has(> .visual-blog-public-main-photo)) .visual-blog-public-note .visual-blog-preview-primary-visual{width:96px!important;max-width:96px!important;height:62px!important;max-height:62px!important;margin-right:10px!important}
    .visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note .visual-blog-preview-primary-visual>a,
    .visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note .visual-blog-preview-primary-visual img,
    .visual-blog-public-journal.is-density-ultra .visual-blog-public-entry:not(.is-entry-expanded) .visual-blog-public-note .visual-blog-preview-primary-visual video{width:96px!important;height:62px!important;max-height:62px!important}
}
@media(max-width:620px){
    .visual-blog-public-journal.is-density-ultra .visual-blog-public-entry-header,
    .visual-blog-public-journal.is-density-text .visual-blog-public-entry-header{padding:10px 12px 7px}
    .visual-blog-public-journal.is-density-ultra .visual-blog-public-meta,
    .visual-blog-public-journal.is-density-text .visual-blog-public-meta{padding:7px 12px 0}
    .visual-blog-public-journal.is-density-ultra .visual-blog-public-content,
    .visual-blog-public-journal.is-density-text .visual-blog-public-content{padding:8px 12px 10px}
}