/* Wide-screen category layout: give media cards balanced space without changing their behavior. */
main{width:min(1800px,100%);padding:clamp(36px,5vw,80px) clamp(20px,4vw,64px) 96px}
.category-workspace{grid-template-columns:minmax(220px,250px) minmax(0,1fr);gap:36px}
.content-art{aspect-ratio:16/9}
@media(max-width:1240px){main{padding-inline:clamp(20px,4vw,52px)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-workspace{grid-template-columns:200px minmax(0,1fr);gap:24px}}
@media(max-width:700px){.category-workspace{display:block}.category-grid{grid-template-columns:1fr}}
.course-access-tabs{display:flex;gap:8px;overflow:auto;margin:-9px 0 24px;padding:0;scrollbar-width:thin}.course-access-tabs a{min-width:max-content;padding:8px 13px;border:1px solid #cfc7b5;border-radius:99px;background:#fffdf5;color:#4a4b41;text-decoration:none;font-size:13px;transition:.2s}.course-access-tabs a:hover,.course-access-tabs a.active{border-color:#9d7040;background:#7b512c;color:#fff}.course-access-tabs a[data-access="paid"].active{border-color:#8d3d35;background:#8d3d35}.course-access{position:absolute;right:10px;top:10px;padding:5px 8px;border:1px solid #f1d29a;border-radius:7px;background:#fff5da;color:#765116;font:700 10px/1 Arial}.course-access.paid{border-color:#e8b8ae;background:#fff0ed;color:#983e32}