/* Free HTML Templates archive + single */
.tpl-card .card__body{display:flex;flex-direction:column;gap:.55rem;flex:1}
.tpl-card h2{font-size:1.1rem;letter-spacing:-.02em;line-height:1.3;margin:0}
.tpl-card h2 a:hover{color:var(--color-primary)}
.tpl-card p{color:var(--muted);font-size:.92rem;margin:0;flex:1}
.tpl-card__meta{display:flex;gap:.85rem;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;color:var(--muted)}
.tpl-card__placeholder{
  display:grid;place-items:center;width:100%;height:100%;
  font-family:var(--mono);font-weight:700;letter-spacing:.08em;
  background:linear-gradient(135deg,var(--color-secondary-light),#fff);
  color:var(--color-primary);
}

.tpl-hero .lead{max-width:52ch}
.tpl-previews{padding-bottom:2rem}
.tpl-previews__grid{
  display:grid;
  gap:1.5rem 2rem;
  align-items:center;
}
@media(min-width:860px){
  .tpl-previews__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  }
}
.tpl-previews__copy .stitle{margin-bottom:.5rem}
.tpl-previews__copy .ssub{margin-bottom:0;max-width:40ch}
.tpl-preview{
  margin:0;
  background:var(--color-white);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  width:100%;
}
.tpl-preview img{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:16/10;
  object-fit:cover;
  background:var(--color-secondary-light);
}
.tpl-preview figcaption{
  font-family:var(--mono);
  font-size:.72rem;
  padding:.75rem 1rem;
  border-top:1px solid var(--line);
  color:var(--muted);
}
.tpl-preview figcaption a{font-weight:700;color:var(--color-primary-dark)}
.tpl-preview__frame{
  display:grid;place-items:center;
  min-height:220px;
  padding:1.5rem;
  text-align:center;
  font-weight:700;
  color:var(--color-primary-dark);
  background:color-mix(in srgb,var(--color-background) 70%,#fff);
  text-decoration:none;
}

.tpl-body .prose{max-width:none}
.tpl-features{margin:0 0 1.25rem 1.1rem;color:var(--muted)}
.tpl-features li{margin-bottom:.4rem}
.tpl-soft-cta{
  margin-top:1.5rem;
  padding:1rem 1.15rem;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--color-white);
  color:var(--muted);
}
.tpl-soft-cta a{color:var(--color-primary-dark);font-weight:700}

.tpl-tiers{display:grid;gap:.75rem}
.tpl-tier{
  display:flex;flex-direction:column;gap:.2rem;
  padding:.75rem 0;
  border-bottom:1px solid var(--line);
}
.tpl-tier:last-child{border-bottom:0;padding-bottom:0}
.tpl-tier strong{font-size:.95rem}
.tpl-tier span{font-size:.85rem;color:var(--muted)}

.tpl-convert{margin-top:.5rem}
.tpl-form{max-width:640px;margin-top:1rem}
.tpl-request-banner{
  margin-top:1rem;
  padding:.85rem 1.1rem;
  border-radius:12px;
  background:var(--color-secondary-light);
  border:1px solid var(--color-secondary);
  color:var(--color-text);
  font-weight:600;
  max-width:52ch;
}