@import url('./components.css');

/* Stage 4 r5 — baseline geometry retained; mini UI assets reconstructed cleanly from baseline motifs. */
:root{
  --vm-baseline-width:1448px;
  --vm-baseline-burgundy:#72101e;
  --vm-baseline-heading:#450000;
  --vm-baseline-score:#9b002b;
  --vm-baseline-paper:#fbf7f1;
  --vm-baseline-nav:#f2ede7;
  --vm-baseline-line:#e5ddd4;
  --vm-baseline-gold:#a67b58;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;min-height:100vh;background:#fff;color:#242020;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a,button,select{touch-action:manipulation}
:focus-visible{outline:3px solid rgba(114,16,30,.26);outline-offset:3px}

/* 0–128 in the frozen baseline */
.vm-shell{max-width:1448px;margin:0 auto;padding:0 34px}
.vm-top{height:128px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff}
.vm-brand-link{color:inherit;text-decoration:none;min-width:0}
.vm-brand{display:flex;align-items:center;gap:15px}
.vm-logo{width:177px;height:130px;object-fit:contain;flex:0 0 auto}
.vm-brand h1{margin:0;color:#4a0000;font:700 54px/.9 Georgia,"Times New Roman",serif;letter-spacing:.015em}
.vm-brand small{display:block;margin-top:7px;color:#363136;font:21px/1.12 Georgia,"Times New Roman",serif;white-space:nowrap}
.vm-top-right{display:flex;align-items:center;gap:20px;margin-top:2px}
.vm-disclaimer{max-width:365px;text-align:right;color:#4e4947;font:12px/1.4 Arial,Helvetica,sans-serif}
.vm-language{height:40px;min-width:55px;border-left:1px solid #d6d0ca;display:flex;align-items:center;justify-content:center;font:700 13px/1 Arial,Helvetica,sans-serif;color:#40000d;letter-spacing:.08em}
.vm-menu-toggle{display:none;align-items:center;gap:8px;border:1px solid #cbbcac;background:#fff;color:#65001f;min-height:44px;padding:0 12px;font-weight:700;cursor:pointer}
.vm-menu-lines,.vm-menu-lines:before,.vm-menu-lines:after{display:block;width:19px;height:2px;background:#65001f;content:"";position:relative}.vm-menu-lines:before{position:absolute;top:-6px}.vm-menu-lines:after{position:absolute;top:6px}

/* 128–185 in the baseline */
.vm-nav-wrap{height:58px;border-top:1px solid #eee9e3;border-bottom:1px solid #e4ddd5;background:var(--vm-baseline-nav)}
.vm-nav{max-width:1448px;height:57px;margin:0 auto;display:flex;padding:0 35px;overflow:auto;scrollbar-width:none}.vm-nav::-webkit-scrollbar{display:none}
.vm-nav a{height:57px;display:flex;align-items:center;justify-content:center;padding:0 48px;color:#1e1a1b;text-decoration:none;border-right:1px solid #e3dcd4;white-space:nowrap;font:600 14px/1 Arial,Helvetica,sans-serif}
.vm-nav a:first-child{border-left:1px solid #e3dcd4}.vm-nav a:hover,.vm-nav a[aria-current="page"]{background:#72101e;color:#fff}

/* 185–834 in the baseline */
.vm-page{max-width:1448px;margin:0 auto;padding:0 59px 42px;position:relative}
.vm-breadcrumbs{display:none}
.vm-hero-grid{display:grid;grid-template-columns:minmax(0,749px) 474px;gap:60px;align-items:start;position:relative;padding-top:27px;min-height:648px}
.vm-hero-grid:after{content:"";position:absolute;right:-59px;top:0;width:106px;height:650px;background:url('../baseline/cotton-rail.png') center/100% 100% no-repeat;pointer-events:none;z-index:0}
.vm-hero-grid>section,.vm-hero-grid>aside{position:relative;z-index:1;min-width:0}
.vm-hero-title{margin:0 0 5px;color:#4d0000;font:700 clamp(56px,5.25vw,75px)/.89 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.vm-lead{margin:0 0 14px;color:#4a4550;font:36px/1.08 Georgia,"Times New Roman",serif}

.vm-extremes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0 15px}
.vm-extreme{height:85px;display:flex;align-items:center;gap:11px;padding:10px 14px;border:0;border-radius:5px;overflow:hidden;font:20px/1.15 Georgia,"Times New Roman",serif}
.vm-extreme.high{background:linear-gradient(90deg,#fff0f2,#f8e7e9);color:#780021}.vm-extreme.low{background:linear-gradient(90deg,#f4f7ef,#e5eee4);color:#13351e}
.vm-extreme img{width:58px;height:58px;object-fit:contain;object-position:center;flex:0 0 58px;margin:0 3px 0 0}.vm-extreme.low img{filter:none}
.vm-extreme strong{display:block;margin-top:3px;font:700 25px/1.03 Georgia,"Times New Roman",serif}

.vm-card{border-radius:0}
.vm-selector{padding:0;background:#fff;border:1px solid #e6e0da;overflow:hidden;box-shadow:0 5px 20px rgba(60,42,30,.045)}
.vm-select-row{height:82px;display:grid;grid-template-columns:350px minmax(0,1fr);align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid #eae5df}
.vm-label{display:flex;align-items:center;gap:20px;margin:0;color:#2c292b;font:18px/1.15 Georgia,"Times New Roman",serif}
.vm-label:before{content:"";width:42px;height:42px;flex:0 0 42px;background-position:center;background-repeat:no-repeat;background-size:42px 42px}
.vm-label[for="vm-district"]:before{background-image:url('../baseline/icon-region.png')}.vm-label[for="vm-place"]:before{background-image:url('../baseline/icon-pin.png')}.vm-label[for="vm-precinct"]:before{background-image:url('../baseline/icon-ballot.png')}
.vm-select{width:100%;height:50px;min-height:50px;border:1px solid #c8c4c0;border-radius:3px;background:#fff;padding:0 43px 0 17px;color:#242123;font:17px/1 Arial,Helvetica,sans-serif;box-shadow:0 1px 3px rgba(20,15,10,.03)}
.vm-select:hover:not(:disabled){border-color:#998d84}.vm-select:focus{border-color:#7b1326}.vm-select:disabled{background:#f7f5f2;color:#9a948f}
.vm-selector-actions{padding:16px 24px 22px;background:#fff}
.vm-selector-actions .vm-button{width:100%;height:54px;min-height:54px}
.vm-button{border:0;border-radius:3px;background:#721723;color:#fff;padding:0 24px;font:700 16px/1 Arial,Helvetica,sans-serif;letter-spacing:.005em;cursor:pointer}.vm-button:hover:not(:disabled){background:#650c1c}.vm-button:disabled{opacity:.45;cursor:not-allowed}
.vm-button-secondary{background:#fff;color:#6f0d1c;border:1px solid #861326}

/* Result certificate: dimensions and graphic layers measured from the baseline. */
.vm-result-card{width:474px;min-height:602px;margin:1px 0 0;background:
  url('../baseline/card-panorama-new.svg') center bottom 8px/calc(100% - 32px) auto no-repeat,
  url('../baseline/botanical-left.png') left 8px bottom 60px/85px 246px no-repeat,
  linear-gradient(180deg,#fcf9f5,#faf5ee);border:1px solid #d6b99a;border-radius:10px;box-shadow:0 13px 31px rgba(68,43,28,.13),inset 0 0 0 8px #fcfaf7,inset 0 0 0 9px rgba(185,141,103,.56);padding:24px 32px 38px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}
.vm-card-ornament{width:100%;height:86px;margin:-1px 0 8px;display:grid;grid-template-columns:1fr 151px 1fr;align-items:center;gap:19px;position:relative;z-index:1}.vm-card-ornament span{display:block;height:1px;background:#b58d69}.vm-card-ornament img{display:block;width:151px;height:86px;object-fit:contain;object-position:center}
.vm-result-card h2{position:relative;z-index:1;max-width:390px;margin:1px 0 12px;color:#5a0013;text-transform:uppercase;overflow-wrap:anywhere;font:700 31px/1.08 Georgia,"Times New Roman",serif;letter-spacing:.11em;text-wrap:balance}
.vm-result-card .vm-score{position:relative;z-index:1;margin:1px 0 0;color:#99002c;font:700 clamp(92px,8.6vw,119px)/.81 Georgia,"Times New Roman",serif;letter-spacing:-.055em;white-space:nowrap}
.vm-result-card .vm-result-label{position:relative;z-index:1;margin:22px 0 10px;color:#9b6f4c;font:700 19px/1 Georgia,"Times New Roman",serif;letter-spacing:.30em}
.vm-result-card .vm-context{position:relative;z-index:1;margin:7px 0 3px;color:#251c1c;font:21px/1.36 Georgia,"Times New Roman",serif}.vm-result-card .vm-context strong{color:#6e001d}
.vm-result-card .vm-meta{position:relative;z-index:1;margin:4px 0 21px;color:#756861;font:12px/1.4 Arial,Helvetica,sans-serif}
.vm-share{position:relative;z-index:2;width:249px;min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:13px;background:rgba(255,255,255,.74);font-size:17px}.vm-share img{width:22px;height:22px}.vm-share:hover{background:#72101e;color:#fff}.vm-share:hover img{filter:brightness(0) invert(1)}
.vm-small{font-size:12px;line-height:1.55;color:#716a65;margin:12px 2px 0}

/* Cards immediately below the hero in the frozen composition. */
.vm-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;background:#f5f4f2;margin:0 -59px;padding:21px 59px;border-top:1px solid #f0ece8;border-bottom:1px solid #eeeae5}
.vm-info-link{height:119px;display:grid;grid-template-columns:62px minmax(0,1fr) 28px;gap:16px;align-items:center;color:inherit;text-decoration:none;background:#fff;padding:18px 22px;border:1px solid #e7e3df;border-radius:4px}.vm-info-link:after{content:"→";font-size:27px;color:#8a0027}.vm-info-link:hover{border-color:#c7b29c}.vm-info-link img{width:52px;height:52px;object-fit:contain;object-position:center;display:block}.vm-info-link h3{margin:0 0 7px;color:#700021;font:700 23px/1.08 Georgia,"Times New Roman",serif}.vm-info-link p{margin:0;color:#5d5960;font:16px/1.25 Arial,Helvetica,sans-serif}

/* Map is intentionally secondary to the baseline-like hero. */
.vm-section{margin-top:40px}.vm-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:13px;border-bottom:1px solid #dfd4c7;padding-bottom:11px}.vm-section h2,.vm-content h1,.vm-content h2{font-family:Georgia,"Times New Roman",serif;color:#69001f}.vm-section h2{font-size:32px;line-height:1.05;margin:0}.vm-section-note{color:#6f6864;font-size:12px;line-height:1.45;text-align:right;max-width:610px}.vm-map-card{position:relative;background:#fff;border:1px solid #dfd5ca;padding:14px 17px 15px;box-shadow:0 7px 25px rgba(55,38,28,.055);border-radius:4px;overflow:hidden}.vm-map-host{min-height:300px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.vm-map-host svg{display:block;width:100%;height:auto;max-height:650px}.vm-map-host svg .vm-area{transition:filter .12s,opacity .12s,stroke-width .12s}@media (hover:hover) and (pointer:fine){.vm-map-host svg a:hover .vm-area{filter:brightness(1.08) saturate(1.06);opacity:.89;stroke:#4a1422;stroke-width:2.2}}.vm-map-tooltip{position:fixed;z-index:50;pointer-events:none;background:#251f1e;color:#fff;padding:9px 11px;font-size:12px;border-radius:3px;box-shadow:0 5px 18px rgba(0,0,0,.22);opacity:0;transform:translate(10px,10px);transition:opacity .08s;max-width:260px}.vm-map-tooltip.is-visible{opacity:1}.vm-legend{margin-top:12px}.vm-legend-bar{height:12px;border:1px solid rgba(0,0,0,.09);background:linear-gradient(90deg,#397257 0%,#86a27f 25%,#d8cdb8 50%,#bd6b64 72%,#7a1730 100%)}.vm-legend-labels{display:grid;grid-template-columns:repeat(5,1fr);font-size:11px;color:#5f5955;margin-top:5px}.vm-legend-labels span{text-align:center}.vm-legend-labels span:first-child{text-align:left}.vm-legend-labels span:last-child{text-align:right}

.vm-footer{border-top:1px solid #c9aeb0;margin-top:35px;padding:21px 0 14px;display:flex;justify-content:space-between;gap:24px;color:#6c6561;font-size:11px;position:relative}.vm-footer:before{content:"";position:absolute;top:-18px;left:50%;width:54px;height:34px;transform:translateX(-50%);background:#fff url('../baseline/footer-cotton.png') center/41px 44px no-repeat}
.vm-content{max-width:850px;padding-top:38px}.vm-content h1{font-size:48px;line-height:1.03;margin-bottom:18px}.vm-content h2{font-size:30px;margin-top:38px}.vm-content p,.vm-content li{line-height:1.68}.vm-content .vm-formula{font:700 22px/1.35 Georgia,"Times New Roman",serif;color:#69001f;background:#f5efe7;padding:18px 20px;border-left:4px solid #7b001f}.vm-placeholder{background:#fff;border:1px solid #ddd5cc;padding:22px;color:#6d6662}

@media(max-width:1250px){.vm-shell{padding-left:28px;padding-right:28px}.vm-page{padding-left:42px;padding-right:42px}.vm-nav{padding:0 28px}.vm-nav a{padding:0 34px}.vm-hero-grid{grid-template-columns:minmax(0,1fr) 430px;gap:34px}.vm-hero-grid:after{right:-42px;width:84px}.vm-lead{font-size:30px}.vm-select-row{grid-template-columns:285px minmax(0,1fr)}.vm-result-card{width:430px}.vm-card-ornament{grid-template-columns:1fr 140px 1fr;gap:14px}.vm-card-ornament img{width:140px}.vm-info-grid{margin-left:-42px;margin-right:-42px;padding-left:42px;padding-right:42px}}
@media(max-width:980px){.vm-top{height:100px}.vm-logo{width:126px;height:94px}.vm-brand h1{font-size:42px}.vm-brand small{font-size:17px}.vm-nav-wrap{height:54px}.vm-nav{height:53px}.vm-nav a{height:53px;padding:0 22px}.vm-page{padding-left:24px;padding-right:24px}.vm-hero-grid{grid-template-columns:minmax(0,1fr) 370px;gap:22px;padding-top:24px}.vm-hero-grid:after{right:-24px;width:82px;opacity:.82}.vm-hero-title{font-size:54px}.vm-lead{font-size:26px}.vm-extreme{height:74px;font-size:17px}.vm-extreme strong{font-size:20px}.vm-select-row{grid-template-columns:230px minmax(0,1fr);height:75px;padding:0 18px}.vm-label{font-size:16px;gap:13px}.vm-label:before{width:34px;height:34px;flex-basis:34px;background-size:34px 34px}.vm-result-card{width:370px;min-height:535px;padding-left:24px;padding-right:24px;background-size:340px auto,70px 205px,auto}.vm-card-ornament{grid-template-columns:1fr 118px 1fr;gap:10px;height:70px}.vm-card-ornament img{width:118px;height:70px}.vm-result-card h2{font-size:25px}.vm-result-card .vm-score{font-size:92px}.vm-info-grid{margin-left:-24px;margin-right:-24px;padding:18px 24px;gap:13px}.vm-info-link{grid-template-columns:46px minmax(0,1fr) 20px;padding:14px}.vm-info-link img{width:40px;height:40px}.vm-info-link h3{font-size:19px}.vm-info-link p{font-size:13px}}

/* Mobile is derived from the baseline hierarchy: same objects, stacked instead of redesigned. */
@media(max-width:820px){.vm-shell{padding:0 16px}.vm-top{height:86px;gap:10px}.vm-logo{width:82px;height:72px}.vm-brand{gap:9px}.vm-brand h1{font-size:31px}.vm-brand small{font-size:13px;white-space:normal;max-width:300px;margin-top:4px}.vm-top-right .vm-disclaimer{display:none}.vm-language{border-left:0;min-width:32px}.vm-menu-toggle{display:flex}.vm-nav-ready .vm-nav-wrap{display:none}.vm-nav-ready.vm-nav-open .vm-nav-wrap{display:block}.vm-nav-wrap{height:auto}.vm-nav{height:auto;padding:7px 16px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.vm-nav a,.vm-nav a:first-child{height:46px;justify-content:flex-start;border:0;padding:0 12px}.vm-page{padding:0 16px 30px}.vm-hero-grid{grid-template-columns:1fr;gap:20px;padding-top:24px;min-height:0}.vm-hero-grid:after{display:none}.vm-hero-title{font-size:clamp(43px,12vw,58px);line-height:.91}.vm-lead{font-size:22px}.vm-extremes{gap:8px}.vm-extreme{height:68px}.vm-extreme img{width:48px;height:48px;flex-basis:48px;margin-right:4px}.vm-select-row{grid-template-columns:1fr;gap:8px;height:auto;min-height:91px;padding:12px 14px}.vm-label{font-family:Arial,Helvetica,sans-serif;font-weight:600;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;min-height:34px}.vm-label:before{width:30px;height:30px;flex-basis:auto;background-size:30px 30px}.vm-select{font-size:16px;height:50px}.vm-result-card{width:min(474px,100%);min-height:540px;margin:0 auto;padding:22px 24px 34px;background-size:calc(100% - 30px) auto,76px 220px,auto;scroll-margin-top:12px}.vm-card-ornament{width:100%;height:74px;grid-template-columns:1fr 124px 1fr;gap:12px}.vm-card-ornament img{width:124px;height:74px;aspect-ratio:auto}.vm-result-card h2{font-size:26px}.vm-result-card .vm-score{font-size:96px}.vm-result-card .vm-context{font-size:18px}.vm-info-grid{grid-template-columns:1fr;margin:4px -16px 0;padding:16px}.vm-info-link{height:auto;min-height:102px;grid-template-columns:48px minmax(0,1fr) 24px}.vm-info-link img{width:44px;height:44px}.vm-section-head{align-items:flex-start;flex-direction:column;gap:8px}.vm-section-note{text-align:left}.vm-content{padding-top:28px}.vm-content h1{font-size:40px}}
@media(max-width:520px){.vm-label{grid-template-columns:28px minmax(0,1fr);gap:8px}.vm-label:before{width:28px;height:28px;background-size:28px 28px}.vm-logo{width:66px;height:60px}.vm-brand h1{font-size:26px}.vm-brand small{font-size:10.5px;max-width:210px}.vm-language{display:none}.vm-menu-toggle{min-width:44px;padding:0 9px}.vm-menu-label{display:none}.vm-nav{grid-template-columns:1fr}.vm-hero-title{font-size:42px}.vm-lead{font-size:20px}.vm-extremes{grid-template-columns:1fr}.vm-extreme{height:65px}.vm-result-card{min-height:490px;padding:20px 15px 30px}.vm-result-card h2{font-size:22px}.vm-result-card .vm-score{font-size:82px}.vm-result-card .vm-result-label{font-size:15px}.vm-share{width:min(249px,85%)}.vm-map-card{padding:10px 8px}.vm-map-host{min-height:0;overflow-x:auto}.vm-map-host svg{width:auto;min-width:560px;max-width:none;max-height:none}.vm-footer{flex-direction:column;gap:7px;font-size:10.5px}.vm-footer:before{display:none}.vm-content h1{font-size:36px}.vm-content h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Stage 7 release additions */
.vm-result-card{scroll-margin-top:16px}
.vm-contact-channel{display:flex;align-items:center;gap:16px;margin:24px 0;padding:20px 22px;border:1px solid #d9c8b6;background:#fbf7f1}
.vm-contact-channel strong{display:block;color:#69001f;font:700 23px/1.1 Georgia,"Times New Roman",serif;margin-bottom:4px}
.vm-contact-channel a{color:#72101e;font-weight:700;text-decoration:none}.vm-contact-channel a:hover{text-decoration:underline}
.vm-contact-x{width:48px;height:48px;border-radius:6px;background:#111;color:#fff;display:grid;place-items:center;font:700 27px/1 Arial,sans-serif;flex:0 0 48px}
@media(max-width:520px){.vm-contact-channel{align-items:flex-start;padding:16px}.vm-contact-channel strong{font-size:20px}}