/* Activities Page Styles */
.activities-page .sec-head { font-size: 0.95rem; font-weight: 500; border-bottom: 0.5px solid #e0e0e0; padding-bottom: 7px; margin: 1.8rem 0 1rem; color: #2d3436; display: flex; align-items: center; gap: 8px; text-transform: none; }
.activities-page .sec-head span { font-size: 0.68rem; font-weight: 400; color: #aaa; text-transform: uppercase; letter-spacing: 0.07em; }

/* Participation */
.activities-page .part-row { display: flex; gap: 12px; padding: 11px 0; border-bottom: 0.5px solid #f0f0f0; align-items: flex-start; text-align: left; }
.activities-page .part-row:last-child { border-bottom: none; }
.activities-page .pbadge { min-width: 42px; height: 42px; border-radius: 7px; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.activities-page .pb-conf { background: #e6f1fb; color: #185fa5; }
.activities-page .pb-ws   { background: #faeeda; color: #854f0b; }
.activities-page .pb-talk { background: #e1f5ee; color: #0f6e56; }
.activities-page .part-name { font-size: 0.84rem; font-weight: 500; margin-bottom: 2px; }
.activities-page .part-meta { font-size: 0.74rem; color: #888; }
.activities-page .pill { display:inline-block; font-size:0.65rem; padding:1px 7px; border-radius:99px; border:0.5px solid #ddd; color:#888; margin-top:4px; margin-right:3px; }

/* Video grid */
.activities-page .vid-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.activities-page .vid-card { border: 0.5px solid #e8e8e8; border-radius: 9px; overflow: hidden; background: #fff; }
.activities-page .vid-thumb { aspect-ratio: 16/9; background: #f0f4f8; display: flex; align-items: center; justify-content: center; position: relative; background-size: cover; background-position: center; }
.activities-page .vid-thumb.t2 { background: #eaf3f0; }
.activities-page .vid-thumb.t3 { background: #f5f0fa; }
.activities-page .play { width: 34px; height: 34px; background: rgba(0,0,0,0.45); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.activities-page .play::after { content:''; border-style:solid; border-width:6px 0 6px 11px; border-color:transparent transparent transparent white; margin-left:3px; }
.activities-page .vlabel { position:absolute; top:7px; left:7px; font-size:10px; font-weight:700; padding:2px 6px; border-radius:4px; }
.activities-page .vl-ieee { background:#185fa5; color:#fff; }
.activities-page .vl-demo { background:#0f6e56; color:#fff; }
.activities-page .vl-yt   { background:#cc0000; color:#fff; }
.activities-page .vid-info { padding: 8px 10px; }
.activities-page .vid-info p { font-size: 0.78rem; font-weight: 500; line-height: 1.35; color: #2d3436; margin-bottom: 4px; }
.activities-page .vid-info small { font-size: 0.68rem; color: #999; }

/* Reading list */
.activities-page .read-legend { display:flex; gap:14px; font-size:0.72rem; color:#999; margin-bottom:10px; }
.activities-page .dot { width:8px; height:8px; border-radius:50%; display:inline-block; margin-right:3px; vertical-align:middle; }
.activities-page .d-green  { background:#1d9e75; }
.activities-page .d-blue   { background:#185fa5; }
.activities-page .d-gray   { background:#ccc; }
.activities-page .read-row { display:flex; gap:10px; padding:9px 0; border-bottom:0.5px solid #f0f0f0; align-items:flex-start; text-align: left; }
.activities-page .read-row:last-child { border-bottom: none; }
.activities-page .read-dot { width:9px; height:9px; border-radius:50%; margin-top:4px; flex-shrink:0; }
.activities-page .read-title { font-size:0.82rem; font-weight:500; }
.activities-page .read-sub { font-size:0.71rem; color:#999; margin-top:1px; }
.activities-page .read-link { margin-left:auto; font-size:0.68rem; padding:2px 8px; border-radius:99px; border:0.5px solid #ddd; color:#888; flex-shrink:0; text-decoration:none; }
.activities-page .read-link:hover { background:#f5f5f5; text-decoration: none; }