.practical-hero-facts{display:flex;flex-wrap:wrap;gap:1rem 1.75rem;margin-top:1.35rem}.practical-hero-facts span{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:700}.practical-hero-facts svg{width:1.25rem;color:var(--page-hero-accent)}
.practical-filter{max-width:38rem;margin-bottom:1rem}.practical-filter .search-field{flex:1}.practical-grid{display:grid;grid-template-columns:repeat(var(--practical-columns,3),minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}.practical-card{overflow:hidden;border:1px solid var(--color-border,#d9ddd8);border-radius:1rem;background:#fff;box-shadow:0 8px 24px rgba(22,45,34,.07);display:flex;flex-direction:column}.practical-card__media{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#e8eee9;color:#fff}.practical-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.practical-card:hover .practical-card__media img{transform:scale(1.025)}.practical-card__placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#34493a,#6b756f)}.practical-card__placeholder svg{width:4rem}.practical-card__play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:3.4rem;height:3.4rem;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.42);display:grid;place-items:center}.practical-card__play svg{width:1.5rem}.practical-card__media time{position:absolute;inset:auto auto .65rem .65rem;padding:.25rem .45rem;border-radius:.4rem;background:rgba(0,0,0,.78);color:#fff;font-size:.8rem;direction:ltr}.practical-card__body{display:flex;flex:1;flex-direction:column;padding:1rem}.practical-card__category{color:var(--color-primary,#34493a);font-size:.78rem;font-weight:800}.practical-card h2{font-size:1.08rem;margin:.35rem 0}.practical-card h2 a{color:inherit}.practical-card p{font-size:.9rem;color:var(--color-text-muted,#647067);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.practical-card .button{margin-top:auto}.practical-progress{height:.38rem;border-radius:1rem;background:#e4e8e4;overflow:hidden;margin:.6rem 0 .2rem}.practical-progress span{display:block;height:100%;background:#2f8c43}.practical-card small{margin-bottom:.65rem}.practical-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:2rem;align-items:start}.practical-player{aspect-ratio:16/9;background:#101512;border-radius:1rem;overflow:hidden;margin:1rem 0}.practical-player video,.practical-player iframe{display:block;width:100%;height:100%;border:0}.practical-watch-meta{position:sticky;top:6rem}.practical-watch-meta img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:.75rem;margin-bottom:1rem}.practical-watch-summary{font-size:1.1rem}.practical-locked{text-align:center;padding:2rem;margin:1rem 0}.practical-locked svg{width:2rem;margin:auto}.practical-transcript{margin-top:1.5rem}
@media(max-width:980px){.practical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practical-watch-layout{grid-template-columns:1fr}.practical-watch-meta{position:static}}
@media(max-width:620px){.practical-grid{grid-template-columns:1fr}.practical-hero-facts{gap:.7rem}.practical-filter{display:grid}.practical-card__body{padding:.9rem}}