/* VersionMapper website v1.1: original User Guide artwork as splash and native system appearance. */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.theme-picker{display:inline-flex;align-items:center;gap:5px;min-width:110px;padding:7px 6px 7px 10px;border:1px solid var(--border-strong);border-radius:9px;color:var(--sub);background:var(--panel);cursor:pointer}
.theme-icon{color:var(--mint);font-size:18px;line-height:1;pointer-events:none}
.theme-picker select{background:transparent;border:0;color:var(--ink);font-size:12px;font-weight:660;outline:0;min-width:70px;cursor:pointer}
.theme-picker:focus-within{outline:2px solid var(--mint);outline-offset:3px}
.theme-picker option{color:var(--ink);background:var(--panel)}
.cover-home{overflow:hidden}
.cover-landing{position:relative;isolation:isolate;background:radial-gradient(ellipse 65% 48% at 25% 46%,rgba(12,102,213,.14),transparent 75%),radial-gradient(ellipse 42% 40% at 85% 80%,rgba(35,185,152,.075),transparent 80%);padding:46px 0 82px}
.cover-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(40px,5.5vw,95px);max-width:1120px}
.cover-art-column{min-width:0}
.cover-figure{margin:0;position:relative;max-width:585px;margin-inline:auto}
.cover-figure::before{content:"";position:absolute;inset:5% 6% -1%;border-radius:42px;background:linear-gradient(135deg,#227adb28,#12b59422);filter:blur(55px);z-index:-1}
.cover-figure picture,.cover-figure img{display:block;width:100%}
.cover-figure img{height:auto;max-height:min(780px,calc(100svh - 140px));object-fit:contain;border-radius:13px;box-shadow:0 28px 68px #0006,0 1px 0 #ffffff19}
.cover-art-note{margin:15px 0 0;text-align:center;color:var(--muted);font-size:11px;line-height:1.65}
.cover-art-note a{color:var(--blue);text-underline-offset:3px}
.cover-art-note a:hover{text-decoration:underline}
.cover-portal{min-width:0;padding:8px 0 20px}
.cover-overline{font-size:10px;letter-spacing:.18em;margin-bottom:20px}
.cover-portal h1{font-size:clamp(41px,4.2vw,64px);letter-spacing:-.064em;line-height:1.08;margin-bottom:20px}
.cover-intro{color:var(--sub);font-size:15px;line-height:1.83;margin:0 0 24px;max-width:460px}
.cover-destinations{border-top:1px solid var(--border-strong)}
.cover-destination{display:flex;align-items:center;gap:16px;padding:16px 5px 17px 0;border-bottom:1px solid var(--border);transition:background .18s,padding-left .18s}
.cover-destination:hover{background:color-mix(in srgb,var(--panel) 48%,transparent);padding-left:9px}
.cover-route-num{font-size:10px;color:var(--mint);font-weight:800;letter-spacing:.13em;flex:none;width:25px}
.cover-destination>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.cover-destination strong{font-size:15px;font-weight:680;letter-spacing:-.018em;line-height:1.3;color:var(--ink)}
.cover-destination small{font-size:11px;color:var(--muted);line-height:1.5}
.cover-chevron{color:var(--blue);font-size:19px;flex:none;line-height:1}
.cover-release{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:25px 0 8px;line-height:1.5}
.cover-release .signal-dot{height:6px;width:6px}
.cover-quick-guide{font-size:12px;color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:5px}
.cover-after{border-block:1px solid var(--border);background:var(--bg-2)}
.cover-after-inner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:24px 0;font-size:12px;color:var(--muted)}
.cover-after-inner span{padding:0 23px}
.cover-after-inner span+span{border-left:1px solid var(--border-strong)}
.guide-matching-cta{margin-top:26px;display:flex;gap:17px;flex-wrap:wrap;align-items:center}
.guide-matching-cta span{color:var(--muted);font-size:12px}
@media(max-width:1080px){.header-inner{gap:14px}.desktop-nav{gap:15px}.theme-picker{min-width:102px}.cover-layout{gap:30px}}
@media(max-width:920px){.cover-layout{grid-template-columns:1fr;gap:43px;max-width:760px}.cover-landing{padding:39px 0 67px}.cover-figure{max-width:490px}.cover-figure img{max-height:none}.cover-portal{max-width:660px;width:100%;margin:0 auto}.cover-portal h1{font-size:clamp(43px,7vw,60px)}.cover-intro{max-width:650px}.cover-after-inner span{padding:0 12px}}
@media(max-width:550px){.nav-actions{gap:7px}.theme-picker{padding:7px 4px 7px 6px;min-width:88px}.theme-picker select{font-size:11px;min-width:61px}.theme-icon{font-size:15px}.cover-landing{padding:22px 0 45px}.cover-layout{gap:30px}.cover-figure img{border-radius:10px}.cover-portal h1{font-size:clamp(40px,10.4vw,55px)}.cover-intro{font-size:14px}.cover-destination{gap:11px;padding:15px 2px 16px 0}.cover-destination strong{font-size:14px}.cover-destination small{font-size:10px}.cover-after-inner{flex-direction:column;gap:8px;text-align:center}.cover-after-inner span{border:0!important;padding:0}}
@media(max-width:360px){.brand-icon{width:30px;height:30px}.brand-name{font-size:17px}.theme-picker{min-width:84px}.theme-picker select{min-width:58px}.header-inner{gap:6px}}
/* Semantic light palette; the original sapphire and mint guide artwork stays untouched. */
:root[data-theme="light"] {
 color-scheme:light;
 --bg:#f6f9fd;--bg-2:#ecf3fa;--panel:#fff;--panel-2:#eaf2f9;
 --ink:#132334;--sub:#46596e;--muted:#61788d;--soft:#879aaf;
 --border:#d3deea;--border-strong:#bbcedf;--blue:#176dbd;--azure:#0068cc;--mint:#07876c;
 --gradient:linear-gradient(104deg,#1768d8 5%,#168fe0 53%,#04a989 100%);
}
:root[data-theme="light"] body{background:var(--bg);color:var(--ink)}
:root[data-theme="light"] ::selection{background:#b5dcff;color:#092c53}
:root[data-theme="light"] .site-header{background:rgba(251,253,255,.9);border-color:#d9e4ed;box-shadow:0 2px 20px #1b42630b}
:root[data-theme="light"] .desktop-nav a{color:#43596f}
:root[data-theme="light"] .desktop-nav a:hover,:root[data-theme="light"] .desktop-nav a[aria-current="page"]{color:#082b51}
:root[data-theme="light"] .header-guide{border-color:#b4c9db;color:#1b4363}
:root[data-theme="light"] .header-guide:hover{background:#e8f2fb}
:root[data-theme="light"] .menu-toggle{background:#f0f6fa;border-color:#b5cedd}
:root[data-theme="light"] .menu-toggle span{background:#234967}
:root[data-theme="light"] .mobile-nav:not([hidden]){background:#f9fcff;border-color:#c4d7e8;box-shadow:0 19px 35px #122e4d24}
:root[data-theme="light"] .mobile-nav a{color:#173c5e;border-color:#d4e3f0}
:root[data-theme="light"] .hero{background:radial-gradient(ellipse 650px 460px at 78% 24%,#dbecfcaa,transparent 80%)}
:root[data-theme="light"] .eyebrow{color:#236ba7}
:root[data-theme="light"] .eyebrow-sep{color:#899eb6}
:root[data-theme="light"] .button-quiet,:root[data-theme="light"] .button-outline{color:#12416c;border-color:#b3ccdf}
:root[data-theme="light"] .button-quiet:hover,:root[data-theme="light"] .button-outline:hover{background:#e6f2fc;border-color:#5a9bd2}
:root[data-theme="light"] .release-line{color:var(--muted)}
:root[data-theme="light"] .release-divider{color:#8da0b3}
:root[data-theme="light"] .trust-strip{color:#536b82;border-color:#d0deeb}
:root[data-theme="light"] .trust-strip div+div{border-color:#c7d8e7}
:root[data-theme="light"] .overline{color:#176dbd}
:root[data-theme="light"] .overline-mint{color:var(--mint)}
:root[data-theme="light"] .text-muted{color:#657d92}
:root[data-theme="light"] .step{background:linear-gradient(155deg,#fff,#f0f6fb);border-color:#d0deeb}
:root[data-theme="light"] .step:hover{border-color:#74a0c6}
:root[data-theme="light"] .section-formats{background:linear-gradient(180deg,#eaf4fc,#f6faff 50%,#eef7fb);border-color:#d4e3ef}
:root[data-theme="light"] .feature-card{background:linear-gradient(145deg,#fff,#f1f7fc);border-color:#c9dbe8}
:root[data-theme="light"] .feature-card:hover{background:#fff;border-color:#6eabcb}
:root[data-theme="light"] .text-link{color:#125eac}
:root[data-theme="light"] .text-link:hover{color:#084f90}
:root[data-theme="light"] .section-missing{background:linear-gradient(125deg,#e5f7f5,#f6fbfa 53%,#eaf4f6);border-color:#c5e6dd}
:root[data-theme="light"] .missing-preview{background:#fff;border-color:#a6d9cc;box-shadow:0 19px 60px #246f5320}
:root[data-theme="light"] .missing-header{color:#087660;border-color:#d2e9e4}
:root[data-theme="light"] .missing-header-right{color:#6a8b85}
:root[data-theme="light"] .missing-item{border-color:#daece8}
:root[data-theme="light"] .missing-item p{color:#4e6c67}
:root[data-theme="light"] .missing-icon{border-color:#8ccabc;background:#effbf7;color:#087660}
:root[data-theme="light"] .missing-footnote{color:#587e74}
:root[data-theme="light"] .missing-intro .disclaimer{color:#587f7a!important}
:root[data-theme="light"] .origin-wrap h2 em{color:#1c74bd}
:root[data-theme="light"] .origin-signoff{color:#244965}
:root[data-theme="light"] .final-cta{background:linear-gradient(105deg,#e6f1fc,#e7f9f3,#f2f7fb);border-color:#c7dbeb}
:root[data-theme="light"] .cta-small{color:#5a7185}
:root[data-theme="light"] .site-footer{background:#eaf1f9}
:root[data-theme="light"] .footer-top .footer-small{color:#697f93}
:root[data-theme="light"] .footer-links a{color:#3f5d77}
:root[data-theme="light"] .footer-links a:hover{color:#075f96}
:root[data-theme="light"] .footer-bottom{border-color:#c7d9e9;color:#667f94}
:root[data-theme="light"] .detail-alt{background:#edf6fb;border-color:#d1e2ef}
:root[data-theme="light"] .detail-side{border-color:#bad4e4}
:root[data-theme="light"] .guide-card{background:#fff;border-color:#ccdae8}
:root[data-theme="light"] .guide-image{background:radial-gradient(ellipse at center,#d7edfc,#edf5fb)}
:root[data-theme="light"] .guide-image-light{background:radial-gradient(ellipse at center,#eef8ff,#dceff7)}
:root[data-theme="light"] .guide-image img{box-shadow:0 20px 36px #37597d26}
:root[data-theme="light"] .guide-note{background:linear-gradient(110deg,#e6f3fc,#f3f9fd);border-color:#c0d7e8}
:root[data-theme="light"] .guide-note-icon{border-color:#a0c9e6;color:#1774bb}
:root[data-theme="light"] .download-link{color:#1262a9}
:root[data-theme="light"] .community-board{background:linear-gradient(135deg,#fff,#f0f9fb);border-color:#c6dce7}
:root[data-theme="light"] .community-top-right{color:#658799}
:root[data-theme="light"] .forum-secondary,:root[data-theme="light"] .forum-proposals p{color:#587083}
:root[data-theme="light"] .forum-proposals{border-color:#c9dce8}
:root[data-theme="light"] .forum-proposals>div+div{border-color:#c9dce8}
:root[data-theme="light"] .community-fine{color:#60798e!important}
:root[data-theme="light"] .aside-card{background:#fff;border-color:#c9dbea}
:root[data-theme="light"] .aside-icon{background:#e5f7f3;border-color:#a7d9d0;color:#087d69}
:root[data-theme="light"] .section-faq{background:#ecf5fa;border-color:#c8dcea}
:root[data-theme="light"] .faq-stack,:root[data-theme="light"] .faq-stack details{border-color:#bdd1df}
:root[data-theme="light"] .faq-stack summary{color:#1b3851}
:root[data-theme="light"] .faq-stack details a{color:#125eab}
:root[data-theme="light"] .support-link-card{background:#fff;border-color:#c8dae8}
:root[data-theme="light"] .support-link-icon{background:#e7f2fb;color:#136aad;border-color:#b6d6e9}
:root[data-theme="light"] .support-note{background:#eaf8f4;border-color:#abd4c9;color:#3f695e}
:root[data-theme="light"] .form-panel{background:#fff;border-color:#bfd5e6}
:root[data-theme="light"] .form-panel-top{border-color:#d8e4ee}
:root[data-theme="light"] .feedback-form label{color:#39516b}
:root[data-theme="light"] .feedback-form input:not([type=checkbox]),:root[data-theme="light"] .feedback-form select,:root[data-theme="light"] .feedback-form textarea{background:#f9fcff;border-color:#c3d6e4;color:#173651}
:root[data-theme="light"] .feedback-form input::placeholder,:root[data-theme="light"] .feedback-form textarea::placeholder{color:#7890a5}
:root[data-theme="light"] .feedback-form select:invalid{color:#65798e}
:root[data-theme="light"] .feedback-form .consent{color:#425a70}
:root[data-theme="light"] .feedback-form .consent a{color:#1667b1}
:root[data-theme="light"] .label-optional,:root[data-theme="light"] .form-caption{color:#698199}
:root[data-theme="light"] .local-note{background:#fff6e8;border-color:#edc17d;color:#7e4b18}
:root[data-theme="light"] .policy-date,:root[data-theme="light"] .policy-toc p{color:#607c94}
:root[data-theme="light"] .policy-toc a{color:#47647e}
:root[data-theme="light"] .policy-content a{color:#145faf}
:root[data-theme="light"] .thank-mark{background:#e1f7f0;border-color:#8fcbba;color:#098668}
/* Preview screenshots and infographic file/folder drawings intentionally remain dark; they are faithful visual references. */