/* SPM five-story image board. Scoped independently from Wall and Magazine layouts. */
.spm-nbc-board { width:100%; max-width:1440px; margin:0 auto 1.5rem; }
.spm-nbc-board *, .spm-nbc-board *::before, .spm-nbc-board *::after { box-sizing:border-box; }
.spm-nbc-board [hidden] { display:none !important; }
.spm-nbc-board-grid { display:grid; grid-template-columns:2fr 1fr 1fr; grid-template-rows:repeat(2,minmax(180px,1fr)); gap:1rem; }
.spm-nbc-board-card { position:relative; min-width:0; margin:0; border-radius:20px; overflow:hidden; background:#0b011d; }
.spm-nbc-board-card:first-child { grid-row:span 2; }
.spm-nbc-board-link { display:flex; position:relative; align-items:flex-end; min-height:180px; height:100%; color:#fff !important; text-decoration:none; border-radius:20px; isolation:isolate; }
.spm-nbc-board-link::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 15%,rgba(0,0,0,.88) 100%); z-index:-1; pointer-events:none; }
.spm-nbc-board-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:20px; z-index:-2; }
.spm-nbc-board-title { color:inherit; font-size:1em; line-height:1.4; font-weight:650; padding:.8rem; margin:0; overflow-wrap:anywhere; }
.spm-nbc-board-card:first-child .spm-nbc-board-title { font-size:1.4em; }
.spm-nbc-board-link:hover .spm-nbc-board-title { text-decoration:underline; }
.spm-nbc-board-link:focus-visible { outline:3px solid #ffd568; outline-offset:-4px; }
.spm-nbc-board-status:empty { display:none; }
@media (min-width:768px) and (max-width:1024px) { .spm-nbc-board-card:first-child .spm-nbc-board-title { font-size:1.2em; } }
@media (max-width:767.98px) {
 .spm-nbc-board-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; }
 .spm-nbc-board-card:first-child { grid-column:1 / -1; grid-row:auto; }
 .spm-nbc-board-card:first-child .spm-nbc-board-link { min-height:280px; }
 .spm-nbc-board-card:first-child .spm-nbc-board-title { font-size:1.05em; }
}
@media (max-width:575.98px) { .spm-nbc-board-grid { grid-template-columns:minmax(0,1fr); } }
