.guide-switch{max-width:1280px;margin:26px auto 0;display:flex;align-items:center;gap:8px;padding:0 1px}
.guide-switch>span{font:9px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#688094;margin-right:14px}
.guide-switch a{padding:9px 23px;min-height:44px;border:1px solid #c8dce9;border-radius:30px;background:#ffffff85;font-size:13px;font-weight:600;transition:background .2s,color .2s}
.guide-switch a[aria-current]{background:#183f5c;border-color:#183f5c;color:#fff}
.guide-switch a:hover{background:#e0edf7;color:#164562}.guide-switch a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.vrchat-guide{--blue:#546bb1;background:radial-gradient(ellipse at 85% 10%,#e8eafd80,transparent 30%),#f4f8fc}
.vrchat-guide .start-hero{padding-top:40px}.vrchat-guide .start-hero h1 span{color:#526cb2}
.vrchat-journey .journey-orb{background:radial-gradient(circle at 30% 25%,#fff,#dcecf9 32%,#c4ccef87 59%,#f9d8c55e 80%,transparent)}
.vrchat-journey .journey-ticket{background:linear-gradient(135deg,#fffffff0,#edf1ffb8);box-shadow:0 30px 70px #4a63921b}.vrchat-journey .journey-ticket strong{line-height:1.6}
.vrchat-guide .device-tabs button[aria-selected=true]{border-color:#99acd8;background:#eef2ff}
.meet-section{max-width:1280px;margin:85px auto 0;padding:38px 0;scroll-margin-top:35px;border-top:1px solid #d5e2ef}
.instance-explainer{display:grid;grid-template-columns:1fr auto 1.4fr;gap:30px;align-items:center;border:1px solid #cedeea;border-radius:20px;padding:30px 35px;background:linear-gradient(120deg,#fff,#edf2fe)}
.instance-explainer>div>span{font:10px Arial,sans-serif;letter-spacing:.16em;color:#7085ae}.instance-explainer h3{font-size:17px;margin:9px 0}.instance-explainer p{font-size:13px;color:var(--muted);margin:0}.instance-explainer>span{font-size:26px;color:#8497b8}.instance-explainer strong{display:block;color:#34557b}
.meet-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.meet-steps li{display:flex;align-items:flex-start;gap:16px}.meet-steps li>span{font:25px/1.5 Arial,sans-serif;color:#91a8ca}.meet-steps h3{font-size:15px;margin:0 0 9px}.meet-steps p{font-size:12px;line-height:2;color:var(--muted);margin:0}
.meet-footnote{font-size:11px;line-height:2;color:var(--muted);margin-top:28px}.meet-footnote a,.step-meet-note a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.step-meet-note{font-size:12px!important}
.vrchat-guide .trouble-grid details{align-self:start}.vrchat-guide .store-links{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:1400px){.guide-switch,.meet-section{margin-left:6%;margin-right:6%}}
@media(max-width:900px){.instance-explainer{gap:18px;padding:24px}.instance-explainer h3{font-size:14px}.meet-steps{gap:18px}.meet-steps li{gap:10px}.meet-steps h3{font-size:13px}}
@media(max-width:620px){.guide-switch{margin-top:18px;gap:7px}.guide-switch>span{font-size:7px;margin-right:auto;letter-spacing:.08em}.guide-switch a{padding:8px 17px;font-size:11px}.vrchat-guide .start-hero{padding-top:28px}.vrchat-guide .device-tabs button>span:nth-child(2){font-size:12px}.vrchat-guide .device-tabs small{font-size:8px}.meet-section{margin-top:45px;padding:27px 0}.instance-explainer{grid-template-columns:1fr;gap:14px;padding:24px}.instance-explainer>span{display:none}.instance-explainer>div+span+div{border-top:1px solid #d6e0ef;padding-top:20px}.instance-explainer h3{font-size:14px}.instance-explainer p{font-size:12px}.meet-steps{grid-template-columns:1fr;gap:23px;margin-top:25px}.meet-steps li{gap:17px}.meet-steps h3{font-size:14px}.meet-footnote{font-size:10px}.vrchat-guide .journey-art{margin-bottom:10px}.vrchat-guide .journey-ticket strong{font-size:26px}}

.vrchat-guide .device-intro h2,.vrchat-guide .step-heading h3{ text-wrap:balance; }

/* Editorial metadata stays visible before any installation or sign-in steps. */
.guide-edition{max-width:1180px;margin:0 auto 26px;padding:21px 25px;display:grid;grid-template-columns:185px minmax(0,1fr);gap:28px;align-items:center;background:linear-gradient(110deg,#e8f2f9a6,#ffffff85);border:1px solid #d4e2ec;border-radius:8px;color:#526e82}
.guide-edition-date{border-right:1px solid #c8dce8;padding:1px 25px 1px 0}.guide-edition-date>span{display:block;font:9px/1.6 Arial,sans-serif;letter-spacing:.17em;color:#66849a}.guide-edition-date p{margin:6px 0 0;line-height:1.7}.guide-edition-date time{font-size:15px;font-weight:600;color:#294e69;letter-spacing:.03em}.guide-edition-date small{display:block;font-size:10px;letter-spacing:.06em}
.guide-edition-copy{display:flex;align-items:center;justify-content:space-between;gap:25px}.guide-edition-copy p{font-size:12px;line-height:1.95;margin:0}.guide-edition-copy a{display:inline-flex;align-items:center;gap:12px;min-height:44px;white-space:nowrap;font-size:12px;color:var(--blue);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#93b1c570;transition:text-decoration-color .2s}.guide-edition-copy a:hover{text-decoration-color:currentColor}.guide-edition-copy svg{width:16px;height:16px;flex-shrink:0}.vrchat-guide .guide-edition{background:linear-gradient(110deg,#edf0fba6,#ffffff85)}
@media(max-width:1280px){.guide-edition{margin-left:5%;margin-right:5%}}
@media(max-width:950px){.guide-edition{grid-template-columns:155px minmax(0,1fr);gap:22px;padding:20px}.guide-edition-date{padding-right:20px}.guide-edition-copy{display:block}.guide-edition-copy a{margin-top:5px}}
@media(max-width:620px){.guide-edition{padding:20px;grid-template-columns:1fr;gap:13px;margin-bottom:23px;border-radius:7px}.guide-edition-date{border-right:0;border-bottom:1px solid #c8dce880;padding:0 0 13px}.guide-edition-date>span{font-size:8px}.guide-edition-date p{display:flex;align-items:baseline;gap:10px;margin-top:4px}.guide-edition-date time{font-size:15px}.guide-edition-date small{font-size:10px}.guide-edition-copy p{font-size:11px;line-height:1.95}.guide-edition-copy p br{display:none}.guide-edition-copy a{font-size:11px;gap:10px;margin-top:4px;min-height:38px}}
@media(prefers-reduced-motion:reduce){.guide-edition-copy a{transition:none}}

/* Credit the guide editor separately from the site's joint branding. */
.guide-byline{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:4px;row-gap:2px;margin:-10px 0 22px;color:var(--muted);font-size:12px;line-height:1.8;letter-spacing:.035em}
.guide-byline strong{color:var(--ink);font-weight:600;white-space:nowrap}
@media(max-width:620px){.guide-byline{margin:-8px 0 19px;font-size:11px}}

/* The reference section uses one editorial rhythm across both guides. */
.source-section{padding:52px 0 40px}
.source-section h2{margin:0 0 20px;font-size:19px;line-height:1.65;letter-spacing:.025em;text-wrap:balance}
.source-copy{max-width:84ch}
.source-copy p{margin:0;color:var(--muted);font-size:13px;line-height:2;overflow-wrap:anywhere}
.source-copy p+p{margin-top:14px}
.source-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:24px;padding-top:8px;border-top:1px solid var(--line)}
.source-links .guide-source{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:48px;margin:0;padding:13px 0;border-bottom:1px solid #d5e4eea6;border-radius:0;font-size:13px;font-weight:500;line-height:1.7;letter-spacing:.025em;color:#376c90;text-decoration:none;transition:color .18s,border-color .18s}
.guide-source-label{min-width:0;overflow-wrap:anywhere}
.source-links .guide-source svg{width:14px;height:14px;flex:0 0 14px}
.source-links .guide-source:hover{color:#174c70;border-bottom-color:#82aac5;text-decoration:none}
.source-links .guide-source:hover .guide-source-label,.source-links .guide-source:focus-visible .guide-source-label{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.source-links .guide-source:focus-visible{outline:2px solid #376c90;outline-offset:4px;border-radius:2px}
.source-section .verified{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:20px 0 0;color:#617b8e;font-size:11px;line-height:1.8;letter-spacing:.025em}
.source-section .verified time{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:760px){.source-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}
@media(max-width:620px){.source-section{padding:36px 0 30px}.source-section h2{margin-bottom:17px;font-size:17px}.source-copy p{font-size:12px;line-height:1.95}.source-copy p+p{margin-top:12px}.source-links{margin-top:21px;column-gap:18px;padding-top:5px}.source-links .guide-source{font-size:12px;min-height:48px;padding:12px 0}.source-section .verified{margin-top:18px;font-size:10px}}
@media(max-width:359px){.source-links{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.source-links .guide-source{transition:none}}