body{margin:0;background:#17212e;color:#f1eee6;font:16px/1.85 "Segoe UI Variable", "Segoe UI", "PingFang SC", "Microsoft YaHei UI", sans-serif}main,header,footer{max-width:1000px;margin:auto;padding:28px}a{color:#d9b969}header{display:flex;justify-content:space-between;align-items:center}header img{width:48px;border-radius:10px;vertical-align:middle;margin-right:12px}.brand-name{display:inline-flex;align-items:center;font-size:24px;letter-spacing:1px;font-weight:700}.brand-ez,.brand-dot{color:#d9b969}.brand-dot{margin:0 3px}.brand-fc{color:#f1eee6}header>a:first-child{display:flex;align-items:center;text-decoration:none;white-space:nowrap}.brand-divider{margin:0 10px;color:#d9b96955}.brand-full{font-size:13px;color:#d9cba7}.page-tools{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px;font-size:13px}.page-tools a{padding:6px 10px;border:1px solid #d9b96930;border-radius:6px;text-decoration:none}.page-tools a[aria-current=page]{border-color:#d9b969;background:#d9b96912}.brand-summary{font-size:13px;line-height:1.8;max-width:740px}.related-guides{padding:25px 0}@media(max-width:480px){header,main,footer{padding:20px}.brand-full{font-size:11px}.brand-divider{margin:0 6px}}h1{font-size:clamp(32px,4.5vw,52px);line-height:1.25;letter-spacing:-.035em;font-weight:650;margin:20px 0 24px}h2{font-size:24px;line-height:1.45;font-weight:600;letter-spacing:-.02em}section{padding:20px 0;border-bottom:1px solid #d9b96926}p{color:#b5c1cf}figure{margin:32px 0}figure img{width:100%;border-radius:20px}figcaption{font-size:13px;color:#96a3bc}.button{display:inline-flex;align-items:center;gap:20px;font-size:18px;font-weight:650;min-height:54px;padding:12px 24px;background:#d9b969;color:#17212e;border-radius:8px;text-decoration:none}.button-arrow{width:22px;height:22px;flex:none}nav{display:flex;flex-wrap:wrap;gap:20px}footer{border-top:1px solid #d9b96926}
header img{animation:brand-orbit 32s linear infinite}.button{transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px);background:#f5d88e}.page-tools a{transition:border-color .2s ease,background .2s ease}.page-tools a:hover{border-color:#d9b969;background:#d9b96912}main>h1{animation:page-enter .55s ease-out}@keyframes page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes brand-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
.button{position:relative;overflow:hidden;isolation:isolate;animation:install-breathe 2.8s ease-in-out infinite}.button::after{content:"";position:absolute;top:-70%;bottom:-70%;left:-40%;width:28%;background:linear-gradient(90deg,transparent,#fff4,transparent);transform:skewX(-20deg);pointer-events:none;opacity:0;animation:install-sheen 3.6s ease-in-out infinite}@keyframes install-sheen{0%,55%{left:-40%;opacity:0}60%{opacity:.7}76%,100%{left:130%;opacity:0}}@media(prefers-reduced-motion:reduce){.button,.button::after{animation:none!important;transform:none!important}.button::after{display:none}}
/* Shared guide layout: outcome, steps, checks, installation. */
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}header,main,footer{max-width:1120px}.guide-header{gap:24px;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #d9b96920}.guide-header img{height:44px;width:44px}.guide-header .brand-full{font-size:12px}.header-links{display:flex;gap:22px;align-items:center;font-size:14px}.header-links>a{text-decoration:none}.language-menu{position:relative}.language-menu summary{cursor:pointer;list-style:none}.language-menu>div{position:absolute;top:32px;right:0;width:180px;padding:8px;display:grid;z-index:10;border:1px solid #d9b96940;border-radius:10px;background:#101722;box-shadow:0 15px 35px #0005}.language-menu a{display:block;padding:8px 12px;text-decoration:none}.language-menu a:hover{background:#d9b96910}.language-menu a[aria-current=page]{color:#f5d88e}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#969ea7;margin:0 0 28px}.breadcrumb a{color:#aaa99f;text-decoration:none}.breadcrumb span[aria-hidden]{color:#6c727a}.guide-hero{padding:6px 0 36px}.guide-hero h1{max-width:900px}.guide-lead{font-size:18px;line-height:1.9;max-width:790px;color:#c0c7d0}.guide-eyebrow{font-size:11px;letter-spacing:1.3px;color:#d9b969;text-transform:uppercase}.guide-cta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:26px}.guide-cta .button{font-size:16px;padding:13px 22px;gap:18px;min-height:50px}.guide-cta>a:not(.button){font-size:14px}.install-requirements{font-size:12px;color:#969ea7;margin:14px 0 0;line-height:1.8}.guide-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:56px;align-items:start}.guide-steps{padding:26px 0}.guide-steps>h2{margin-top:0}.step-list{list-style:none;padding:0;counter-reset:guide}.step-list>li{counter-increment:guide;padding:24px 0 24px 56px;border-bottom:1px solid #d9b96920;position:relative}.step-list>li::before{content:counter(guide,decimal-leading-zero);position:absolute;left:0;top:24px;color:#d9b969;font-size:16px;font-weight:650}.step-list h3{font-size:20px;font-weight:600;line-height:1.5;margin:0 0 10px}.step-list p{font-size:15px;line-height:1.95;margin:0}.guide-aside{position:sticky;top:24px;background:#101722;border:1px solid #d9b96930;border-radius:12px;padding:22px;margin-top:26px}.guide-aside h2{font-size:20px;margin:0 0 16px}.guide-aside p{font-size:14px}.guide-aside .button{font-size:14px;width:100%;padding:10px;justify-content:center;gap:12px;min-height:46px}.guide-aside nav{display:grid;gap:12px;margin-top:24px;font-size:13px}.guide-aside nav a{text-decoration:none}.guide-faq h3{font-size:18px;font-weight:600;line-height:1.6;margin:22px 0 10px}.guide-faq p{font-size:15px;line-height:1.95}.guide-figure{margin:22px 0 40px}.guide-figure img{display:block;width:100%;height:auto;border:1px solid #d9b96926;border-radius:14px}.guide-figure figcaption{margin-top:10px;font-size:12px}.features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:12px 0 44px}.feature-card{display:flex;flex-direction:column;background:#101722;border:1px solid #d9b96926;border-radius:12px;padding:28px;text-decoration:none;color:#f1eee6;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#d9b96980;transform:translateY(-3px)}.feature-card h2{font-size:23px;margin:0 0 12px}.feature-card p{font-size:15px;line-height:1.85;flex:1;margin:0 0 20px}.feature-card span{color:#d9b969;font-size:14px}.related-guides .page-tools{margin-bottom:12px}.brand-summary{margin:24px 0;color:#aab2bc}.guide-footer{font-size:12px;line-height:1.9;color:#969ea7;display:flex;justify-content:space-between;gap:30px}.guide-footer p{margin:0}.guide-footer>a{white-space:nowrap}.button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #d9b969;outline-offset:5px}.page-tools{gap:10px}.page-tools a{font-size:13px}header img{animation:none}.guide-header .brand-name{font-size:24px}.guide-header .brand-dot{margin:0 3px}main{padding-top:28px;padding-bottom:48px}h1{overflow-wrap:anywhere}
@media(max-width:860px){.guide-body{grid-template-columns:1fr;gap:12px}.guide-aside{position:static;margin-top:0}.guide-aside nav{display:flex;flex-wrap:wrap;gap:16px}.guide-hero h1{font-size:38px}}
@media(max-width:600px){header,main,footer{padding-left:20px;padding-right:20px}.guide-header{gap:12px;flex-wrap:wrap}.header-links{gap:16px;font-size:13px}.guide-header .brand-full,.guide-header .brand-divider{display:none}.guide-header img{width:36px;height:36px;margin-right:8px}.guide-header .brand-name{font-size:23px}.guide-hero h1{font-size:30px;line-height:1.4;margin:18px 0}.guide-lead{font-size:16px}.guide-cta{gap:16px}.guide-body{gap:18px}.step-list>li{padding-left:42px}.step-list h3{font-size:19px}.features-grid{grid-template-columns:1fr;gap:14px}.feature-card{padding:23px}.guide-footer{flex-direction:column;gap:16px}.breadcrumb{margin-bottom:18px}.header-links>a{display:none}.guide-header{flex-wrap:nowrap}.language-menu>div{width:170px}.guide-aside{padding:20px}.guide-faq h3{font-size:17px}.guide-faq p{font-size:14px}.guide-hero{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.feature-card:hover{transform:none}}

/* Account risk and legal review notices. */
.install-risk { margin: 28px 0 0; padding: 22px 24px; border: 1px solid rgba(217,185,105,.24); border-radius: 16px; background: rgba(217,185,105,.045); color: #c5c8cd; font-size: 14px; line-height: 1.85; }
.install-risk strong { display: block; color: #e3ca8c; font-size: 15px; }
.install-risk p { margin: 8px 0 12px; max-width: 80ch; }
.install-risk div { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.install-risk a { color: #d9b969; }
.guide-footer nav { display: flex; flex-wrap: wrap; gap: 14px 24px; }
.legal-draft { padding: 16px 20px; border-left: 3px solid #d9b969; background: rgba(217,185,105,.07); color: #e3ca8c; font-size: 15px; line-height: 1.8; }
.legal-body { max-width: 850px; }
.legal-body section { margin: 0 0 36px; }
.legal-body h2 { font-size: 23px; margin: 0 0 12px; }
.legal-body p { color: #b7bdc5; line-height: 1.9; }
.footer-links { flex-wrap: wrap; }
@media(max-width:600px) { .install-risk { padding: 18px; } .legal-body h2 { font-size: 21px; } }

.guide-hero h1 { text-wrap: balance; overflow-wrap: anywhere; }
.breadcrumb { flex-wrap: wrap; overflow-wrap: anywhere; }

/* Consistent directional icons for navigation and downloads. */
.link-arrow { display: inline-block; width: 17px; height: 17px; flex: 0 0 auto; vertical-align: -.18em; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; transition: transform .22s ease; }
.button .link-arrow { width: 22px; height: 22px; }
a:not(.brand):not(.feature-card):not([aria-label]) .link-arrow { margin-left: 7px; }
.button .link-arrow, .text-link .link-arrow, .outline-button .link-arrow { margin-left: 0 !important; }
.tool-jump a, .feature-guide, .install-help>a, .install-risk a, .seo-links a, .guide-aside nav a, .guide-cta>a:not(.button), .related-guides>a, .guide-footer nav a { display: inline-flex; align-items: center; gap: 7px; }
.tool-jump a .link-arrow, .tools-menu a .link-arrow { margin-left: auto !important; }
.tool-jump a { justify-content: center; }
a:hover .link-arrow, button:hover .link-arrow { transform: translateX(3px); }
a[href^="https://"]:hover .link-arrow { transform: translate(2px, -2px); }
a[href$="user.js"]:hover .link-arrow { transform: translateY(2px); }
.feature-card>span { display: inline-flex; align-items: center; gap: 7px; }
@media(prefers-reduced-motion:reduce) { .link-arrow { transition: none; } a:hover .link-arrow, button:hover .link-arrow { transform: none; } }

/* Device availability, separate from installation steps. */
.device-section { margin: 30px 0; padding: 0; border: 0; }
.device-section>h2, .device-section>h3 { margin: 0 0 18px; font-size: 20px; color: #f1eee6; }
.device-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.device-card { min-width: 0; padding: 22px; border: 1px solid #d9b96926; border-radius: 12px; background: #101722; }
.device-recommended { border-color: #d9b96970; background: #d9b96909; }
.device-card h3, .device-card h4 { margin: 0 0 12px; font-size: 18px; line-height: 1.5; color: #f1eee6; font-weight: 650; }
.device-status { display: block; font-size: 12px; color: #aab2bc; line-height: 1.6; }
.device-recommended .device-status { color: #d9b969; }
.device-card p { margin: 12px 0 0; color: #aab2bc; font-size: 13px; line-height: 1.85; }
@media(max-width:760px) { .device-grid { grid-template-columns: 1fr; gap: 12px; } .device-card { padding: 20px; } }

.device-card { display: flex; flex-direction: column; }
.device-card p { flex: 1; }
.device-guide-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; padding: 10px 14px; border: 1px solid #d9b96955; border-radius: 7px; color: #d9b969; font-size: 13px; font-weight: 600; text-decoration: none; transition: background .2s, border-color .2s; }
.device-guide-button:hover { background: #d9b96912; border-color: #d9b969; }
.guide-resources { margin-top: 28px; }
.guide-resources h2 { font-size: 17px; margin: 0 0 12px; }
.guide-resources>div { display: flex; flex-wrap: wrap; gap: 12px 20px; font-size: 14px; }

/* Dropdown controls share one gold icon style. */
[hidden] { display: none !important; }
.menu-icon { display: block; width: 18px; height: 18px; flex: none; stroke: #d9b969; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.menu-chevron, .language-chevron { width: 15px; height: 15px; transition: transform .2s; }
.tools-menu summary, .language-menu summary { display: inline-flex; align-items: center; gap: 7px; list-style: none; }
.tools-menu summary::-webkit-details-marker, .language-menu summary::-webkit-details-marker { display: none; }
.tools-menu summary::marker, .language-menu summary::marker { content: ''; }
.tools-menu[open] .menu-chevron, .language-menu[open] .menu-chevron { transform: rotate(180deg); }
.language-menu summary { color: #d9b969; border: 1px solid #d9b96930; border-radius: 8px; padding: 7px 10px; }
.language-picker { display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; color: #d9b969; border: 1px solid #d9b96930; border-radius: 8px; cursor: pointer; }
.language-picker svg { display: block; color: #d9b969; stroke: #d9b969; pointer-events: none; }
.language-picker .language-globe { width: 18px; height: 18px; }
.language-picker .language-chevron { width: 14px; height: 14px; }
.language-picker select { appearance: none; -webkit-appearance: none; min-width: 0; max-width: 110px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #d9b969; font-size: 13px; line-height: 1.4; cursor: pointer; }
.language-picker select:hover { border: 0; background: transparent; }
.language-picker:hover, .language-menu summary:hover { background: #d9b9690a; border-color: #d9b96960; }
.language-picker:focus-within { outline: 2px solid #d9b969; outline-offset: 3px; }
.language-picker select:focus-visible { outline: none; }
/* The whole button surface scales, with hover movement independent of the pulse. */
@keyframes install-breathe { 0%, 100% { scale: 1; box-shadow: 0 0 0 #d9b96900; } 50% { scale: 1.04; box-shadow: 0 6px 24px #d9b96925; } }
.install-button { display: inline-flex; animation: install-breathe 2.8s ease-in-out infinite; transform-origin: center; }
/* Only the chosen installation is prominent. */
.device-primary { display: block; }
.device-primary .device-card { display: flex; flex-direction: row; align-items: center; gap: 30px; padding: 26px 28px; }
.device-copy { flex: 1; min-width: 0; }
.device-primary .device-guide-button { flex: none; margin-top: 0; min-width: 150px; }
.device-alternatives { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin-top: 16px; font-size: 12px; line-height: 1.8; }
.device-alternatives>span { color: #8894a3; }
.device-alternatives a { color: #c7b787; text-decoration: underline; text-underline-offset: 4px; }
.device-alternatives a:hover { color: #f5d88e; }
@media(max-width:760px) { .device-primary .device-card { flex-direction: column; align-items: stretch; padding: 22px; gap: 20px; } .device-primary .device-guide-button { width: 100%; } .language-picker { gap: 5px; padding: 7px; } .language-picker select { max-width: 94px; font-size: 12px; } }
@media(prefers-reduced-motion:reduce) { .install-button, .button { animation: none !important; scale: 1 !important; } .menu-chevron, .language-chevron { transition: none; } }

.button { white-space: nowrap; }