/* extra rules for the multi-page templates (lists, notes, code) */
.page-pad{padding:72px 0 88px}
ul.cols{columns:2;column-gap:32px;list-style:none;padding:0;margin:.4em 0 0}
ul.cols li{break-inside:avoid;margin:.4em 0}
.note{font-size:.9rem;color:var(--muted)}
code{background:var(--cream-2);padding:2px 7px;border-radius:6px;font-size:.92em;word-break:break-all}
.page-pad h2{margin-top:1.8em}
.page-pad ol,.page-pad ul.plain{padding-left:1.2em}
.explore{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.explore a.card{display:block;text-decoration:none;color:inherit;padding:26px 24px}
.explore a.card:hover{border-color:var(--gold)}
.explore h3{font-size:1.08rem;margin:0 0 8px}
.explore p{font-size:.92rem;color:var(--muted);margin:0 0 12px}
.explore .go{font-weight:600;font-size:.9rem;color:var(--gold-txt)}
@media(max-width:900px){.explore{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.explore{grid-template-columns:1fr}ul.cols{columns:1}}