.exercises-page-container{width:100%;max-width:100%;margin:0 auto;padding:0 0 48px;box-sizing:border-box;animation:fadeIn .4s ease-out}.exercises-header{margin-bottom:16px}.exercises-header-top-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px}.exercises-header .passport-pill{margin-bottom:0}.exercises-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.2vw,2.35rem);font-weight:800;color:var(--color-primary-dark, #0F2E24);margin:8px 0 6px;letter-spacing:-.02em}.exercises-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--color-text-light, #666666);margin:0 0 20px;max-width:720px;line-height:1.55}.exercises-category-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.exercises-category-tabs::-webkit-scrollbar{display:none}.category-tab-btn{display:inline-flex;align-items:center;gap:8px;background:var(--color-surface, #ffffff);border:1px solid rgba(26,77,62,.12);border-radius:var(--radius-md, 8px);padding:8px 14px;font-family:var(--font-body);font-size:.88rem;font-weight:600;color:var(--color-text-light);cursor:pointer;white-space:nowrap;transition:all .2s ease;min-height:44px}.category-tab-btn:hover{color:var(--color-polder-green);border-color:#1a4d3e4d;background:#1a4d3e08}.category-tab-btn:focus-visible{outline:2px solid var(--color-polder-green);outline-offset:2px}.category-tab-btn.active{background:var(--color-polder-green);color:#fff;border-color:var(--color-polder-green);box-shadow:0 2px 8px #1a4d3e33}.category-tab-btn.active:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:-3px}.tab-count-pill{font-family:var(--font-mono);font-size:.72rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-sm, 4px);background:#0000000f;color:inherit}.category-tab-btn.active .tab-count-pill{background:#ffffff38;color:#fff}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.section-card{container-type:inline-size;container-name:section-card;position:relative;background:var(--color-surface, #ffffff);border-radius:var(--radius-lg, 16px);padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;border:1px solid rgba(26,77,62,.12);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .04));transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;overflow:hidden;box-sizing:border-box}.section-card:hover{transform:translateY(-2px);border-color:#1a4d3e52;box-shadow:var(--shadow-md, 0 4px 12px rgba(26, 77, 62, .08))}.section-card:focus-visible{outline:2px solid var(--color-polder-green);outline-offset:2px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-icon-wrap{width:42px;height:42px;border-radius:10px;background:#1a4d3e14;color:var(--color-polder-green);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.section-card:hover .card-icon-wrap{background:var(--color-polder-green);color:#fff}.card-badge{font-family:var(--font-mono, monospace);font-size:.7rem;font-weight:700;color:var(--color-polder-green);background:#1a4d3e0f;border:1px solid rgba(26,77,62,.14);padding:4px 9px;border-radius:var(--radius-sm, 4px);letter-spacing:.04em;text-transform:uppercase}.card-badge.badge-limit-locked{display:inline-flex;align-items:center;gap:4px;color:var(--color-ink-blue, #3D5A80);background:#3d5a8014;border-color:#3d5a8040;font-weight:700}.card-badge.badge-new-feature{display:inline-flex;align-items:center;gap:5px;color:var(--color-oranje, #FF6B35);background:#ff6b3514;border-color:#ff6b3547;font-weight:700}.badge-new-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-oranje, #FF6B35);display:inline-block;flex-shrink:0}.action-label.action-label-unlock{color:var(--color-oranje, #FF6B35);font-weight:700}.section-card.is-limit-locked{border-color:#3d5a8038}.section-card.is-limit-locked:hover{border-color:var(--color-oranje, #FF6B35)}.card-body{flex:1;display:flex;flex-direction:column;gap:6px}.card-title{font-family:var(--font-display, inherit);font-size:1.16rem;font-weight:750;color:var(--color-primary-dark, #0F2E24);line-height:1.35;margin:0;letter-spacing:-.01em}.card-desc{font-family:var(--font-body, system-ui, sans-serif);font-size:.86rem;color:var(--color-text-light, #666666);line-height:1.5;margin:0}.card-desc--mobile{display:none}.card-footer-group{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(26,77,62,.08)}.card-progress-clean{display:flex;flex-direction:column;gap:6px}.progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:var(--color-text-light, #666666)}.progress-count{font-family:var(--font-body);font-size:.76rem;color:var(--color-text-light, #666666)}.progress-count strong{color:var(--color-charcoal, #222222);font-weight:700}.progress-status-sub{font-family:var(--font-mono, monospace);font-weight:700;font-size:.74rem;color:var(--color-polder-green, #1A4D3E)}.progress-status-sub .mastered-count{color:var(--color-polder-green, #1A4D3E);display:inline-flex;align-items:center;gap:3px}.progress-track-clean{width:100%;height:5px;background:#1a4d3e14;border-radius:99px;overflow:hidden;display:flex}.progress-fill-clean{height:100%;transition:width .35s ease}.exercises-page-container .progress-fill-clean.fill-mastered{background:var(--color-polder-green, #1A4D3E)}.exercises-page-container .progress-fill-clean.fill-learning{background:var(--color-polder-green, #1A4D3E);opacity:.72}.card-action-cue{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono, monospace);font-size:.82rem;font-weight:700;color:var(--color-polder-green, #1A4D3E);letter-spacing:.02em;padding-top:2px}.card-mobile-chevron{display:none}.action-arrow{transition:transform .2s cubic-bezier(.16,1,.3,1)}.section-card:hover .action-arrow{transform:translate(4px)}[dir=rtl] .section-card:hover .action-arrow{transform:translate(-4px)}[dir=rtl] .action-arrow{transform:scaleX(-1)}@media(max-width:640px){.exercises-page-container{padding-bottom:36px}.exercises-header{margin-bottom:10px}.exercises-category-tabs{display:flex;align-items:center;gap:6px;padding:2px 0 6px;overflow-x:visible}.category-tab-btn{flex:1 1 auto;justify-content:center;min-width:0;padding:6px 8px;gap:5px;font-size:clamp(.71rem,2.85vw,.81rem);min-height:var(--touch-target-min, 44px)}.category-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tab-count-pill{font-size:.65rem;padding:1px 5px;flex-shrink:0}.exercises-grid{grid-template-columns:1fr;gap:8px}.exercises-page-container .section-card{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;grid-template-rows:auto auto auto;align-items:center;column-gap:10px;row-gap:3px;padding:10px 13px;gap:3px 10px;border-radius:var(--radius-md, 12px)}.exercises-page-container .section-card:has(.badge-new-feature,.badge-limit-locked){grid-template-columns:38px minmax(0,1fr) max-content 16px}.exercises-page-container .card-header,.exercises-page-container .card-body,.exercises-page-container .card-footer-group{display:contents}.exercises-page-container .card-icon-wrap{grid-column:1;grid-row:1 / span 3;width:38px;height:38px;border-radius:var(--radius-md, 8px);margin-right:2px}.exercises-page-container .card-title{grid-column:2;grid-row:1;font-size:.93rem;line-height:1.22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.exercises-page-container .card-badge:not(.badge-new-feature):not(.badge-limit-locked){display:none}.exercises-page-container .badge-count-suffix{display:none}.exercises-page-container .card-badge{grid-column:3;grid-row:1;justify-self:end;font-size:.62rem;padding:2px 7px;white-space:nowrap;max-width:145px;overflow:hidden;text-overflow:ellipsis}.exercises-page-container .card-desc--desktop{display:none}.exercises-page-container .card-desc--mobile{display:block;grid-column:2 / -1;grid-row:2;font-size:.76rem;line-height:1.25;color:var(--color-text-light, #666666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:0;min-width:100%}.exercises-page-container .card-progress-clean{grid-column:2 / -1;grid-row:3;display:flex;flex-direction:row-reverse;align-items:center;gap:10px;min-width:0;margin-top:2px}.exercises-page-container .progress-track-clean{flex:1;min-width:64px;height:6px;background:#1a4d3e1a}.exercises-page-container .progress-meta{flex-shrink:0;display:inline-flex;align-items:center;justify-content:flex-end;font-size:.74rem;white-space:nowrap}.exercises-page-container .progress-count{font-family:var(--font-mono, monospace);font-variant-numeric:tabular-nums;font-size:.74rem;min-width:52px;text-align:right}.exercises-page-container .progress-count-label,.exercises-page-container .mastered-count-label,.exercises-page-container .progress-status-sub,.exercises-page-container .card-action-cue{display:none}.exercises-page-container .card-mobile-chevron{display:inline-flex;align-items:center;justify-content:flex-end;grid-column:-2 / -1;grid-row:1;color:var(--color-polder-green, #1A4D3E);opacity:.65}.exercises-page-container .section-card.is-limit-locked .card-mobile-chevron{color:var(--color-oranje, #FF6B35);opacity:1}}@container section-card (max-width: 340px){.exercises-page-container .card-icon-wrap{width:34px;height:34px}.exercises-page-container .card-title{font-size:.89rem}.exercises-page-container .card-badge{font-size:.58rem;padding:2px 5px;max-width:115px}}@media(prefers-reduced-motion:reduce){.exercises-page-container{animation:none!important}.section-card,.section-card:hover,.action-arrow,.section-card:hover .action-arrow,.card-icon-wrap{transition:none!important;transform:none!important}}