.practice-menu-heading {position:relative; padding:12px 0 28px;}
.practice-menu-heading .page-title {font-size:clamp(3rem,5vw,4.8rem); margin-bottom:10px;}
.practice-menu-heading > span {position:absolute; right:40px; top:0; font-size:6rem; color:#a20c35; opacity:.6;}
.practice-menu-row {display:grid; grid-template-columns:34px 44px minmax(220px,.9fr) 1fr 30px; align-items:center; gap:24px; border-bottom:1px solid var(--line-dark); min-height:116px; padding:18px 4px;}
.practice-menu-row > span {color:var(--muted); font-family:var(--font-display);}
.practice-menu-row svg {width:32px;height:32px;stroke-width:1.3;}
.practice-menu-row h2 {font:400 clamp(1.7rem,2.7vw,2.5rem) var(--font-display); margin:0;}
.practice-menu-row p {color:var(--text-soft);font-size:.95rem;margin:0;}
.practice-menu-row small {color:var(--muted);font-size:.75rem;}
.practice-menu-row b {color:var(--action-dark);font-size:2rem;font-weight:400;}
.practice-menu-row:hover {background:#f3ece6;}
.practice-footnote {font-size:.85rem; margin-top:24px;}
.sightreading-fallback {padding:20px; background:#f3ece6;}
@media(max-width:760px) { .practice-menu-heading > span {display:none;} .practice-menu-row {grid-template-columns:25px 1fr 25px; gap:14px;min-height:124px;} .practice-menu-row > svg {display:none;} .practice-menu-row h2 {grid-column:2;font-size:1.7rem;} .practice-menu-row > div,.practice-menu-row > p {grid-column:2;grid-row:2;} .practice-menu-row b {grid-column:3;grid-row:1/3;} .practice-menu-row > span {grid-row:1/3;} }