* { box-sizing: border-box; }
body { margin: 0; background: #f4f1e9; color: #1d2924; }
/* DONE-02：品牌與選單已分居左右並垂直置中。 */
.practice-nav { display: flex; align-items: center; justify-content: space-between; padding: 20px max(24px, calc((100% - 1080px) / 2)); background: white; }
.practice-nav a { color: inherit; text-decoration: none; }
.practice-nav__brand { font-weight: 900; }
/* DONE-01：導覽連結已使用 flex 橫向排列。 */
.practice-nav__links { display: flex; gap: 20px; }
.practice-shell { width: min(1080px, calc(100% - 40px)); margin: 0 auto; }
.practice-section { padding: 24px 0; }
/* TASK-03：讓 about-layout 使用 flex，圖片與文字各佔一半並留 40px gap。 */
.about-layout { padding: 72px 0; }
.about-layout__image { display: block; width: 100%; max-width: 480px; border-radius: 18px; }
.about-layout__content { flex: 1; }
.practice-kicker { color: #0c7656; font-weight: 800; letter-spacing: .12em; }