/* HLPress minimal CSS (system fonts only; no external fonts) */
:root{
  --radius: 16px;
  --shadow: 0 2px 16px rgba(0,0,0,.08);
  --container: min(100% - 2rem, var(--wp--style--layout--wide-size, 1140px));
}
*{box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
.container{width:var(--container);margin-inline:auto}
.hl-grid{display:grid;gap:1rem}
@media (min-width: 900px){ .hl-grid.cols-3{grid-template-columns:repeat(3,1fr)} }
.card{border:1px solid #e5e7eb;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.card .meta{font-size:.85rem;color:#6b7280}
.card a{text-decoration:none}
/* Header */
.hl-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:50}
.hl-header__inner{display:flex;align-items:center;gap:1rem;height:64px}
.hl-nav{margin-left:auto;display:flex;gap:1rem;align-items:center}
.hl-search input{width:220px;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:10px}
/* Footer */
.hl-footer{padding:2rem 0;background:#f9fafb;border-top:1px solid #e5e7eb;color:#374151}
.hl-footer a{color:inherit}
/* Newsletter modal */
.hl-modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.4)}
.hl-modal.open{display:grid}
.hl-modal__card{background:#fff;border-radius:20px;box-shadow:var(--shadow);width:min(92vw,640px);padding:1.5rem}
.hl-modal__card h3{margin-top:0}
.hl-modal__close{position:absolute;top:.6rem;right:.8rem;border:none;background:transparent;font-size:1.4rem;cursor:pointer}
.hl-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:12px;padding:.6rem 1rem;border:1px solid #111827;background:#111827;color:#fff}
.hl-btn.secondary{background:#fff;color:#111827}
/* "You might like" recs container */
#ai-recs .card{transition:transform .12s ease}
#ai-recs .card:hover{transform:translateY(-2px)}