/* Shared additions for the recording and chord field notes only. */
.practice-page main{max-width:1100px;padding-bottom:3rem}
.practice-page header nav a[aria-current="page"]{color:var(--paper);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.45em}
.practice-page .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.8rem;font:.75rem Plex,monospace;color:var(--dim)}
.practice-page .hero{padding:3rem 0 3.5rem;max-width:940px}
.practice-page h1{font-size:clamp(2.55rem,6vw,4.8rem);max-width:19ch;line-height:1.07}
.practice-page .lede{max-width:62ch;font-size:1.25rem}
.practice-page article{max-width:100%;line-height:1.75}
.practice-page section{padding:3rem 0}
.practice-page h2{max-width:26ch;font-size:clamp(1.85rem,4vw,2.65rem)}
.practice-page h3{font-size:1.25rem;line-height:1.35;margin:0 0 .65rem}
.practice-page p{overflow-wrap:break-word}
.practice-page figure{max-width:960px;margin:2rem 0}
.practice-page figure img{width:100%;background:#1c211e;border:1px solid var(--line)}
.practice-page figure video{max-width:960px;aspect-ratio:16/9;border:1px solid var(--line)}
.practice-page figcaption{max-width:85ch}
.practice-page .contents{border-top:1px solid var(--line);padding:1.3rem 0;gap:.85rem 1.3rem;line-height:1.6}
.steps{list-style:none;counter-reset:step;margin:1.8rem 0;padding:0;max-width:82ch}
.steps>li{counter-increment:step;position:relative;padding:1.4rem 0 1.4rem 3.5rem;border-bottom:1px solid var(--line)}
.steps>li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:1.4rem;color:var(--mint);font:1rem Plex,monospace}
.steps p{margin:.4rem 0 0}
.table-hint{font:.75rem Plex,monospace;color:var(--dim);margin-top:1.6rem}
.table-scroll{width:100%;overflow-x:auto;margin:.7rem 0 1.7rem;border:1px solid var(--line);scrollbar-color:var(--mint) var(--ink)}
.table-scroll table{min-width:640px;line-height:1.5}
.table-scroll th,.table-scroll td{padding:1rem;font-size:.95rem}
.table-scroll thead{background:#1c211e}
.table-scroll th[scope="row"]{color:var(--paper);font-weight:600}
.bar-lane{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);margin:2rem 0;max-width:960px}
.bar-lane>div{padding:1.2rem;border-right:1px solid var(--line)}
.bar-lane>div:last-child{border-right:0}
.bar-lane span{display:block;font:.75rem Plex,monospace;color:var(--mint);margin-bottom:.8rem}
.bar-lane strong{display:block;font:.88rem Plex,monospace;line-height:1.6}
.checks{padding-left:1.2rem;max-width:80ch}
.checks li{padding:.45rem 0}
.practice-page details p{margin:.8rem 0 .4rem;max-width:78ch}
.practice-page summary{line-height:1.5;padding-right:1rem}
.practice-page .finish{max-width:78ch;line-height:1.65}
@media(max-width:650px){.practice-page .hero{padding:2.5rem 0}.practice-page .lede{font-size:1.1rem}.practice-page section{padding:2.5rem 0}.practice-page .contents{font-size:.75rem}.steps>li{padding-left:2.6rem}.bar-lane{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-lane>div{padding:1rem}.bar-lane>div:nth-child(2){border-right:0}.bar-lane>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.table-scroll th,.table-scroll td{padding:.8rem}.practice-page footer{gap:1rem}.practice-page .breadcrumb{margin-top:1.4rem}}