/* BuildPlanners shared styles — used by the hub and every planner. Colors come from each page's own tokens
   (--panel, --line, --accent …), so these follow light and dark themes automatically. */

/* generic promo slot card (always labeled) */
[data-slot][hidden]{display:none}
.bp-slot{margin:16px 0}
.bp-promo-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);text-decoration:none}
a.bp-promo-card:hover{border-color:var(--accent)}
.bp-promo-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:4px;padding:1px 6px}
.bp-promo-copy{flex:1;min-width:200px;display:grid;gap:2px}
.bp-promo-copy b{font-size:15px}
.bp-promo-copy span{font-size:13px;color:var(--ink-2)}
.bp-promo-cta{font-weight:600;color:var(--accent);font-size:14px;white-space:nowrap}

/* "More planners" strip */
.bp-related{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:14px 20px;border-top:1px solid var(--line);background:var(--panel);font-size:14px}
.bp-related[hidden]{display:none}
.bp-related-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.bp-related a{color:var(--ink);font-weight:600;text-decoration:none}
.bp-related a:hover{color:var(--accent)}
.bp-related .soon{color:var(--ink-3)}
.bp-related .soon small{font-size:11px}
.bp-related .all{margin-left:auto;color:var(--accent)}

/* shared footer line */
.bp-site-footer{color:var(--ink-3);font-size:13px;padding:14px 20px 22px;text-align:center}
.bp-site-footer a{color:var(--ink-2)}

@media print{ [data-slot],.bp-related{display:none!important} }