/* "Nothing found" on the institution, local-authority and stripe pages' older course search
   (legacy-search-empty.php). The catalogue's empty state and buttons as results.css and page.css draw
   them, kept to these classes: page.css itself also turns on page transitions, which these pages do not use. */
.cil-ctl-empty--legacy {
    box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 16px; max-width: 1420px; margin: 24px auto 0;
    padding: 40px 56px; border-radius: 16px; background: var(--cil-white-light-2); color: var(--cil-black); text-align: center;
}
.cil-ctl-empty--legacy .cil-ctl-empty__art { display: block; width: 240px; height: 180px; }
/* These pages' own headings carry a bar beside them and padding: not this one. */
.cil-ctl-empty--legacy .cil-ctl-empty__title { margin: 0; padding: 0; border: 0; font-size: 24px; font-weight: 700; line-height: 1.3; }
.cil-ctl-empty--legacy .cil-ctl-empty__text { margin: 0; color: var(--cil-black-regular-7); font-size: 18px; }
.cil-ctl-empty--legacy .cil-ctl-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 8px; }
.cil-ctl-empty--legacy .cil-ctl-btn {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; height: 48px; padding-inline: 24px;
    border: 1px solid var(--cil-black); border-radius: 24px; background: var(--cil-white); color: var(--cil-black);
    font-size: 16px; font-weight: 700; text-decoration: none; transition: background-color .2s ease;
}
.cil-ctl-empty--legacy .cil-ctl-btn:hover { background: var(--cil-black-light-2); color: var(--cil-black); }
.cil-ctl-empty--legacy .cil-ctl-btn--primary { border-color: var(--cil-blue-dark-1); background: var(--cil-blue); }
.cil-ctl-empty--legacy .cil-ctl-btn--primary:hover { background: var(--cil-blue-light-10); }

@media (max-width: 1079px) {
    .cil-ctl-empty--legacy { padding: 32px 20px; }
    .cil-ctl-empty--legacy .cil-ctl-empty__art { width: 160px; height: 120px; }
    .cil-ctl-empty--legacy .cil-ctl-empty__title { font-size: 20px; }
    .cil-ctl-empty--legacy .cil-ctl-empty__text { font-size: 16px; }
    .cil-ctl-empty--legacy .cil-ctl-empty__actions { flex-direction: column; align-self: stretch; }
    .cil-ctl-empty--legacy .cil-ctl-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .cil-ctl-empty--legacy .cil-ctl-btn { transition: none; }
}