.practice .container { display: flex; flex-direction: column;
                       align-items: flex-start; gap: var(--space-12); }
.practice .intro     { text-align: left; align-items: flex-start; max-width: 720px;
                       flex: 0 0 auto; }

.practice-grid { display: grid; grid-template-columns: 1fr 1fr;
                 gap: var(--space-24); align-items: stretch; width: 100%; }

.practice-main { background: var(--gradient-warm);
                 border-radius: var(--radius-xl);
                 position: relative; overflow: hidden;
                 display: flex; align-items: center; justify-content: center;
                 padding: var(--space-6); box-sizing: border-box; }

.practice-main .practice-shot {
  width: auto; height: auto;
  max-width: 100%; max-height: 100%;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  /* outer radius-xl (40) − padding space-6 (24) → 16 */
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-elevated);
}
.practice-list { display: flex; flex-direction: column;
                 gap: var(--space-8); width: 100%; justify-content: center; }

@media (max-width: 1024px) {
  .practice-grid { gap: var(--space-16); }
}

@media (max-width: 768px) {
  .practice-grid { grid-template-columns: 1fr; }
}