.mechanics-hero{display:flex;flex-direction:column;gap:24px}.mechanics-hero-header{max-width:760px}.mechanics-hero-nav{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.mechanics-layout{display:grid;grid-template-columns:minmax(0,1.8fr);gap:32px;align-items:flex-start}.mechanics-main{display:flex;flex-direction:column;gap:24px}.mechanics-card-body{display:flex;flex-direction:column;gap:20px}.mechanics-media{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid var(--color-border-subtle);background-color:rgba(15,23,42,.9)}.mechanics-media img{width:100%;height:100%;object-fit:cover}.mechanics-text{max-width:68ch}.mechanics-modes-grid{margin-top:8px}.mechanics-next{padding-top:0}.mechanics-next-card{margin-top:8px}.mechanics-next-body{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.mechanics-next-actions{display:flex;flex-wrap:wrap;gap:12px}.mechanics-aside{display:flex;flex-direction:column;gap:20px}.mechanics-toc nav ul{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:8px}.mechanics-toc nav a{font-size:var(--text-sm);color:var(--color-text-soft)}.mechanics-toc nav a:hover{color:var(--color-primary)}.mechanics-download-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.mechanics-link-overview{display:inline-block;margin-top:4px;font-size:var(--text-sm);color:var(--color-primary)}.mechanics-link-overview:hover{text-decoration:underline}.mechanics-warning{margin-top:0}.mechanics-links ul{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:6px}.mechanics-links a{font-size:var(--text-sm);color:var(--color-text-soft)}.mechanics-links a:hover{color:var(--color-primary)}@media(min-width:960px){.mechanics-layout{grid-template-columns:minmax(0,2.1fr)minmax(260px,1fr)}.mechanics-card-body{flex-direction:row;align-items:flex-start}.mechanics-media{flex:1}.mechanics-text{flex:1}.mechanics-next-body{flex-direction:row;justify-content:space-between;align-items:center}}