/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
/* Adjust these values to control the feed without changing other pages. */
#unit-news.unit-feed-compact{--unit-feed-card-height:570px;--unit-feed-media-height:190px}
#unit-news.unit-feed-compact .unit-feed-heading{margin-bottom:20px;gap:16px}
#unit-news.unit-feed-compact .unit-feed-eyebrow{font-size:10px}
#unit-news.unit-feed-compact .unit-feed-heading h2{font-size:clamp(1.25rem,2vw,1.75rem);margin:6px 0}
#unit-news.unit-feed-compact .unit-feed-heading p{font-size:13px;line-height:1.7}
#unit-news.unit-feed-compact .unit-feed-grid{gap:18px;align-items:start}
#unit-news.unit-feed-compact .unit-feed-card{height:var(--unit-feed-card-height);max-height:var(--unit-feed-card-height);border-radius:16px}
#unit-news.unit-feed-compact .unit-feed-media{height:var(--unit-feed-media-height);flex-shrink:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;background:#e9f1f0}
#unit-news.unit-feed-compact .unit-feed-media-item{position:relative;min-height:0;min-width:0;grid-column:span 2;overflow:hidden}
#unit-news.unit-feed-compact .unit-feed-media-item:nth-child(-n+2){grid-column:span 3}
#unit-news.unit-feed-compact .unit-feed-media[data-image-count="1"] .unit-feed-media-item{grid-column:1/-1;grid-row:1/-1}
#unit-news.unit-feed-compact .unit-feed-media[data-image-count="2"] .unit-feed-media-item{grid-row:1/-1}
#unit-news.unit-feed-compact .unit-feed-media[data-image-count="3"] .unit-feed-media-item:first-child{grid-row:1/-1;grid-column:span 3}
#unit-news.unit-feed-compact .unit-feed-media[data-image-count="3"] .unit-feed-media-item:not(:first-child){grid-column:span 3}
#unit-news.unit-feed-compact .unit-feed-media[data-image-count="4"] .unit-feed-media-item{grid-column:span 3}
#unit-news.unit-feed-compact .unit-feed-thumbnail,#unit-news.unit-feed-compact .unit-feed-thumbnail img{width:100%;height:100%;border-radius:0;object-fit:cover}
#unit-news.unit-feed-compact .unit-image-hint{display:none}
#unit-news.unit-feed-compact .unit-feed-more-images{position:absolute;inset:0;display:grid;place-items:center;background:#082a3799;color:#fff;font-weight:700;font-size:32px;text-decoration:none}
#unit-news.unit-feed-compact .unit-feed-placeholder{height:var(--unit-feed-media-height);min-height:0;aspect-ratio:auto;flex-shrink:0}
#unit-news.unit-feed-compact .unit-feed-content{padding:16px;display:flex;flex-direction:column;flex:1;min-height:0;gap:12px}
#unit-news.unit-feed-compact .unit-feed-copy{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1}
#unit-news.unit-feed-compact .unit-feed-unit{font-size:12px;overflow-wrap:anywhere}
#unit-news.unit-feed-compact .unit-feed-date{font-size:11px}
#unit-news.unit-feed-compact .unit-feed-copy h3{font-size:16px;line-height:1.6;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#unit-news.unit-feed-compact .unit-feed-copy p{font-size:13px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#unit-news.unit-feed-compact .unit-feed-engagement{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid #dce5e9;padding-top:12px;flex-shrink:0}
#unit-news.unit-feed-compact .unit-social,#unit-news.unit-feed-compact .unit-feed-actions{display:contents}
#unit-news.unit-feed-compact .unit-feed-engagement form{margin:0}
#unit-news.unit-feed-compact .unit-feed-engagement .btn,#unit-news.unit-feed-compact .unit-like-button,#unit-news.unit-feed-compact .unit-share-button{font-size:12px;min-height:44px;padding:8px 10px;white-space:normal;border-radius:10px}
#unit-news.unit-feed-compact .unit-social-status{order:10;flex-basis:100%;font-size:10px;line-height:1.6;margin:0}
#unit-news.unit-feed-compact .unit-feed-file{font-size:12px}
@media(max-width:991.98px){#unit-news.unit-feed-compact .unit-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){#unit-news.unit-feed-compact .unit-feed-grid{grid-template-columns:minmax(0,1fr)}#unit-news.unit-feed-compact .unit-feed-heading{align-items:flex-start;flex-direction:column}#unit-news.unit-feed-compact{--unit-feed-card-height:560px;--unit-feed-media-height:185px}}

/* Six previews; all remaining images stay in the existing popup gallery. */
#unit-news.unit-feed-compact .unit-feed-media.unit-post-gallery{margin:0;padding:0;border:0}
#unit-news.unit-feed-compact .unit-feed-media[data-image-count="6"] .unit-feed-media-item{grid-column:span 2}
#unit-news.unit-feed-compact .unit-feed-media-item[hidden]{display:none!important}
#unit-news.unit-feed-compact .unit-feed-more-images{pointer-events:none}

/* Cover above the text; six-image album below the text. */
#unit-news.unit-feed-compact{--unit-feed-card-height:760px;--unit-feed-media-height:140px;--unit-feed-cover-height:200px}
#unit-news.unit-feed-compact .unit-feed-cover{height:var(--unit-feed-cover-height);flex-shrink:0;display:block;margin:0;padding:0;border:0;overflow:hidden}
#unit-news.unit-feed-compact .unit-feed-cover [hidden]{display:none!important}
#unit-news.unit-feed-compact .unit-feed-cover-photo,#unit-news.unit-feed-compact .unit-feed-cover-photo img{width:100%;height:100%;border-radius:0;object-fit:cover}
#unit-news.unit-feed-compact .unit-feed-content>.unit-feed-media{border-radius:10px;overflow:hidden}
@media(max-width:575px){#unit-news.unit-feed-compact{--unit-feed-card-height:740px;--unit-feed-media-height:130px;--unit-feed-cover-height:190px}}

/* Compact cards: remove the fixed-height whitespace shown in the screenshot. */
#unit-news.unit-feed-compact{--unit-feed-card-height:560px;--unit-feed-cover-height:160px;--unit-feed-media-height:105px}
#unit-news.unit-feed-compact .unit-feed-card{height:auto;max-height:var(--unit-feed-card-height)}
#unit-news.unit-feed-compact .unit-feed-content{flex:0 1 auto;padding:12px 14px;gap:10px}
#unit-news.unit-feed-compact .unit-feed-copy{flex:0 1 auto;max-height:150px}
#unit-news.unit-feed-compact .unit-feed-copy h3{margin:6px 0;font-size:15px;line-height:1.5}
#unit-news.unit-feed-compact .unit-feed-copy p{font-size:12px;line-height:1.65}
#unit-news.unit-feed-compact .unit-feed-engagement{padding-top:9px;gap:6px}
@media(max-width:575px){#unit-news.unit-feed-compact{--unit-feed-card-height:580px;--unit-feed-cover-height:150px;--unit-feed-media-height:100px}}

/* Album below the text: one horizontal row of 60 x 60 thumbnails. */
#unit-news.unit-feed-compact .unit-feed-content>.unit-feed-media.unit-post-gallery{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:6px;height:auto;min-height:60px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0 0 5px;margin:0;border-radius:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
#unit-news.unit-feed-compact .unit-feed-content>.unit-feed-media .unit-feed-media-item{flex:0 0 60px;width:60px;height:60px;min-width:60px;min-height:60px;border-radius:7px;overflow:hidden}
#unit-news.unit-feed-compact .unit-feed-content>.unit-feed-media .unit-feed-thumbnail,#unit-news.unit-feed-compact .unit-feed-content>.unit-feed-media .unit-feed-thumbnail img{width:60px;height:60px;object-fit:cover;border-radius:7px}
#unit-news.unit-feed-compact .unit-feed-content>.unit-feed-media .unit-feed-more-images{font-size:20px;border-radius:7px}
#unit-news.unit-feed-compact .unit-feed-content>.unit-feed-media .unit-feed-media-item[hidden]{display:none!important}