.exercise-area{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:12px;padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.exercise-area+.exercise-area{margin-top:var(--space-md)}.exercise-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.6rem 1.25rem;border-radius:8px;font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.2;cursor:pointer;border:2px solid transparent;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform .1s ease,box-shadow var(--transition-fast);user-select:none;-webkit-tap-highlight-color:transparent}.exercise-btn:active{transform:scale(.97)}.exercise-btn:focus-visible{outline:3px solid var(--color-amber);outline-offset:2px}.exercise-btn--primary{background-color:var(--color-teal);color:#fff;border-color:var(--color-teal)}.exercise-btn--primary:hover{background-color:var(--color-teal-dark);border-color:var(--color-teal-dark);box-shadow:var(--shadow-md)}.exercise-btn--secondary{background-color:transparent;color:var(--color-teal);border-color:var(--color-teal)}.exercise-btn--secondary:hover{background-color:var(--color-teal);color:#fff}.exercise-btn--reset{background-color:transparent;color:var(--text-muted);border-color:var(--color-gray-300);font-weight:600}.exercise-btn--reset:hover{background-color:var(--color-gray-100);color:var(--text-secondary);border-color:var(--color-gray-500)}.exercise-btn:disabled,.exercise-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none}.exercise-btn--lg{min-height:56px;padding:.85rem 1.75rem;font-size:1.1rem;border-radius:10px}.exercise-btn-group{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.exercise-btn-group--stack{flex-direction:column;align-items:stretch}.exercise-feedback--correct{background-color:#e8f5e9;border:2px solid #4caf50;border-radius:8px;padding:var(--space-sm) var(--space-md);color:#2e7d32}.exercise-feedback--correct .feedback-icon:before{content:"✓";font-weight:700;margin-right:.4rem}.exercise-feedback--incorrect{background-color:#fff8e1;border:2px solid var(--color-amber);border-radius:8px;padding:var(--space-sm) var(--space-md);color:var(--color-amber-dark)}.exercise-feedback--incorrect .feedback-icon:before{content:"✗";font-weight:700;margin-right:.4rem}.exercise-feedback--hint{background-color:#e0f4f7;border:2px solid var(--color-teal-light);border-radius:8px;padding:var(--space-sm) var(--space-md);color:var(--color-teal-dark)}.exercise-feedback--hint .feedback-icon:before{content:"?";font-weight:700;margin-right:.4rem}.exercise-feedback--correct,.exercise-feedback--incorrect,.exercise-feedback--hint{font-size:.95rem;line-height:1.6}.exercise-feedback--correct p,.exercise-feedback--incorrect p,.exercise-feedback--hint p{margin:0}.exercise-feedback--correct p+p,.exercise-feedback--incorrect p+p,.exercise-feedback--hint p+p{margin-top:.5rem}.exercise-feedback[hidden],.exercise-feedback[aria-hidden=true]{display:none}.draggable-item{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.6rem 1rem;background:var(--color-white);border:2px solid var(--color-gray-100);border-radius:8px;font-weight:600;cursor:grab;touch-action:none;user-select:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.draggable-item:hover{border-color:var(--color-teal-light);box-shadow:var(--shadow-md)}.draggable-item.is-dragging{opacity:.5;cursor:grabbing}.draggable-item.drag-over{border-color:var(--color-teal);background:#e0f4f7}.drop-zone{min-height:56px;padding:.75rem;border:2px dashed var(--color-gray-300);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),background-color var(--transition-fast);color:var(--text-muted);font-size:.9rem}.drop-zone.drop-zone--active{border-color:var(--color-teal);background-color:#e0f4f7;color:var(--color-teal-dark)}.exercise-instructions{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.exercise-instructions strong{color:var(--text-primary)}.exercise-progress{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-md)}.exercise-progress__bar{flex:1;height:6px;background:var(--color-gray-100);border-radius:3px;overflow:hidden}.exercise-progress__fill{height:100%;background:var(--color-teal);border-radius:3px;transition:width var(--transition-normal)}@media(max-width:768px){.exercise-area{padding:var(--space-md);border-radius:8px}.exercise-btn{min-height:48px;width:100%;justify-content:center}.exercise-btn-group{flex-direction:column}.exercise-btn-group--inline{flex-direction:row}}@media(max-width:480px){.exercise-area{padding:var(--space-sm);margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-sm));border-radius:0;border-left:none;border-right:none}.exercise-btn{min-height:52px;font-size:1rem}.draggable-item{min-height:52px;padding:.75rem 1rem}}.exercise-page[data-astro-cid-tcooyelp]{padding:var(--space-xl) 0 var(--space-3xl)}.exercise-page[data-astro-cid-tcooyelp] .container[data-astro-cid-tcooyelp]{max-width:800px}.exercise-header[data-astro-cid-tcooyelp]{margin-bottom:var(--space-xl)}.back-link[data-astro-cid-tcooyelp]{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:var(--space-lg);transition:color .2s ease}.back-link[data-astro-cid-tcooyelp]:hover{color:var(--accent)}.back-link[data-astro-cid-tcooyelp] i[data-astro-cid-tcooyelp]{font-size:.75rem}.exercise-meta[data-astro-cid-tcooyelp]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-md)}.badge[data-astro-cid-tcooyelp]{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;padding:.3rem .75rem;border-radius:12px;text-transform:capitalize}.badge-concept[data-astro-cid-tcooyelp]{background:var(--color-teal);color:#fff}.badge-time[data-astro-cid-tcooyelp]{background:var(--color-gray-100);color:var(--text-secondary)}.badge-id[data-astro-cid-tcooyelp]{background:var(--color-gray-100);color:var(--text-muted);font-size:.7rem}.exercise-header[data-astro-cid-tcooyelp] h1[data-astro-cid-tcooyelp]{font-size:2.25rem;line-height:1.2;margin-bottom:var(--space-sm);color:var(--text-primary)}.exercise-description[data-astro-cid-tcooyelp]{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;max-width:65ch}.exercise-content[data-astro-cid-tcooyelp]{margin-bottom:var(--space-3xl)}.book-cta[data-astro-cid-tcooyelp]{margin-top:var(--space-3xl);padding:var(--space-lg);background:linear-gradient(135deg,var(--color-cream),var(--color-white));border:2px solid var(--color-amber);border-radius:12px}.book-cta-inner[data-astro-cid-tcooyelp]{display:flex;gap:var(--space-lg);align-items:center}.book-cta-cover[data-astro-cid-tcooyelp]{width:100px;height:auto;border-radius:6px;box-shadow:var(--shadow-md);flex-shrink:0}.book-cta-text[data-astro-cid-tcooyelp] h3[data-astro-cid-tcooyelp]{font-size:1.2rem;margin-bottom:var(--space-xs);color:var(--text-primary)}.book-cta-text[data-astro-cid-tcooyelp] p[data-astro-cid-tcooyelp]{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.exercise-footer[data-astro-cid-tcooyelp]{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-gray-100)}@media(max-width:768px){.exercise-header[data-astro-cid-tcooyelp] h1[data-astro-cid-tcooyelp]{font-size:1.75rem}.exercise-description[data-astro-cid-tcooyelp]{font-size:1rem}.book-cta-inner[data-astro-cid-tcooyelp]{flex-direction:column;text-align:center}.book-cta-cover[data-astro-cid-tcooyelp]{width:80px}}@media(max-width:480px){.exercise-header[data-astro-cid-tcooyelp] h1[data-astro-cid-tcooyelp]{font-size:1.5rem}.exercise-meta[data-astro-cid-tcooyelp]{gap:.35rem}.badge[data-astro-cid-tcooyelp]{font-size:.7rem;padding:.25rem .6rem}}