/* Full-width landscape images; the complete upload stays inside its frame. */
.spiktop-archive-cards .main-wrapper .pt-container{width:var(--sp-content-width);max-width:none;padding-inline:0}
.spiktop-archive-cards .main-wrapper .pt-row{margin-inline:0}
.spiktop-archive-cards .main-wrapper .pt-col-12,.spiktop-archive-cards .page-content-wrapper>.content-container{padding-inline:0}
.spiktop-archive-cards .archive-content-container .default-archive-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.spiktop-archive-cards .sp-archive-content{padding:19px}
.spiktop-archive-cards .sp-archive-card h2{font-size:20px;line-height:1.3}
.spiktop-archive-cards .sp-archive-card .sp-archive-excerpt{font-size:13px}
.spiktop-archive-cards .sp-archive-meta,.spiktop-archive-cards .sp-archive-bottom{font-size:11px;gap:8px}
.sp-archive-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sp-border);border-radius:12px;overflow:hidden;color:var(--sp-ink);box-shadow:0 3px 16px #1b315006;font:14px/1.5 Arial,Helvetica,sans-serif}
.sp-archive-card *{box-sizing:border-box}
.sp-archive-card a{color:inherit;text-decoration:none}.sp-archive-card a:hover{color:var(--sp-blue)}
.sp-archive-card :focus-visible{outline:3px solid var(--sp-blue);outline-offset:3px}
.sp-archive-image{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f4f7fc;border-bottom:1px solid #edf1f7}
.sp-archive-image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:none;border-radius:0}
.sp-archive-image .sp-placeholder-icon svg{width:56px;height:56px}
.sp-archive-content{padding:24px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.sp-archive-categories{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px}.sp-archive-categories a{font-size:12px;font-weight:600;color:var(--sp-blue)}.sp-archive-categories a:hover{text-decoration:underline}
.sp-archive-card h2{font-family:inherit;font-size:25px;line-height:1.23;letter-spacing:-.5px;font-weight:700;margin:0 0 14px;color:var(--sp-ink)}
.sp-archive-card .sp-archive-excerpt{font-family:inherit;font-size:14px;line-height:1.6;color:var(--sp-muted);margin:0 0 20px}
.sp-archive-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--sp-muted);margin-top:auto;padding-top:2px}
.sp-archive-author{display:inline-flex;align-items:center;gap:7px}.sp-archive-author svg{width:22px;height:22px;flex-shrink:0}
.sp-archive-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #e9eef5;width:100%;margin-top:19px;padding-top:16px;font-size:12px;color:var(--sp-muted)}
.sp-archive-bottom .sp-archive-read{display:inline-flex;align-items:center;gap:6px;color:var(--sp-blue);font-weight:600}.sp-archive-read svg{width:16px;height:16px}.sp-archive-read:hover{text-decoration:underline}
@media(max-width:1000px){.sp-archive-content{padding:21px}.sp-archive-card h2{font-size:23px}.spiktop-archive-cards .archive-content-container .default-archive-wrap{gap:20px}}
@media(max-width:1100px){.spiktop-archive-cards .archive-content-container .default-archive-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.spiktop-archive-cards .archive-content-container .default-archive-wrap{grid-template-columns:1fr;gap:20px}.sp-archive-content{padding:21px}.sp-archive-card h2{font-size:23px}.sp-archive-card .sp-archive-excerpt{font-size:14px}.sp-archive-categories a,.sp-archive-meta,.sp-archive-bottom{font-size:12px}}
