.external-card { overflow:hidden; background:#fff; border-radius:12px; border:1px solid #e3e8ef; display:flex; flex-direction:column; }
.external-photo { margin:0; position:relative; }
.external-photo a { display:block; }
.external-photo img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; background:#e7eef5; }
.external-photo figcaption { font-size:11px; line-height:1.4; padding:4px 10px; color:#546274; background:#f3f6f9; }
.external-card .card-content { padding:20px; display:flex; flex-direction:column; gap:12px; }
.external-card h3 { margin:0; font-size:1.15rem; line-height:1.4; }
.external-card h3 a { color:#002d62; text-decoration:none; }
.external-card h3 a:hover { text-decoration:underline; }
.external-source { margin:0; color:#a30e20; font-size:.8rem; font-weight:700; }
.external-date { color:#566477; font-size:.8rem; }
.external-notice { color:#465568; margin:0 0 24px; line-height:1.6; }
.external-notice p{margin:0 0 6px}.external-update{font-size:.88rem}.external-count{font-size:.9rem;font-weight:700;color:#002d62}.external-stale{padding:10px 14px;background:#fff5da;border-left:3px solid #9b6700}
.hero-main:has(.external-featured) { background:white; min-height:0; }
.hero-main .external-featured { height:100%; border:0; }
.external-featured h3 { font-size:1.7rem; }
.hero-side .external-compact { display:grid; grid-template-columns:140px minmax(0,1fr); border-radius:8px; }
.external-compact .external-photo img { height:100%; min-height:100px; }
.external-compact .external-photo figcaption { display:none; }
.external-compact .card-content { padding:12px; gap:6px; }
.external-compact h3 { font-size:.93rem; }
.external-compact .read-link { display:none; }
.external-section { margin-top:32px; }
@media(max-width:600px) { .external-featured h3 { font-size:1.35rem; } .hero-side .external-compact {grid-template-columns:110px minmax(0,1fr);} }
.hero-side:has(.external-compact) { display:flex; flex-direction:column; gap:14px; min-width:0; }
.hero-side .external-compact { min-width:0; flex:1; }
.external-card .external-source {margin:0; line-height:1.4;}
.external-compact .external-source {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.external-compact h3 {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.hero-side .external-compact {flex:0 0 auto; min-height:135px;}
.external-compact .external-photo img {height:100%; max-height:180px; object-fit:cover;}
.external-compact .external-photo figcaption { display:block; font-size:9px; padding:3px 6px; }