.tips-hero{position:relative}.tips-hero-grid{display:grid;gap:var(--space-6)}.tips-hero-copy{display:flex;flex-direction:column;gap:var(--space-4)}.tips-hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.tips-hero-visual{display:flex;align-items:center;justify-content:center}.tips-puzzle-board{max-width:18rem;margin-inline:auto}.tips-annotation{position:absolute;bottom:0.5rem;left:0.5rem;font-size:var(--text-xs);background:rgba(255,255,255,0.9);padding:0.15rem 0.5rem;border-radius:999px;color:var(--color-muted);box-shadow:var(--shadow-xs)}.tips-annotation-end{top:0.5rem;right:0.5rem;left:auto;bottom:auto}.tips-pills{margin-top:-1.5rem}.tips-essential-grid{display:grid;gap:var(--space-5)}.tips-essential-copy{align-self:center}.tips-essential-figure{display:flex;flex-direction:column;gap:var(--space-3)}.tips-figcaption{font-size:var(--text-xs);color:var(--color-muted)}.tips-list{display:flex;flex-direction:column;gap:0.4rem;font-size:var(--text-sm);color:var(--color-muted)}.tips-list li strong{color:var(--color-text)}.tips-deadend-grid{display:grid;gap:var(--space-5);align-items:center}.tips-position-grid{display:grid;gap:var(--space-5)}.tips-chains-figure{display:flex;flex-direction:column;gap:var(--space-3)}.tips-mindset-grid{display:grid;gap:var(--space-5)}.tips-cta-grid{display:grid;gap:var(--space-5)}.tips-cta-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.tips-nav-list{display:flex;flex-direction:column;gap:0.4rem;font-size:var(--text-sm);color:var(--color-muted)}.tips-nav-list a{font-weight:600}.article-card,.card{transition:transform var(--transition-fast) var(--easing-soft),box-shadow var(--transition-base) var(--easing-soft)}.article-card:hover,.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width:767px){.tips-hero-ctas{flex-direction:column;align-items:stretch}.tips-pills{margin-top:0}.tips-cta-buttons{flex-direction:column}}@media (min-width:768px){.tips-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,0.9fr);align-items:center}.tips-essential-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.tips-deadend-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.tips-position-grid{grid-template-columns:2fr 1.4fr 2fr}.tips-mindset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tips-cta-grid{grid-template-columns:1.3fr 1fr}}