/* Compute-only additions; shared Desktop styling is unchanged. */
.compute-content { min-width: 0; }
.compute-content .doc-card { margin-block: 1.5rem; min-width: 0; }
.compute-hero-actions { align-items: center; gap: 1rem; flex-wrap: wrap; }
.code-block { max-width: 100%; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.code-block:focus-visible, a:focus-visible, button:focus-visible { outline: 3px solid #2376c9; outline-offset: 3px; }
@media (max-width: 480px) { .compute-hero h1 { font-size: 2.2rem; } .code-block { font-size: .82rem; } }

.docs-hero h1, .compute-content code { overflow-wrap: anywhere; }

.compute-content h2 { overflow-wrap: anywhere; }
@media (max-width: 480px) { .docs-hero h1 { font-size: 2rem; } }