/* Fixed fictional HAR lesson; scoped to this guide module. */
.har-practice{--hp-ink:#173d33;--hp-line:#c8d1c6;--hp-paper:#f5f2e9;--hp-alert:#783913;color:var(--hp-ink);background:var(--hp-paper);border:1px solid var(--hp-line);border-radius:16px;padding:clamp(16px,3vw,28px);margin:24px 0;overflow-wrap:anywhere}
.har-practice *{box-sizing:border-box;min-width:0}
.har-practice [hidden]{display:none!important}
.har-practice .hp-kicker{margin:0 0 8px;font-size:.73rem;letter-spacing:.11em;font-weight:750;text-transform:uppercase;color:#426052}
.har-practice .hp-intro{margin:0 0 20px;font-size:1rem;line-height:1.55}
.har-practice :is(button,summary,a):focus-visible{outline:3px solid #a64c12;outline-offset:4px}
.har-practice .hp-case{margin:0 0 12px;border:1px solid var(--hp-line);border-radius:9px;background:#fffefa;overflow:hidden}
.har-practice .hp-case-choice{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-height:62px;padding:14px 16px;cursor:pointer;list-style:none;font-size:.93rem;font-weight:650;line-height:1.45}
.har-practice .hp-case-choice::-webkit-details-marker{display:none}
.har-practice .hp-case-choice:focus-visible{outline-offset:-4px}
.har-practice .hp-case[open]>.hp-case-choice{background:#e8ede2;border-bottom:1px solid var(--hp-line)}
.har-practice .hp-number{font-size:.72rem;font-weight:500;letter-spacing:.08em;color:#426052}
.har-practice .hp-case-choice .hp-badge{margin-left:auto}
.har-practice .hp-toggle{width:14px;text-align:center;font-size:1.15rem;font-weight:400}
.har-practice .hp-toggle::before{content:'+'}
.har-practice .hp-case[open]>.hp-case-choice .hp-toggle::before{content:'−'}
.har-practice .hp-case-body{padding:20px 16px}
.har-practice .hp-case-choice:hover{background:#eef1e8}
.har-practice .hp-case h3{margin:0;font-family:var(--serif,Georgia,serif);font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:500;line-height:1.18;color:var(--hp-ink)}
.har-practice .hp-badge{font-size:.76rem;font-weight:700;line-height:1.4;padding:5px 9px;background:#f7e2cd;color:var(--hp-alert);border:1px solid #ddbe9e;border-radius:5px}
.har-practice .hp-prompt{margin:12px 0 18px;line-height:1.55;font-size:.93rem;color:#43584d}
.har-practice .hp-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.har-practice .hp-capture{border:1px solid var(--hp-line);border-radius:9px;overflow:hidden;background:#fffefa}
.har-practice .hp-capture header{padding:14px 16px;border-bottom:1px solid var(--hp-line);background:#e8ede2;position:static;box-shadow:none;display:block}
.har-practice .hp-capture header p{margin:0;font-size:.72rem;text-transform:uppercase;font-weight:750;letter-spacing:.09em}
.har-practice .hp-capture header code{display:block;background:none;padding:0;margin-top:4px;font-size:.77rem;color:#43584d;white-space:normal}
.har-practice .hp-capture dl{margin:0;padding:6px 12px}
.har-practice .hp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:12px 4px;border-bottom:1px solid #e3e7dd;min-height:56px}
.har-practice .hp-row:last-child{border-bottom:0}
.har-practice .hp-row dt{font-weight:500}
.har-practice .hp-row dt code{padding:0;background:none;font-size:.79rem;white-space:normal}
.har-practice .hp-row dd{margin:0;padding:3px 8px;font-weight:750;font-size:.77rem;border-radius:4px;background:#e8ede2;white-space:nowrap}
.har-practice .hp-row.hp-changed{color:var(--hp-alert)}
.har-practice .hp-row.hp-changed dd{color:var(--hp-alert);background:#f7e2cd}
.har-practice .hp-row small{display:block;font-size:.74rem;line-height:1.4;margin-top:5px;color:inherit}
.har-practice .hp-coverage{margin:0;padding:12px 16px;border-top:1px solid var(--hp-line);font-size:.74rem;line-height:1.6;color:#43584d}
.har-practice .hp-explain{margin-top:16px;border:1px solid #9caf9d;border-radius:7px;background:#fffefa}
.har-practice .hp-explain summary{padding:14px 16px;min-height:48px;cursor:pointer;font-size:.92rem;font-weight:700;line-height:1.5}
.har-practice .hp-explain[open] summary{border-bottom:1px solid var(--hp-line)}
.har-practice .hp-answer{padding:0 16px 4px}
.har-practice .hp-answer p{font-size:.9rem;line-height:1.65;margin:14px 0}
.har-practice .hp-answer code{font-size:.82em;white-space:normal}
.har-practice .hp-note{font-size:.78rem;line-height:1.65;color:#43584d;margin:18px 0}
.har-practice .hp-next{border-top:1px solid var(--hp-line);padding-top:20px;margin-top:20px}
.har-practice .hp-download{display:inline-block;padding:13px 17px;min-height:48px;background:var(--hp-ink);color:#fffefa;border:1px solid var(--hp-ink);border-radius:6px;text-decoration:none;font-weight:650;font-size:.91rem;line-height:1.5}
.har-practice .hp-download:hover{background:#285744;color:white}
.har-practice .hp-next p{font-size:.81rem;line-height:1.6;color:#43584d;margin:12px 0 0}
@media(max-width:600px){.har-practice .hp-pair{grid-template-columns:minmax(0,1fr)}.har-practice .hp-case-choice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:12px;gap:8px;font-size:.88rem}.har-practice .hp-case-choice .hp-number{grid-column:1;grid-row:1}.har-practice .hp-case-choice .hp-badge{grid-column:2;grid-row:2;justify-self:start;margin-left:0;font-size:.68rem}.har-practice .hp-case-choice .hp-toggle{grid-column:3;grid-row:1}.har-practice .hp-case-body{padding:18px 12px}.har-practice .hp-download{display:block;text-align:center}.har-practice .hp-capture header{padding:12px}.har-practice .hp-row dt code{font-size:.79rem}}