/* Reusable Rhino 5 article presentation; no changes to existing page selectors. */
.page-c02, .page-c05 {background:var(--cream,#f5f3ed)}
.practice-hero {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(32px,6vw,88px) 7%;max-width:none}
.practice-hero h1 {font-size:clamp(2.4rem,4.4vw,4.6rem);line-height:1.08;letter-spacing:-.04em;overflow-wrap:break-word}
.practice-facts {display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:28px 0 0}
.practice-facts li {background:#e6edcf;color:#25382d;border:1px solid #cad6aa;border-radius:100px;padding:8px 15px;font-size:.9rem;font-weight:700}
.practice-photo {max-width:440px;margin:0;justify-self:end}
.practice-photo img {width:100%;height:auto;display:block;border-radius:4px}
.practice-photo figcaption {font-size:.8rem;line-height:1.5;color:#526158;margin-top:12px}
.practice-reading {max-width:960px;margin:auto;padding:0 24px 80px;line-height:1.75;color:#27322f;overflow-wrap:break-word}
.practice-reading h2 {font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.03em;margin:0 0 24px;color:#183a31}
.practice-reading h3 {font-size:1.35rem;line-height:1.35;margin:0 0 18px}
.practice-reading p {margin:0 0 16px}
.practice-reading section {margin-top:48px}
.practice-intro {max-width:740px;font-size:1.1rem}
.practice-kit {border:1px solid #d4dcc8;padding:clamp(22px,4vw,40px);background:#edf0e5;border-radius:4px}
.practice-safety {border-left:4px solid #7b971c;padding-left:18px;font-weight:600}
.practice-steps {list-style:none;counter-reset:step;padding:0;display:grid;gap:18px}
.practice-step {counter-increment:step;background:#fff;padding:28px 28px 24px 92px;position:relative;border:1px solid #e1e4da;border-radius:4px;min-width:0}
.practice-step::before {content:counter(step,decimal-leading-zero);position:absolute;top:26px;left:24px;background:#cede55;color:#183a31;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font-weight:800}
.practice-step ul {padding-left:22px}
.practice-step ul p {margin:0}
.practice-step:last-child {border-color:#a1b248}
.practice-tip {padding:32px;background:#183a31;border-radius:4px;color:#fff}
.practice-tip h2 {color:#d2e35c}
.practice-levels {display:grid;gap:10px}
.practice-levels p {margin:0}
.practice-levels p:has(strong) {padding:18px 22px;background:#fff;border-left:4px solid #b7cb42}
.practice-counter {background:#183a31;color:#fff;border-radius:6px;padding:clamp(24px,5vw,48px);text-align:center}
.practice-counter h3 {color:#fff}
.practice-count {display:block;font-size:clamp(4rem,14vw,6rem);line-height:1.1;font-weight:800;color:#d2e35c;font-variant-numeric:tabular-nums;min-height:1.1em}
.practice-counter progress {display:block;width:100%;height:16px;margin:24px 0;accent-color:#d2e35c;border:0;border-radius:20px;overflow:hidden;background:#627369}
.practice-counter progress::-webkit-progress-bar {background:#627369}
.practice-counter progress::-webkit-progress-value {background:#d2e35c}
.practice-counter progress::-moz-progress-bar {background:#d2e35c}
.practice-controls {display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.practice-controls button {font:inherit;font-weight:700;min-width:56px;min-height:52px;border:2px solid transparent;border-radius:4px;padding:10px 20px;background:#d2e35c;color:#183a31;cursor:pointer}
.practice-controls [data-reset] {color:#fff;background:transparent;border-color:#aebdad}
.practice-controls button:disabled {opacity:.5;cursor:default}
.practice-controls button:focus-visible {outline:3px solid white;outline-offset:4px}
.practice-controls button:hover:not(:disabled) {filter:brightness(1.08)}
.practice-message {min-height:5.25em;margin-top:24px!important;font-weight:600}
.practice-help {font-size:.9rem;line-height:1.6}
.practice-counter .practice-help {color:#e4eadf;margin-bottom:0}
.practice-tracker>.practice-help {margin-top:24px}
.practice-tracker table {border-collapse:collapse;width:100%;font-size:.95rem;margin:20px 0}
.practice-tracker td,.practice-tracker th {padding:14px;border:1px solid #ccd4c5;text-align:left}
.practice-tracker th {background:#e6edcf;color:#183a31}
.practice-next {padding-top:32px;border-top:1px solid #ccd4c5}
.practice-next .page-actions {margin:24px 0}
.practice-duration {font-weight:700;color:#415321}
.practice-video video {display:block;width:100%;aspect-ratio:16/9;background:#183a31}
.page-c02 .breadcrumbs, .page-c05 .breadcrumbs {flex-wrap:wrap}
@media(max-width:700px){
 .practice-hero {grid-template-columns:1fr;padding:32px 7%}
 .practice-hero h1 {font-size:clamp(2.15rem,9vw,3.6rem)}
 .practice-photo {justify-self:center;width:100%}
 .practice-reading {padding:0 7% 64px}
 .practice-step {padding:24px 20px 20px}
 .practice-step::before {position:static;margin-bottom:20px}
 .practice-counter {padding:24px 18px}
 .practice-tip {padding:26px}
 .practice-tracker th,.practice-tracker td {padding:12px 8px}
}