/* This stylesheet is loaded only by the Holbein guide. Keep anchor navigation instant. */
html{scroll-behavior:auto}
.holbein-practice{border:1px solid #b9cbd1;border-radius:18px;background:#f4f8f8;padding:clamp(16px,3vw,28px);margin:28px 0;scroll-margin-top:24px;color:#233d47}
.holbein-practice h3{font-size:clamp(25px,4vw,35px);line-height:1.2;margin:8px 0 14px}
.holbein-practice .hr-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#466471;margin:0}
.hr-picker{border:0;padding:0;margin:24px 0 0;min-width:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px}
.hr-picker legend{font-weight:700;margin:0 0 8px;padding:0}
.holbein-practice .hr-help{grid-column:1/-1;font-size:14px;margin:0 0 8px}
.hr-step,.hr-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hr-choice{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #8aabb8;border-radius:7px;background:#fff;font:600 15px/1.2 system-ui;cursor:pointer}
.hr-choice:hover{background:#e3edf1}
.hr-step:checked+.hr-choice{background:#214e6e;border-color:#214e6e;color:white;box-shadow:inset 0 -3px 0 #122f45}
.hr-step:focus-visible+.hr-choice{outline:3px solid #aa4a1f;outline-offset:3px}
.hr-panels{grid-column:1/-1;min-width:0;margin-top:16px}
.hr-panel{display:none;border:1px solid #b9cbd1;border-radius:12px;padding:18px;background:white}
.holbein-practice .hr-progress{font-weight:700;font-size:13px;letter-spacing:.04em;color:#456374;margin:0 0 6px}
.holbein-practice .hr-movement{font-size:20px;margin:0 0 8px;line-height:1.35}
.holbein-practice .hr-key{font-size:13px;margin:0 0 18px;line-height:1.5}
.hr-faces{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.holbein-practice .hr-face{margin:0;min-width:0;text-align:center;padding:12px;background:#fafbf9;border:1px solid #d8e1df;border-radius:10px}
.hr-face figcaption{display:grid;text-align:left;gap:3px;font-size:14px}
.hr-face figcaption strong{font-size:18px}
.hr-face figcaption span{color:#536772;font-size:12px}
.hr-face svg{width:100%;max-width:260px;height:auto;display:block;margin:8px auto 0}
.holbein-practice .hr-face p{font-size:13px;margin:0}
.hr-axis{font:13px system-ui;fill:#455a62}
.hr-hole{fill:#71878d}.hr-guide-line{stroke:#c3cfce;stroke-width:2;stroke-dasharray:3 4;fill:none}
.hr-done-line{stroke-width:3;fill:none;stroke-linecap:round}.hr-front{stroke:#214e6e}.hr-back{stroke:#8e3d29}
.hr-current-line{stroke:#b53515;stroke-width:4;fill:none;stroke-linecap:round}.hr-from{fill:white;stroke:#b53515;stroke-width:2}.hr-to{fill:#b53515;stroke:white;stroke-width:1.5}
.holbein-practice .hr-complete{background:#e4f0e8;border-left:3px solid #397551;padding:12px;font-size:14px;margin:16px 0 0}
.holbein-practice .hr-note{font-size:13px;line-height:1.6;margin:16px 0}
.hr-table{border-top:1px solid #b9cbd1;padding-top:14px}.hr-table summary{cursor:pointer;font-weight:600;padding:6px 0;min-height:36px}
.hr-table table{border-collapse:collapse;width:100%;font-size:13px;margin:12px 0}.hr-table caption{text-align:left;padding:8px 0}.hr-table th,.hr-table td{border:1px solid #b9cbd1;padding:7px;text-align:left}
.holbein-practice .hr-next{font-size:14px;margin:18px 0 0;line-height:1.8}
@media(max-width:760px){.hr-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.hr-faces{grid-template-columns:1fr}.hr-panel{padding:12px}.hr-face svg{max-width:240px}}
.hr-step[value="1"]:checked~.hr-panels>.hr-panel[data-step="1"]{display:block}
.hr-step[value="2"]:checked~.hr-panels>.hr-panel[data-step="2"]{display:block}
.hr-step[value="3"]:checked~.hr-panels>.hr-panel[data-step="3"]{display:block}
.hr-step[value="4"]:checked~.hr-panels>.hr-panel[data-step="4"]{display:block}
.hr-step[value="5"]:checked~.hr-panels>.hr-panel[data-step="5"]{display:block}
.hr-step[value="6"]:checked~.hr-panels>.hr-panel[data-step="6"]{display:block}
.hr-step[value="7"]:checked~.hr-panels>.hr-panel[data-step="7"]{display:block}
.hr-step[value="8"]:checked~.hr-panels>.hr-panel[data-step="8"]{display:block}
.hr-step[value="9"]:checked~.hr-panels>.hr-panel[data-step="9"]{display:block}
.hr-step[value="10"]:checked~.hr-panels>.hr-panel[data-step="10"]{display:block}
.hr-step[value="11"]:checked~.hr-panels>.hr-panel[data-step="11"]{display:block}
.hr-step[value="12"]:checked~.hr-panels>.hr-panel[data-step="12"]{display:block}
.hr-step[value="13"]:checked~.hr-panels>.hr-panel[data-step="13"]{display:block}
.hr-step[value="14"]:checked~.hr-panels>.hr-panel[data-step="14"]{display:block}
.hr-step[value="15"]:checked~.hr-panels>.hr-panel[data-step="15"]{display:block}
.hr-step[value="16"]:checked~.hr-panels>.hr-panel[data-step="16"]{display:block}
.hr-step[value="17"]:checked~.hr-panels>.hr-panel[data-step="17"]{display:block}
.hr-step[value="18"]:checked~.hr-panels>.hr-panel[data-step="18"]{display:block}
.hr-step[value="19"]:checked~.hr-panels>.hr-panel[data-step="19"]{display:block}
.hr-step[value="20"]:checked~.hr-panels>.hr-panel[data-step="20"]{display:block}
.hr-step[value="21"]:checked~.hr-panels>.hr-panel[data-step="21"]{display:block}
.hr-step[value="22"]:checked~.hr-panels>.hr-panel[data-step="22"]{display:block}
.hr-step[value="23"]:checked~.hr-panels>.hr-panel[data-step="23"]{display:block}
.hr-step[value="24"]:checked~.hr-panels>.hr-panel[data-step="24"]{display:block}