/* FF post lists (design option A, cards): the Latest block under posts, the weekly
   Forensic Focus Digest, and old PostX digest grids. Loaded by includes/ff-post-lists.php.
   Canonical copy: /home/jamie/projects/ff-post-lists/theme/post-lists/post-lists.css */

.ff-pl-section{background:#fff;padding:32px 40px;margin-top:20px}
.ff-pl-section__heading{font-family:"Lexend Zetta",sans-serif;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#125183;margin:0 0 22px;padding-bottom:10px;border-bottom:3px solid #FF8D24;display:inline-block}
.ff-pl-digest .ff-pl-section__heading{margin-top:8px}

/* card grids */
.ff-pl{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 28px}
.ff-pl--articles{grid-template-columns:repeat(2,1fr)}
.ff-pl__item{margin:0;border-radius:10px;overflow:hidden;box-shadow:1px 3px 4px 1px #d1d1d1;background:#fff;display:flex;flex-direction:column}
.ff-pl__media{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;transition:opacity .3s}
.ff-pl__media:hover{opacity:.8}
.ff-pl__media img,.ff-pl__noimg{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ff-pl__noimg{background:#F0F0F0}
.ff-pl__body{padding:14px 16px 18px}
.ff-pl__meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:6px;font-family:"Lexend Zetta",sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}
.ff-pl__eyebrow{color:#006caa;font-weight:600}
.ff-pl__date{color:#565656}
.ff-pl__title{margin:0;font-family:"Lexend Exa",sans-serif;font-weight:500;letter-spacing:-.04em;font-size:15px;line-height:1.35}
.ff-pl__title a{color:#2A2A2A;text-decoration:none}
.ff-pl__title a:hover{color:#006caa}
.ff-pl__excerpt{margin:8px 0 0;font-family:"Lexend",sans-serif;font-size:14px;line-height:1.6;color:#565656}

/* odd number of digest articles: the first card spans the row */
.ff-pl__item--wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.ff-pl__item--wide .ff-pl__body{padding:22px 24px}
.ff-pl__item--wide .ff-pl__title{font-size:20px}

/* digest: Elsewhere in DFIR (numbered outside stories) and footer */
.ff-pl-top{list-style:none;margin:0 0 32px;padding:0}
.ff-pl-top__item{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:18px 0;border-top:1px solid #ececec;margin:0}
.ff-pl-top__item:first-child{border-top:0;padding-top:4px}
.ff-pl-top__num{font-family:"Lexend Giga",sans-serif;font-weight:700;font-size:30px;line-height:1;color:#FF8D24;letter-spacing:-.06em}
.ff-pl-top .ff-pl__title{font-size:17px}
.ff-pl-top__body{min-width:0}
.ff-pl-top__more{white-space:nowrap;color:#006caa}
.ff-pl-top .ff-pl__eyebrow,.ff-pl-top__more{overflow-wrap:anywhere}
.ff-pl-digest__footer{font-family:"Lexend",sans-serif;font-size:15px;color:#565656;border-top:1px solid #ececec;padding-top:16px}
.ff-pl-digest__footer a{color:#125183;font-weight:500}

@media (max-width:1060px){.ff-pl{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){
 .ff-pl-section{padding:24px 20px}
 .ff-pl,.ff-pl--articles{grid-template-columns:1fr}
 .ff-pl__item--wide{display:flex;align-items:stretch} /* the desktop centring collapses the image box to 0 width */
 .ff-pl__item--wide .ff-pl__body{padding:14px 16px 18px}
 .ff-pl-top__item{grid-template-columns:32px 1fr;gap:12px}
 .ff-pl-top__num{font-size:24px}
 .ff-pl-top__more{white-space:normal} /* long source sites (dynamicincidentresponse.com) ran off the screen */
}