
.exercises-page {
    padding:75px 0 100px;
    background:#F4F1EB;
}
.exercises-header {
    max-width:820px;
    margin-bottom:34px;
}
.exercises-eyebrow {
    margin:0 0 8px;
    color:#C96B5C;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.18em;
}
.exercises-header h1 {
    margin:0 0 16px;
    color:#163A43;
    font-size:clamp(3rem,6vw,5rem);
    line-height:1;
}
.exercises-header > p:last-child {
    max-width:720px;
    color:#66767A;
    line-height:1.7;
}
.exercise-filters {
    display:grid;
    grid-template-columns:2fr 1fr 1fr auto auto;
    gap:10px;
    padding:16px;
    margin-bottom:16px;
    background:#fff;
    border-radius:16px;
    border:1px solid rgba(22,58,67,.08);
}
.exercise-filters input,
.exercise-filters select {
    width:100%;
    min-height:44px;
    padding:0 12px;
    border:1px solid #DCE2E1;
    border-radius:10px;
    background:#fff;
    color:#163A43;
}
.exercise-filters button,
.exercise-clear {
    min-height:44px;
    padding:0 16px;
    border:0;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    text-decoration:none;
}
.exercise-filters button {
    background:#163A43;
    color:#fff;
    cursor:pointer;
}
.exercise-clear {
    background:#EEF2EF;
    color:#315E50;
}
.exercise-results {
    margin:0 0 20px;
    color:#718082;
    font-size:.82rem;
    font-weight:800;
}
.exercise-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.exercise-card {
    padding:22px;
    background:#fff;
    border:1px solid rgba(22,58,67,.08);
    border-radius:17px;
}
.exercise-top,
.exercise-meta {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
.exercise-top {
    justify-content:space-between;
    margin-bottom:15px;
}
.exercise-category,
.exercise-featured,
.exercise-meta span {
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:4px 9px;
    border-radius:999px;
    font-size:.69rem;
    font-weight:800;
}
.exercise-category {
    background:#EEF4F0;
    color:#315E50;
}
.exercise-featured {
    background:#FFF3DD;
    color:#8B691D;
}
.exercise-card h2 {
    margin:0 0 10px;
    color:#163A43;
    font-size:1.35rem;
}
.exercise-meta { margin-bottom:15px; }
.exercise-meta span {
    background:#F3F5F4;
    color:#66767A;
}
.exercise-objective {
    margin:0 0 18px;
    color:#66767A;
    line-height:1.65;
}
.exercise-detail,
.exercise-tip {
    margin-top:13px;
    padding:14px;
    border-radius:12px;
}
.exercise-detail { background:#F7F8F6; }
.exercise-tip {
    background:#FBF7EC;
    border-left:3px solid #C6A667;
}
.exercise-detail strong,
.exercise-tip strong {
    display:block;
    margin-bottom:5px;
    color:#163A43;
    font-size:.82rem;
}
.exercise-detail p,
.exercise-tip p {
    margin:0;
    color:#66767A;
    line-height:1.6;
    font-size:.86rem;
}
.exercise-open {
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:42px;
    margin-top:16px;
    border-radius:10px;
    background:#163A43;
    color:#fff;
    font-size:.82rem;
    font-weight:900;
    text-decoration:none;
}
.exercise-empty {
    padding:40px;
    background:#fff;
    border-radius:16px;
    color:#718082;
    text-align:center;
}
@media(max-width:900px) {
    .exercise-filters { grid-template-columns:1fr 1fr; }
    .exercise-grid { grid-template-columns:1fr; }
}
@media(max-width:600px) {
    .exercise-filters { grid-template-columns:1fr; }
    .exercise-filters button,
    .exercise-clear { width:100%; }
}

