/* Practical entries share the same public directory; details use the same panel scale. */
.practical-detail{--pi-accent:var(--home-teal);--pi-border:var(--home-line);--pi-muted:var(--home-muted);color:var(--home-ink);max-width:1100px}
.practical-detail .practical-intro{padding:20px;margin:16px 0 24px;background:var(--home-surface);border:1px solid var(--home-line);border-radius:14px}
.practical-detail h1{font-size:1.65rem;letter-spacing:-.025em;margin:12px 0}
.practical-detail .practical-back{display:inline-flex;align-items:center;min-height:44px;font-size:.86rem;font-weight:600}
.practical-detail .pi-section{padding:16px 0 24px}
.practical-detail .pi-card{border-radius:14px;background:var(--home-surface);border-color:var(--home-line)}
.practical-detail .pi-button{background:var(--home-teal);border-color:var(--home-teal)}
.practical-detail .pi-button.pi-secondary{background:var(--home-surface);color:var(--home-teal)}
.practical-detail .practical-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.practical-detail .practical-result h3{line-height:1.3}
.practical-detail .practical-result-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.86rem;font-weight:600}
@media(max-width:700px){.practical-detail{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.practical-detail .practical-intro{padding:15px}.practical-detail h1{font-size:1.4rem}.practical-detail .practical-results{grid-template-columns:1fr}}
