/* ERSSOFT LinkedIn page: compact introduction and unified post panels */
.linkedin-page { width:100%; min-height:60vh; background:#0b1020; color:#fff; padding:28px 24px 48px; box-sizing:border-box; }
.linkedin-page *, .linkedin-page *::before, .linkedin-page *::after { box-sizing:border-box; }
.linkedin-intro, .linkedin-section { width:100%; max-width:1100px; margin:0 auto; }
.linkedin-intro { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:12px 0 22px; }
.linkedin-intro__copy { flex:1; min-width:0; }
.linkedin-intro h1 { margin:0 0 10px; font-size:32px; line-height:1.2; color:#fff; }
.linkedin-intro p { margin:0; font-size:15px; line-height:1.6; color:#cbd5e1; }
.linkedin-follow { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; margin:0; padding:12px 20px; border-radius:8px; background:#0077b5; color:#fff; font-size:14px; font-weight:600; text-decoration:none; }
.linkedin-follow:hover { background:#005f91; color:#fff; }
.linkedin-section-header { margin:0 0 18px; }
.linkedin-section-header h2 { margin:0; font-size:24px; color:#fff; }
.linkedin-status { padding:35px 12px; text-align:center; color:#cbd5e1; }
.linkedin-status[hidden], .linkedin-grid[hidden], .linkedin-pagination[hidden] { display:none !important; }

.linkedin-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; width:100%; }

.linkedin-card { display:flex; flex-direction:column; width:100%; min-width:0; max-width:100%; height:520px; overflow:hidden; border:1px solid #29354f; border-radius:12px; background:#151e36; color:#fff; }

.linkedin-card__gallery { display:block; position:relative; width:100%; min-width:0; max-width:100%; overflow:hidden; flex-shrink:0; background:#101827; }

.linkedin-card__image, .linkedin-card video.linkedin-card__image { display:block !important; width:100% !important; max-width:100% !important; height:210px !important; min-height:210px; object-fit:contain; margin:0; border:0; background:#101827; }
.linkedin-card video.linkedin-card__image { background:#000; }

.linkedin-card__gallery-controls { display:flex; align-items:center; justify-content:center; gap:16px; width:100%; padding:9px; background:#1c2943; }
.linkedin-card__gallery-controls button { width:32px; height:32px; border:1px solid #50617b; border-radius:50%; background:#fff; color:#182235; cursor:pointer; }
.linkedin-card__gallery-controls button:disabled { opacity:.3; cursor:default; }
.linkedin-card__gallery-controls span { font-size:12px; color:#fff; }

.linkedin-card__body { display:grid; grid-template-rows:auto minmax(0,1fr) auto; flex:1; width:100%; min-width:0; min-height:0; gap:12px; padding:18px 20px 20px; background:transparent; }
.linkedin-card__date { font-size:12px; color:#cbd5e1; }

.linkedin-card__text { margin:0; min-height:0; max-height:none; overflow-y:auto; overflow-wrap:anywhere; white-space:pre-line; font-size:14px; line-height:1.6; color:#fff; }

.linkedin-card__link { display:inline-block; margin-top:0; padding-top:8px; color:#8ed3ff; font-size:13px; font-weight:600; text-decoration:none; }
.linkedin-card__link:hover { text-decoration:underline; }

.linkedin-pagination { display:flex; align-items:center; justify-content:center; gap:20px; width:100%; margin:24px auto 0; }
.linkedin-pagination button { width:40px; height:40px; border:1px solid #50617b; border-radius:50%; background:#fff; color:#182235; cursor:pointer; font-size:18px; }
.linkedin-pagination button:disabled { opacity:.3; cursor:default; }
#linkedin-page-counter { font-size:13px; color:#fff; }

@media(max-width:900px) { .linkedin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

@media(max-width:600px) { .linkedin-page { padding:20px 16px 36px; } .linkedin-intro { flex-direction:column; align-items:flex-start; gap:16px; } .linkedin-intro h1 { font-size:27px; } .linkedin-grid { grid-template-columns:minmax(0,1fr); } .linkedin-card { height:auto; min-height:420px; } .linkedin-card__image, .linkedin-card video.linkedin-card__image { height:190px !important; min-height:190px; } }