.connection-guide-page .article-hero{background:radial-gradient(circle at 84% 22%,rgba(191,163,111,.22),transparent 27%),linear-gradient(145deg,#0d0d0d,#1e2926)}
.connection-guide-page .article-body{max-width:940px}.connection-guide-page code{padding:.12rem .38rem;background:#e4dac9;color:#594327;font-size:.88em}
.connection-rule{display:grid;grid-template-columns:minmax(170px,.55fr) 1fr;margin:2rem 0;border-top:1px solid rgba(89,67,39,.24);border-left:1px solid rgba(89,67,39,.24)}.connection-rule>*{padding:1.05rem 1.2rem;border-right:1px solid rgba(89,67,39,.24);border-bottom:1px solid rgba(89,67,39,.24)}.connection-rule strong{color:#755d36;background:#e9e1d2}.connection-rule span{color:#514c44;background:#f8f4eb}
.guide-shot{margin:2.2rem 0 0;border:1px solid rgba(89,67,39,.28);background:#171612;box-shadow:14px 14px 0 rgba(89,67,39,.09)}.guide-shot img{display:block;width:100%;height:auto}.guide-shot figcaption{padding:1rem 1.2rem;color:#d4ccbd;font-size:.85rem;line-height:1.6}
.guide-note{margin:2rem 0;padding:1.5rem 1.7rem;border-left:3px solid #8c6c45;background:#ece3d4}.guide-note>b{color:#594327}.guide-note p{margin:.45rem 0 0!important}.success-list{padding:0;list-style:none;border-top:1px solid rgba(89,67,39,.23)}.success-list li{position:relative;margin:0!important;padding:1rem 1rem 1rem 2.2rem;border-bottom:1px solid rgba(89,67,39,.23)}.success-list li:before{content:"✓";position:absolute;left:.5rem;color:#755d36;font-weight:700}
.troubleshooting-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:2rem;border:1px solid rgba(89,67,39,.23);background:rgba(89,67,39,.23)}.troubleshooting-grid article{padding:1.5rem;background:#f8f4eb}.troubleshooting-grid b{color:#594327;font-family:"DM Sans",sans-serif}.troubleshooting-grid p{margin:.55rem 0 0;font-size:.96rem}
@media(max-width:620px){.connection-rule,.troubleshooting-grid{grid-template-columns:1fr}.guide-shot{margin-left:-.5rem;margin-right:-.5rem;box-shadow:7px 7px 0 rgba(89,67,39,.09)}}