.trouble-jump{display:block;margin:0 0 18px;font-size:14px;font-weight:700}.trouble{margin-top:24px;padding:26px;scroll-margin-top:20px}.trouble h2{font-size:30px;letter-spacing:-.035em;margin:6px 0 10px}.trouble p{line-height:1.6;color:#b8cbd8}.trouble .lead{max-width:800px;margin-bottom:22px}.trouble-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:24px}.trouble-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trouble label{font-size:14px;color:#c5d6e3;display:block}.trouble select{margin-top:7px}.trouble canvas{width:100%;height:350px;display:block;touch-action:pan-y;cursor:grab;background:radial-gradient(ellipse at center,#20384a,#0a131e 76%);border-radius:10px;border:1px solid #34495a}.trouble canvas:active{cursor:grabbing}.trouble canvas:focus-visible{outline:2px solid #64e4ec}.trouble figure{margin:16px 0}.trouble figcaption{font-size:14px;line-height:1.6;color:#9db1c3;margin:10px 0}.trouble button{border:1px solid #3c586b;background:#182d3e;color:#ddecf5;padding:10px 13px;border-radius:7px;cursor:pointer;font-size:14px;min-height:42px}.trouble button:hover{background:#275267}.trouble button[aria-pressed=true]{background:#246b72;border-color:#62d5df}.view-buttons{display:flex;gap:8px;flex-wrap:wrap}.view-sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.view-sliders input{padding:0;min-height:30px;accent-color:#59dbe8}.tip-card{background:#0c1723;border:1px solid #304557;border-radius:10px;padding:22px;align-self:start}.tip-card h3{font-size:23px;margin:8px 0 14px}.tip-card h4{color:#ecf6fc;font-size:16px;margin:22px 0 8px}.tip-card p,.tip-card li{font-size:16px;line-height:1.65}.tip-card ul{padding-left:20px}.tip-tag{font-size:13px;letter-spacing:.06em;color:#f4c27d;text-transform:uppercase}.tip-card a{display:inline-block;margin:5px 10px 5px 0;font-size:14px}.tip-scope{border-left:3px solid #e5ae60;padding-left:12px}.trouble-method{margin-top:24px;border-top:1px solid #304557;padding-top:18px;font-size:14px}.trouble-method summary{cursor:pointer;color:#daedf6;font-size:16px;font-weight:700}.trouble-method p{font-size:14px}.trouble-context{font-size:14px;color:#76d9e5!important}.trouble .small-note{font-size:14px}.trouble-method ol{line-height:1.8;color:#b8cbd8;padding-left:22px}@media(max-width:850px){.trouble-grid{grid-template-columns:1fr}.trouble{padding:20px}}@media(max-width:450px){.trouble-controls{grid-template-columns:1fr}.trouble canvas{height:290px}.trouble h2{font-size:26px}.tip-card{padding:17px}}