.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}.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-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}.progress-fill-clean.fill-mastered{background:var(--color-polder-green, #1A4D3E)}.progress-fill-clean.fill-learning{background:var(--color-ink-blue, #3D5A80);opacity:.85}.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}.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-grid{grid-template-columns:1fr;gap:14px}.section-card{padding:18px 16px;gap:14px}.card-icon-wrap{width:38px;height:38px}.card-badge{font-size:.66rem;padding:3px 8px}.card-title{font-size:1.1rem}.card-desc{font-size:.84rem}.card-footer-group{padding-top:12px;gap:10px}}@container section-card (max-width: 340px){.section-card{padding:16px 14px;gap:12px}.card-icon-wrap{width:36px;height:36px}.card-title{font-size:1.05rem}.card-desc{font-size:.82rem}}@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}}