* { box-sizing: border-box; }
body { margin: 0; }
.practice-shell { width: 100%; }
/* DONE-01：Hero 已使用背景照片並 cover。 */
/* DONE-02：Hero 已有足夠高度且內容垂直置中。 */
.practice-hero { position: relative; display: grid; min-height: 560px; align-items: center; color: white; background: url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1600&q=80") center/cover; }
/* DONE-03：Hero 已加入半透明深色遮罩。 */
.practice-hero::before { position: absolute; inset: 0; background: rgb(8 30 22 / 62%); content: ""; }
.practice-hero__content { position: relative; z-index: 1; width: min(760px, calc(100% - 40px)); margin: 0 auto; }
.practice-kicker { font-weight: 800; letter-spacing: .14em; }
.practice-hero h1 { max-width: 800px; font-size: clamp(2.5rem, 7vw, 5.5rem); }
.practice-cta { display: inline-block; margin-top: 18px; padding: 12px 18px; border-radius: 999px; background: white; color: #17352d; font-weight: 800; text-decoration: none; }
.practice-cta[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.practice-target { min-height: 280px; padding: 72px max(24px, calc((100% - 760px) / 2)); background: #f4f8f6; color: #17352d; }