/* M06: supplementary practice cards; the existing picture lessons stay intact. */
.site-v25 .hobby-practice{border-top:2px solid #b8c9be;scroll-margin-top:2rem}
.site-v25 .hobby-practice,.site-v25 .hobby-practice *,.site-v25 .hp-topic-nav,.site-v25 .hp-topic-nav *{box-sizing:border-box;min-width:0;overflow-wrap:anywhere;word-break:normal}
.site-v25 .hobby-practice h2{font-size:1.6rem;font-weight:850;line-height:1.4;margin:12px 0 24px}
.site-v25 .hobby-practice h3{font-size:1.25rem;font-weight:800;line-height:1.5;margin:0 0 18px}
.site-v25 .hobby-practice p,.site-v25 .hobby-practice li{font-size:1rem;line-height:1.85}
.site-v25 .hobby-practice p{margin:0 0 20px}
.site-v25 .hobby-practice .hp-key{font-size:1.15rem;font-weight:800;color:#245949}
.site-v25 .hp-topic-nav{display:flex;flex-wrap:wrap;gap:14px;padding-block:12px 28px}
.site-v25 .hp-topic-nav a{flex:1 1 240px;display:flex;align-items:center;min-height:64px;border:2px solid #557565;background:#fffdf8;border-radius:14px;padding:14px 20px;font-weight:750;line-height:1.6;text-decoration:underline;text-underline-offset:.18em}
.site-v25 .hp-card-grid,.site-v25 .hp-help-grid,.site-v25 .hp-observe-grid,.site-v25 .hp-species-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-block:30px}
.site-v25 .hp-observe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-v25 .hp-card,.site-v25 .hp-help-card{min-width:0;border:1px solid #a9c0b4;border-radius:20px;background:#fffdf8;padding:30px}
.site-v25 .hp-card{display:flex;flex-direction:column;align-items:stretch}
.site-v25 .hp-label,.site-v25 .hp-number{font-size:.9rem;font-weight:800;line-height:1.65;color:#6d3c25;display:block;margin-bottom:16px}
.site-v25 .hp-number{font-size:1.4rem;color:#245949}
.site-v25 .hobby-practice a{color:#20563e;line-height:1.65}
.site-v25 .hp-link,.site-v25 .hp-source{display:flex;align-items:center;min-height:64px;width:100%;padding:12px 0;text-decoration:underline;text-underline-offset:.18em}
.site-v25 .hp-link{font-weight:800;border-top:1px solid #c1cfc6;margin-top:12px}
.site-v25 .hp-source{font-size:.9rem}
.site-v25 .hp-card .hp-link{margin-top:auto}
.site-v25 .hp-help-card{align-self:start;padding:0;overflow:visible}
.site-v25 .hp-help-card>summary{font-size:1.2rem;font-weight:800;line-height:1.6;padding:26px 28px;min-height:72px;cursor:pointer;list-style-position:outside;margin-left:1em}
.site-v25 .hp-help-card[open]>summary{border-bottom:1px solid #c1cfc6}
.site-v25 .hp-help-card>div{padding:28px}
.site-v25 .hp-help-card ol{margin:0 0 22px;padding-left:1.3em}
.site-v25 .hp-help-card li+li{margin-top:18px}
.site-v25 .hp-notice{padding:28px 30px;border-left:6px solid #94542e;background:#f7efe2;border-radius:0 18px 18px 0;margin-top:32px}
.site-v25 .hp-notice>p:last-child{margin-bottom:0}
.site-v25 .hp-checklist{padding:30px;margin-top:32px;border:2px solid #567965;border-radius:20px;background:#f0f5ed}
.site-v25 .hp-checklist fieldset{padding:0;margin:0;border:0;min-inline-size:0}
.site-v25 .hp-checklist legend{float:none;max-width:100%;padding:0;margin:0 0 24px;font-size:1.25rem;line-height:1.5;font-weight:850;white-space:normal}
.site-v25 .hp-checklist label{display:flex;align-items:flex-start;gap:16px;width:100%;padding:20px 0;min-height:64px;border-top:1px solid #b4c6b8;cursor:pointer;font-size:1rem;line-height:1.8}
.site-v25 .hp-checklist label input{flex:0 0 1.15rem;inline-size:1.15rem;block-size:1.15rem;min-height:0!important;max-width:1.15rem;margin:.3em 0 0;accent-color:#245949}
.site-v25 .hp-checklist label span{flex:1 1 0;min-width:0}
.site-v25 .hp-checklist label input:checked+span{font-weight:750}
.site-v25 .hp-checklist .hp-check-status{margin-top:22px;font-size:1.1rem;font-weight:800}
.site-v25 .hp-checklist button{display:block;font:inherit;font-weight:750;min-height:64px;max-width:100%;width:100%;padding:16px 20px;border:2px solid #567965;border-radius:12px;background:#fffdf8;color:#245949;white-space:normal;line-height:1.6}
.site-v25 .hp-checklist button[hidden]{display:none!important}
.site-v25 .hobby-practice .hp-note{font-size:.9rem;line-height:1.85;margin-top:24px}
.site-v25 .hobby-practice .hp-latin{font-style:italic;font-size:.95rem}
.site-v25 .hp-sample{padding:22px;border-left:4px solid #557565;background:#edf2e9;border-radius:0 12px 12px 0;margin:10px 0 22px}
.site-v25 .hp-sample h4{font-size:1rem;font-weight:850;line-height:1.6;margin:0 0 14px}
.site-v25 .hp-sample p:last-child{margin:0}
.site-v25 .hobby-practice :focus-visible,.site-v25 .hp-topic-nav :focus-visible{outline:4px solid #9b421e;outline-offset:4px}
@media(max-width:1100px){.site-v25 .hp-observe-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:850px){.site-v25 .hp-card-grid,.site-v25 .hp-help-grid,.site-v25 .hp-species-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.site-v25 .hobby-practice h2{font-size:1.4rem}.site-v25 .hp-topic-nav{gap:12px;padding-block:4px 20px}.site-v25 .hp-topic-nav a{flex-basis:100%;padding:16px 18px}.site-v25 .hp-card,.site-v25 .hp-checklist,.site-v25 .hp-notice{padding:24px 20px}.site-v25 .hp-help-card>summary{padding:22px 18px;margin-left:1.1em}.site-v25 .hp-help-card>div{padding:24px 20px}.site-v25 .hp-help-card{padding:0}.site-v25 .hp-card-grid,.site-v25 .hp-help-grid,.site-v25 .hp-observe-grid,.site-v25 .hp-species-grid{gap:24px}.site-v25 .hp-sample{padding:20px 16px}.site-v25 .hp-checklist label{gap:12px}}
@media(forced-colors:active){.site-v25 .hp-checklist label input{forced-color-adjust:auto}}
