.page-hero{padding:var(--s-10) 0 var(--s-9);background:linear-gradient(180deg,#FAFBFE,#fff);border-bottom:1px solid var(--line)}
.page-hero h1{margin-bottom:var(--s-3)}
.page-hero p,.page-hero .lede{color:var(--muted);font-size:var(--text-lg);max-width:62ch}

.conf-list{display:grid;gap:var(--s-6);grid-template-columns:1fr;list-style:none;padding:0}
@media (min-width:760px){.conf-list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.conf-list{grid-template-columns:repeat(3,1fr)}}

.conf-item{display:flex;flex-direction:column;gap:var(--s-3);background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s-6);transition:all var(--transition);height:100%}
.conf-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--indigo-100)}
.conf-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3)}
.conf-item h3{margin:0;font-size:var(--text-xl)}
.conf-item h3 a{color:var(--indigo-900)}
.conf-item h3 a:hover{color:var(--indigo-700)}
.conf-item p{flex:1;margin:0}
.conf-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line-2);flex-wrap:wrap;margin-top:auto}
.conf-footer .btn{flex:none}