.pattern-page{max-width:1250px;margin:auto}.pattern-tabs{display:flex;gap:8px;overflow-x:auto;padding:8px 0 20px;scrollbar-width:thin}.pattern-tabs button,.pattern-cases button,.pattern-risk button{white-space:nowrap;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);padding:10px 14px}.pattern-tabs button.active,.pattern-cases button.active,.pattern-risk button.active{color:#bceeff;border-color:#70a9e9;background:#70a9e916}.pattern-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:24px}.pattern-grid>section{min-width:0}.pattern-intro h2{font-size:27px;margin:14px 0 10px}.pattern-intro p,.pattern-plan p,.pattern-explain p{font-size:14px;color:#a5bbcd;line-height:1.75}.pattern-cases{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:24px 0 12px}.pattern-cases>span{font-size:11px;color:var(--muted)}.pattern-chart{height:390px!important;background:#0c1a27;border:1px solid var(--line);border-radius:14px;margin:0!important;touch-action:pan-y}.pattern-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pattern-controls button{min-height:44px}.pattern-inspect{font-size:12px;color:#b7d9ec;border:1px solid var(--line);border-radius:9px;padding:14px;min-height:48px;margin:14px 0}.pattern-explain{background:var(--panel);padding:16px 20px;border-radius:12px;border:1px solid var(--line)}.pattern-explain summary{cursor:pointer;min-height:34px;font-weight:600}.pattern-explain strong{font-size:12px;color:#d2b77e}.pattern-plan{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px;align-self:start}.pattern-plan ol{padding:0;list-style:none;counter-reset:plan}.pattern-plan li{position:relative;padding:0 0 16px 38px;counter-increment:plan}.pattern-plan li:before{content:counter(plan);position:absolute;left:0;top:1px;border:1px solid #70a9e955;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:12px;color:#70a9e9}.pattern-plan li>strong{font-size:14px}.pattern-plan li p{font-size:12px;margin:6px 0}.pattern-risk{display:flex;gap:8px;margin-top:12px}.pattern-plan .btn.full{margin-top:10px;min-height:46px}.pattern-plan .risk-row{font-size:12px}.pattern-wait{padding:18px;border:1px solid #70a9e944;border-radius:10px;color:#bceeff;font-size:13px}.pattern-result{margin:18px 0;padding:18px;border:1px solid #70a9e955;border-radius:12px;background:#70a9e909}.pattern-result h3{margin:10px 0;font-size:17px}.pattern-result>strong{display:block;font-size:26px}.pattern-result p{font-size:12px}.pattern-launch{display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,#18344a,#10202e);border:1px solid #70a9e950;padding:22px;border-radius:14px;margin:24px auto;max-width:1120px;min-height:96px}.pattern-launch h3{font-size:18px;margin:7px 0}.pattern-launch p{color:#a5bbcd;font-size:13px;margin:0}.pattern-launch>span:last-child{margin-left:auto;color:#bceeff;font-size:24px}.chart-toolbar .tool-button{min-height:36px}.interactive-chart{contain:layout paint}.interactive-chart svg{display:block}.account-toolbar{padding-inline:38px;margin-top:12px}
@media(max-width:850px){.pattern-grid{grid-template-columns:1fr}.pattern-plan{padding:20px}.pattern-chart{height:350px!important}.pattern-launch{padding:18px}.pattern-launch h3{font-size:16px}}
@media(max-width:600px){.pattern-chart{height:330px!important}.pattern-controls .btn{font-size:12px;padding:11px 12px}.pattern-intro h2{font-size:24px}.pattern-tabs{margin-right:-12px}.pattern-launch .route-icon{display:none}.pattern-launch .eyebrow{font-size:8px}.account-toolbar{padding-inline:18px}.chart-toolbar .tool-button{min-width:40px;min-height:44px}.pattern-plan .eyebrow{font-size:10px}}