/* V30: anonymized, responsive operating diagrams. */
.practice-lanes,.practice-workbench,.practice-record{border:1px solid var(--dev-line);border-radius:18px;overflow:hidden;background:var(--dev-paper)}
.practice-lane{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;align-items:center;padding:28px 32px}
.practice-lane+.practice-lane{border-top:1px solid var(--dev-line)}
.practice-lane h3{font-size:22px;margin:0 0 6px}
.practice-lane p{font-size:13px;color:var(--dev-muted)}
.practice-flow{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:22px;padding:0;margin:32px 0}
.practice-flow li{position:relative;border:1px solid var(--dev-line);border-top:3px solid var(--dev-accent);background:var(--dev-surface);padding:16px;min-width:0;border-radius:4px}
.practice-flow li:not(:last-child):after{content:'→';position:absolute;right:-20px;top:50%;transform:translateY(-50%);color:var(--dev-accent)}
.practice-flow span{display:block;font-size:11px;color:var(--dev-accent);margin-bottom:8px}
.practice-flow b{font-weight:500;font-size:14px;line-height:1.45;display:block;overflow-wrap:anywhere}
.practice-caption{font-size:13px;color:var(--dev-muted);max-width:900px;margin-top:24px}
.practice-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.practice-index a{display:grid;grid-template-columns:30px 1fr;align-content:start;gap:14px 12px;padding:26px 0;border-top:1px solid var(--dev-line);position:relative;text-decoration:none}
.practice-index a>span{color:var(--dev-accent);font-size:13px}
.practice-index h3{font-size:22px;margin:0;line-height:1.3}
.practice-index p{grid-column:2;font-size:14px;color:var(--dev-muted);padding-right:18px}
.practice-index a>b{position:absolute;bottom:25px;right:0;color:var(--dev-accent);font-weight:400}
.practice-index a:hover h3{text-decoration:underline;text-underline-offset:5px}
.practice-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--dev-line);border-bottom:1px solid var(--dev-line)}
.practice-tabs a{display:flex;align-items:center;gap:12px;background:var(--dev-paper);padding:20px;min-height:72px;font-size:14px;line-height:1.4;text-decoration:none;border-bottom:3px solid transparent}
.practice-tabs a>span{font-size:11px;color:var(--dev-accent);flex:none}
.practice-tabs a[aria-selected=true]{background:var(--dev-surface);border-bottom-color:var(--dev-accent);font-weight:700}
.practice-tabs a:focus-visible{outline-offset:-5px}
.practice-panel{padding:36px;scroll-margin-top:120px}
.practice-panel+.practice-panel{border-top:1px solid var(--dev-line)}
.practice-panel[hidden]{display:none!important}
.practice-panel>h3{font-size:clamp(26px,3vw,36px);margin:14px 0 20px}
.practice-intro{max-width:860px;color:var(--dev-muted)}
.practice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}
.practice-options>div{border-top:1px solid var(--dev-line);padding-top:20px;min-width:0}
.practice-options :is(h3,h4){font-size:18px;font-weight:600;margin:0 0 12px;line-height:1.4}
.practice-options p{font-size:14px;color:var(--dev-muted)}
.practice-checks{margin:32px 0 0}
.practice-checks>div{display:grid;grid-template-columns:175px 1fr;gap:24px;padding:18px 0;border-top:1px solid var(--dev-line)}
.practice-checks dt{font-size:13px;font-weight:700}
.practice-checks dd{margin:0;font-size:14px;color:var(--dev-muted)}
.practice-equation{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);gap:18px;align-items:center}
.practice-equation>div{border:1px solid var(--dev-line);border-radius:12px;padding:26px;align-self:stretch;background:var(--dev-paper)}
.practice-equation>div>span{display:block;font-size:12px;color:var(--dev-accent);margin-bottom:14px}
.practice-equation strong{display:block;font-size:22px;line-height:1.3;font-weight:500;margin-bottom:14px}
.practice-equation p{font-size:14px;color:var(--dev-muted)}
.practice-equation>span{text-align:center;font-size:24px;color:var(--dev-accent)}
.practice-test-table{border-top:1px solid var(--dev-line)}
.practice-test-head,.practice-test-table article{display:grid;grid-template-columns:.9fr 1.1fr 1.3fr;gap:30px;padding:22px 0;border-bottom:1px solid var(--dev-line)}
.practice-test-head{font-size:12px;color:var(--dev-muted)}
.practice-test-table h3{font-size:18px;font-weight:600;line-height:1.4}
.practice-test-table p{font-size:14px;color:var(--dev-muted)}
.practice-mobile-label{display:none}
.practice-gate{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}
.practice-gate>div{border-left:3px solid var(--dev-accent);padding:22px 26px;background:var(--dev-surface)}
.practice-gate h3{font-size:20px;margin:0 0 12px}
.practice-gate p{font-size:14px;color:var(--dev-muted)}
.practice-record>div{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:24px 32px}
.practice-record>div+div{border-top:1px solid var(--dev-line)}
.practice-record span{font-size:14px;font-weight:700}
.practice-record p{font-size:15px;color:var(--dev-muted)}
@media(max-width:1000px){.practice-lane{grid-template-columns:160px minmax(0,1fr);gap:20px;padding:24px}.practice-index{gap:0 24px}.practice-equation{gap:10px}.practice-equation>div{padding:20px}.practice-equation strong{font-size:20px}}
@media(max-width:760px){
 .practice-lane{grid-template-columns:minmax(0,1fr);gap:0;padding:24px}
 .practice-lane .practice-flow{margin:20px 0 0}
 .practice-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
 .practice-index a{grid-template-columns:1fr;gap:10px;padding:22px 0}
 .practice-index h3{font-size:20px}.practice-index p{grid-column:1}
 .practice-tabs a{display:block;padding:14px 12px;font-size:12px;min-height:88px}
 .practice-tabs a>span{display:block;margin-bottom:6px}
 .practice-panel{padding:24px}.practice-flow{gap:18px}
 .practice-panel .practice-flow{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .practice-panel .practice-flow li:after{display:none}
 .practice-options{grid-template-columns:minmax(0,1fr);gap:20px}
 .practice-checks>div{grid-template-columns:minmax(0,1fr);gap:8px}
 .practice-equation{grid-template-columns:minmax(0,1fr);gap:8px}.practice-equation>span{transform:rotate(90deg)}
 .practice-test-head{display:none}.practice-test-table article{grid-template-columns:minmax(0,1fr);gap:16px;padding:26px 0}
 .practice-mobile-label{display:block;font-size:11px;color:var(--dev-accent);margin-bottom:4px}
 .practice-gate{grid-template-columns:minmax(0,1fr);gap:16px}.practice-record>div{grid-template-columns:minmax(0,1fr);gap:8px;padding:22px 24px}
}
@media(max-width:420px){.practice-lane{padding:20px}.practice-lane .practice-flow{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);gap:20px}.practice-lane .practice-flow li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-26px;transform:translateX(50%)}.practice-panel{padding:20px}.practice-panel .practice-flow{grid-template-columns:minmax(0,1fr)}.practice-index{gap:0 18px}.practice-index h3{font-size:18px}}
@media print{.practice-tabs{display:none}.practice-panel[hidden]{display:block!important}.practice-panel{break-inside:avoid}.practice-index a{color:#102337}}
/* Slightly deeper day accent keeps small diagram labels readable on tinted cards. */
@media(prefers-color-scheme:light){.development-page{--dev-accent:#7e5c29}.development-page .dev-dark-band{--dev-accent:#ddbd82}}