/* Dynamic course block layout, shared by its editor preview and public view. */
.nn-course-list{min-width:0}
.nn-course-list .nn-review-filters{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:8px;align-items:center;width:100%;max-width:680px}
.nn-course-list .nn-review-filters input[type=search],.nn-course-list .nn-review-filters select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;margin:0;border:1px solid var(--natnat-color-border-default,#e0e5eb);border-radius:6px;background:#fff;color:var(--natnat-color-text-primary,#1c242f);padding:10px 12px;font:inherit;font-size:14px;line-height:22px}
.nn-course-list .nn-review-filters .nn-button{min-height:44px;margin:0;white-space:nowrap}
.nn-course-list summary{cursor:pointer;line-height:24px;padding-block:4px}
.nn-course-list summary:focus-visible{outline:2px solid var(--natnat-color-border-focus,#00897f);outline-offset:4px;border-radius:4px}
.nn-course-list details[open]>summary{margin-bottom:16px}
.nn-course-list details>div{gap:0}
.nn-course-list details section{padding-block:16px;border-top:1px solid var(--natnat-color-border-default,#e0e5eb)}
.nn-course-list details section .nn-row{flex-wrap:wrap;gap:12px 16px}
.nn-course-list details section .nn-row>a{max-width:100%;white-space:normal}
@media(max-width:767px){
 .nn-course-list .nn-review-filters{grid-template-columns:minmax(0,1fr) auto;max-width:none}
 .nn-course-list .nn-review-filters input[type=search]{grid-column:1/-1}
 .nn-course-list details section .nn-row{align-items:stretch;flex-direction:column;gap:12px}
 .nn-course-list details section .nn-row>.nn-link{align-self:flex-start;display:flex;align-items:center;min-height:44px}
}