/* Visual-only article theme; selectors never reach the sidebar, header or page shell. */
.vpn1-guide{--v1-green:#075840;--v1-gold:#D8B66E;--v1-card:#F7F9F7;--v1-text:#25342C;--v1-border:#E4ECE7;color:var(--v1-text);font-size:16px;line-height:1.6;counter-reset:v1-guide-step;min-width:0}
.vpn1-guide h1{font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.25;letter-spacing:-.025em;color:var(--v1-green);margin:0 0 18px}
.vpn1-guide h2{color:var(--v1-green);font-size:1.25rem;line-height:1.3;margin:24px 0 10px}
.vpn1-guide>p{margin:0 0 15px}
.vpn1-guide a{color:var(--v1-green);text-decoration-color:#07584065;text-underline-offset:3px;overflow-wrap:anywhere}
.vpn1-guide a:focus-visible{outline:2px solid var(--v1-gold);outline-offset:3px;border-radius:4px}
.vpn1-guide .notice{border-left-color:var(--v1-gold);background:#fffaf0;border-radius:0 10px 10px 0;color:var(--v1-text)}
.vpn1-guide .vpn1-step-card,.vpn1-guide .vpn1-region-steps>li{counter-increment:v1-guide-step;position:relative;min-width:0;background:var(--v1-card);border:1px solid var(--v1-border);border-radius:12px;padding:14px 44px 14px 57px;margin:0 0 10px;box-shadow:0 3px 12px #25342c0a;transition:border-color .18s ease,box-shadow .18s ease}
.vpn1-guide .vpn1-step-card::before,.vpn1-guide .vpn1-region-steps>li::before{content:counter(v1-guide-step);position:absolute;top:14px;left:15px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--v1-green);color:#fff;font-size:13px;font-weight:700;line-height:1}
.vpn1-guide .vpn1-step-icon{position:absolute;right:16px;top:17px;width:18px;height:18px;color:#a5894d;pointer-events:none}
.vpn1-guide .vpn1-original-step-number{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.vpn1-guide .vpn1-step-card>p{margin:0 0 9px;overflow-wrap:anywhere}
.vpn1-guide .vpn1-step-card>p:first-of-type{padding-right:6px;color:var(--v1-green);font-weight:600}
.vpn1-guide .vpn1-step-card>p:last-child{margin-bottom:0}
.vpn1-guide .vpn1-step-card>p:has(>br:only-child){margin:0;line-height:0}
.vpn1-guide .vpn1-step-card blockquote,.vpn1-guide>blockquote{margin:8px 0;padding:10px 13px;border-left:3px solid var(--v1-gold);background:#fff;border-radius:0 8px 8px 0;color:var(--v1-text);overflow-wrap:anywhere}
.vpn1-guide .vpn1-step-card figure{margin:12px 0 6px;min-width:0}
.vpn1-guide .vpn1-step-card img,.vpn1-guide>figure img{display:block;max-width:100%;height:auto;border:1px solid var(--v1-border);border-radius:10px;box-shadow:0 3px 14px #25342c0d}
.vpn1-guide .vpn1-step-card p:has(>a:only-child) a{display:inline-flex;max-width:100%;align-items:center;padding:8px 12px;border:1px solid #07584044;border-radius:9px;background:#fff;font-weight:600;text-decoration:none}
.vpn1-guide .vpn1-step-card p:has(>a:only-child) a:hover{border-color:var(--v1-green);background:#eef5f0}
.vpn1-guide hr{border:0;height:1px;background:var(--v1-border);margin:10px 2px 14px}
.vpn1-guide .vpn1-region-steps{list-style:none;counter-reset:v1-guide-step;padding:0;margin:12px 0 18px}
.vpn1-guide .vpn1-region-steps>li{padding-right:42px}
.vpn1-guide video{display:block;max-width:100%;height:auto;border:1px solid var(--v1-border);border-radius:12px;box-shadow:0 4px 16px #25342c10}
.vpn1-guide .vpn1-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 20px}
.vpn1-guide .vpn1-device-grid blockquote{margin:0;padding:14px 16px;background:var(--v1-card);border:1px solid var(--v1-border);border-left:3px solid var(--v1-gold);border-radius:12px;box-shadow:0 3px 12px #25342c0a;min-width:0;transition:border-color .18s ease,box-shadow .18s ease}
.vpn1-guide .vpn1-device-grid a{font-weight:700;text-decoration:none}
.vpn1-guide .vpn1-device-grid~p{margin:0;line-height:0;font-size:0}
.vpn1-guide .vpn1-device-grid~p br{display:none}
@media(hover:hover){.vpn1-guide .vpn1-step-card:hover,.vpn1-guide .vpn1-region-steps>li:hover,.vpn1-guide .vpn1-device-grid blockquote:hover{border-color:#bdd1c4;box-shadow:0 6px 20px #25342c13}}
@media(max-width:700px){.vpn1-guide{font-size:15px}.vpn1-guide .vpn1-device-grid{grid-template-columns:minmax(0,1fr)}.vpn1-guide .vpn1-step-card,.vpn1-guide .vpn1-region-steps>li{padding:12px 38px 12px 46px;margin-bottom:9px}.vpn1-guide .vpn1-step-card::before,.vpn1-guide .vpn1-region-steps>li::before{left:10px;top:12px;width:25px;height:25px}.vpn1-guide .vpn1-step-icon{right:11px;top:15px;width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.vpn1-guide .vpn1-step-card,.vpn1-guide .vpn1-region-steps>li,.vpn1-guide .vpn1-device-grid blockquote{transition:none}}
