/* Hackney Citizen homepage: full-width lead + Guardian-style section containers */
.hc-img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.hc-meta{margin-top:auto;padding-top:.75rem}

/* Lead (used for the homepage lead and each section's first story) */
.hc-lead{display:flex;flex-direction:column-reverse;gap:1rem;color:var(--color-typ)}
.hc-lead__text{display:flex;flex-direction:column;gap:.75rem}
.hc-lead__title{font-size:1.5rem;line-height:1.15;font-weight:600}
.hc-lead__title a:hover,.hc-card__title a:hover,.hc-section__title a:hover{text-decoration:underline;text-underline-offset:4px}
.hc-lead__excerpt{font-size:1.0625rem;line-height:1.5;color:var(--color-typ-tone)}
.hc-lead__media:hover .hc-img,.hc-card__media:hover .hc-img{opacity:.9}


/* Section containers */
.hc-sections{margin-top:0}
.hc-section__inner{display:grid;gap:1rem;padding:.75rem 0 2.5rem;border-top:1px solid var(--color-brd)}
.hc-sections > .hc-section:first-child .hc-section__inner{border-top:0}
.hc-section__title{font-size:1.75rem;line-height:1.1;font-weight:700}
.hc-section__body > .hc-lead{padding-bottom:1.25rem;border-bottom:1px solid var(--color-brd-soft)}

/* Two-up grid of smaller stories */
.hc-grid{display:grid;grid-template-columns:1fr}
.hc-card{display:grid;grid-template-columns:2fr 3fr;gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--color-brd-soft);color:var(--color-typ)}
.hc-card:last-child{border-bottom:0}
.hc-card__text{display:flex;flex-direction:column}
.hc-card__title{font-size:1.125rem;line-height:1.2;font-weight:600}

@media (min-width:768px){
  .hc-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.5rem}
  .hc-lead__title{font-size:1.875rem}
  .hc-grid{grid-template-columns:1fr 1fr}
  .hc-card{grid-template-columns:1fr 1fr;border-bottom:1px solid var(--color-brd-soft)}
  .hc-card:nth-child(odd){padding-right:1rem;border-right:1px solid var(--color-brd-soft)}
  .hc-card:nth-child(even){padding-left:1rem}
  .hc-card:nth-last-child(-n+2):nth-child(odd),.hc-card:last-child{border-bottom:0}
  .hc-card__title{font-size:1.3rem}
}
@media (min-width:1024px){
  /* heading rail | stories | empty right margin (narrower measure, as the Guardian) */
  .hc-section__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4fr) minmax(0,.5fr);column-gap:0}
  .hc-section__title{grid-column:1}
  .hc-section__body{grid-column:2}
  /* rule between heading rail and stories runs unbroken from the top of the page down through every section */
  .hc-section__inner{padding:0}
  .hc-section__title{padding:.75rem 1rem 2.5rem 0}
  .hc-section__body{padding-top:.75rem;padding-bottom:2.5rem}
  .hc-section__body{padding-left:1.5rem;border-left:1px solid var(--color-brd-soft)}
}

/* Tit-bits: only the most recent (the section lead) keeps its picture */
[data-hc-section="tit-bits"] .hc-card__media,[data-hc-section="titbits"] .hc-card__media{display:none}
[data-hc-section="tit-bits"] .hc-card,[data-hc-section="titbits"] .hc-card{grid-template-columns:1fr}