/* Related reading block — pillar pages link down to their supporting articles.
   Own namespace (.izi-related) so it is independent of the .bp-page / .bl-page scopes. */
.izi-related{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.izi-related .rl-head{margin-bottom:28px}
.izi-related .rl-head h2{font-size:clamp(26px,3vw,34px);line-height:1.2;color:var(--ink);margin:0 0 10px}
.izi-related .rl-head p{color:var(--slate);max-width:62ch;margin:0}
.izi-related .rl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.izi-related .rl-card{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:10px;
  background:var(--bg);text-decoration:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
.izi-related .rl-card:hover{border-color:var(--indigo);box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.izi-related .rl-card .rl-title{display:block;color:var(--ink);font-weight:600;font-size:16px;line-height:1.4}
.izi-related .rl-card .rl-more{display:block;margin-top:8px;color:var(--gold-text);font-size:13px;letter-spacing:.02em}
.izi-related .rl-all{margin-top:24px}
.izi-related .rl-all a{color:var(--gold-text);font-weight:600;text-decoration:none;border-bottom:1px solid var(--indigo-soft)}
.izi-related .rl-all a:hover{border-bottom-color:var(--indigo)}
@media(max-width:767px){.izi-related{padding:0 18px}.izi-related .rl-grid{grid-template-columns:1fr;gap:12px}}

/* Browse-by-topic row on /blog/ — server-rendered links to the category archives. */
.izi-topics{max-width:var(--maxw);margin:0 auto 8px;padding:0 24px}
.izi-topics .tp-label{color:var(--slate);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}
.izi-topics .tp-links{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.izi-topics .tp-links a{display:inline-block;padding:8px 16px;border:1px solid var(--line);border-radius:999px;
  color:var(--ink);text-decoration:none;font-size:14px;transition:border-color .2s var(--ease),color .2s var(--ease)}
.izi-topics .tp-links a:hover{border-color:var(--indigo);color:var(--gold-text)}
.izi-topics .tp-links a .tp-n{color:var(--slate-2);font-size:12px;margin-left:6px}
@media(max-width:767px){.izi-topics{padding:0 18px}}

/* ---- Topic row spacing + archive parity (2026-08-28) ---- */
.izi-topics{padding-top:56px}
.bl-page .izi-topics{padding-top:64px}
.izi-topics .tp-links a.is-active{border-color:var(--indigo);background:var(--indigo-tint);color:var(--gold-text)}
@media(max-width:767px){.izi-topics{padding-top:36px}.bl-page .izi-topics{padding-top:40px}}

/* The old renovation tag colours (.tag-partition/.tag-ceiling) are gone; give the
   card tag its own brand background so server-rendered cards read correctly. */
.bl-page .card-tag{background:rgba(201,169,106,.92);color:#1a1200}

/* Category archive reuses .bl-page, but has no Elementor wrapper padding. */
.izi-archive .blog-section{padding-bottom:8px}