.practical-resources{padding-block:60px;color:var(--cc-ink,var(--ink));}
.practical-resources .resource-intro{max-width:660px;color:var(--cc-muted,var(--muted));line-height:1.65}
.practical-resources h2{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.04em;line-height:1.15;margin:0 0 14px}
.practical-resources .resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.practical-resources article{min-width:0;padding:24px;border:1px solid var(--cc-line,var(--line));border-radius:18px;background:var(--cc-surface,var(--panel))}
.practical-resources h3{font-size:1.1rem;margin:0 0 16px}
.practical-resources a{display:block;padding-block:12px;line-height:1.45;text-underline-offset:4px;overflow-wrap:anywhere;color:inherit}
.practical-resources a:focus-visible{outline:3px solid var(--cc-brand,var(--acid));outline-offset:4px;border-radius:3px}
.practical-resources small{display:block;margin-top:3px;color:var(--cc-muted,var(--muted));font-size:.82rem;font-weight:400}
.practical-resources details{margin-top:24px;border-top:1px solid var(--cc-line,var(--line));padding-top:12px}
.practical-resources summary{padding:12px 0;cursor:pointer;font-weight:650;min-height:44px}
.practical-resources .lab-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
@media(max-width:760px){.practical-resources .resource-grid,.practical-resources .lab-links{grid-template-columns:1fr}.practical-resources{padding-block:36px}.practical-resources article{padding:20px}}