.practical-content { color:var(--ink); }
.practical-infographic { margin: 2rem 0; }
.practical-infographic img { display: block; width: 100%; height: auto; }
.practical-infographic figcaption { padding-block: .75rem; font-size: .95rem; }
@media (max-width: 700px) {
    .practical-infographic img { aspect-ratio: auto; }
}
.practical-content .eyebrow > span { color:#52605b; }
.practical-content .section-head { max-width:none; }
.practical-flow { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:1rem; list-style:none; padding:0; margin:2rem 0; counter-reset:practical-step; }
.practical-flow li { position:relative; background:var(--deep); color:var(--paper); padding:1.5rem; border-top:4px solid var(--lime); counter-increment:practical-step; }
.practical-flow li::before { content:counter(practical-step,decimal-leading-zero); display:block; color:var(--lime); font:700 1.2rem var(--mono); margin-bottom:1rem; }
.practical-flow h3 { color:var(--white); margin:0 0 .6rem; font-size:1.25rem; }
.practical-flow p { margin:0; }
.practical-scroll { overflow-x:auto; margin:1.5rem 0; }
.practical-scroll:focus-visible,.practical-content summary:focus-visible { outline:3px solid #145e4c; outline-offset:4px; }
.practical-table { width:100%; min-width:540px; border-collapse:collapse; text-align:left; font-size:1rem; }
.practical-table caption { text-align:left; font-weight:700; margin-bottom:.8rem; }
.practical-table th,.practical-table td { padding:1rem; border:1px solid #c4cec4; vertical-align:top; }
.practical-table thead { background:var(--deep); color:var(--white); }
.practical-table tbody th { width:23%; background:#e3e9db; font-weight:700; }
.practical-table td { background:#fff; }
.practical-widget { background:#fff; border:1px solid #c4cec4; padding:clamp(1rem,3vw,2rem); margin:2rem 0; }
.practical-widget h3 { font-size:1.4rem; margin-top:0; }
.practical-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
.practical-controls label { display:block; font-weight:650; }
.practical-controls input { width:100%; min-width:0; display:block; margin-top:.5rem; padding:.75rem; background:#f5f7f0; color:var(--ink); border:1px solid #71827a; font:inherit; }
.practical-controls button { grid-column:1/-1; justify-self:start; }
.practical-content [hidden] { display:none!important; }
.practical-content input:focus-visible,.practical-choices button:focus-visible { outline:3px solid #145e4c; outline-offset:3px; }
.practical-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
.practical-metrics p { background:var(--deep); color:var(--white); padding:1.4rem; margin:0; }
.practical-metrics strong { display:block; font-size:clamp(1.6rem,4vw,2.6rem); line-height:1.25; color:var(--lime); }
.practical-metrics span { display:block; margin-top:.5rem; }
.practical-error { color:#9b2020; font-weight:650; }
.practical-error:empty { display:none; }
.practical-question { border-top:1px solid #c4cec4; padding:1.2rem 0; }
.practical-question h4 { margin:0 0 1rem; font-size:1.1rem; }
.practical-choices { display:flex; gap:.7rem; flex-wrap:wrap; }
.practical-choices button { flex:1 1 220px; text-align:left; background:#edf1e5; color:var(--ink); border:1px solid #71827a; padding:1rem; cursor:pointer; font:inherit; }
.practical-choices button[aria-pressed="true"] { background:var(--deep); color:var(--white); border-color:var(--deep); }
.practical-question [role="status"]:empty { display:none; }
.practical-content details { margin-top:1rem; }
.practical-content summary { cursor:pointer; font-weight:700; }
.practical-widget details { padding:1rem 1.25rem; background:var(--paper); border:1px solid #c4cec4; }
.practical-widget details p { line-height:1.65; }
.practical-takeaway { border-left:4px solid #145e4c; padding:1rem 1.3rem; background:#e3e9db; margin:2rem 0; max-width:1000px; }
.practical-takeaway p { margin:.5rem 0 0; }
.practical-sources { max-width:1000px; }
.practical-sources h3 { font-size:1.1rem; }
.practical-content a { color:#145e4c; text-underline-offset:.2em; }
.practical-content .button-dark { color:var(--white); }
.practical-real-photo { max-width:700px; margin:2rem auto; }
.practical-content .editorial-photo.practical-real-photo img { width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; filter:none; transform:none; }
.practical-content .editorial-photo.practical-real-photo figcaption { background:#fff; color:var(--ink); }
.practical-content .editorial-photo.practical-real-photo figcaption strong { color:var(--ink); }
.practical-bars { list-style:none; margin:1.5rem 0; padding:0; }
.practical-bars li { display:grid; grid-template-columns:140px 1fr 150px; gap:1rem; align-items:center; margin:1rem 0; }
.practical-bars meter { width:100%; height:1.7rem; accent-color:#145e4c; }
.practical-bars meter::-webkit-meter-optimum-value { background:#145e4c; }
.practical-bars small { font-weight:400; }
.practical-rate-chart p { display:grid; grid-template-columns:110px minmax(80px,1fr) 90px; gap:1rem; align-items:center; }
.practical-rate-chart meter { width:100%; height:2rem; accent-color:#145e4c; }
.practical-rate-chart meter::-webkit-meter-optimum-value { background:#145e4c; }
.practical-rate-chart strong { text-align:right; }
@media(max-width:420px) { .practical-rate-chart p { grid-template-columns:1fr auto; gap:.3rem; } .practical-rate-chart meter { grid-column:1/-1; grid-row:2; } }
@media(max-width:640px) { .practical-controls,.practical-metrics { grid-template-columns:1fr; } .practical-bars li { grid-template-columns:1fr auto; gap:.3rem; } .practical-bars meter { grid-column:1/-1; grid-row:2; } }
@media print { .practical-content { break-before:auto; } .practical-widget,.practical-flow li { break-inside:avoid; } .practical-controls,.practical-choices { display:none!important; } }

.practical-text { margin:1.5rem 0; border-block:1px solid #71827a; }
.practical-text summary { display:flex; justify-content:space-between; gap:1rem; padding:1rem; font-weight:700; cursor:pointer; list-style:none; }
.practical-text summary::-webkit-details-marker { display:none; }
.practical-text summary::after { content:"+"; }
.practical-text[open] summary::after { content:"−"; }
.infographic-steps { padding:0 2rem 1rem 3rem; }
.infographic-steps li { padding:.5rem; }
.infographic-steps h3 { margin:0 0 .3rem; font-size:1.1rem; }
.infographic-steps p { margin:0; }