/* 2026 Voting Is Sacred Voter Guide page (PICO California branding) */
.vis-guide-page { background:var(--vp-cream); }

.vis-guide-hero { position:relative; padding:calc(var(--vis-header-offset,0px) + clamp(48px,6vw,96px)) 8vw clamp(56px,6vw,96px); display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(32px,5vw,80px); align-items:center; color:var(--vp-navy); background:linear-gradient(108deg,#fff 0%,#fff 60%,#eaf1f3 60%,#eaf1f3 100%); border-bottom:12px solid var(--vp-navy); }
.vis-guide-hero h1 { margin:0 0 22px; font-family:"Arial Narrow",Impact,sans-serif; font-size:clamp(44px,5.6vw,84px); font-weight:800; line-height:.95; letter-spacing:-.02em; text-transform:uppercase; color:var(--vp-navy); }
.vis-page .vis-guide-dek { margin:0 0 22px; color:var(--vp-red); font-family:"Arial Narrow",Arial,sans-serif; font-size:clamp(21px,2vw,27px); font-weight:800; line-height:1.15; text-transform:uppercase; }
.vis-page .vis-guide-intro { max-width:680px; margin:0 0 34px; color:#1b1b1b; font-size:clamp(17px,1.5vw,20px); line-height:1.55; }
.vis-guide-hero-graphic { margin:0; justify-self:center; width:100%; max-width:480px; }
.vis-guide-hero-graphic img { display:block; width:100%; height:auto; box-shadow:16px 16px 0 var(--vp-navy); }

.vis-guide-props { background:#fff; }
.vis-guide-props-title { margin-bottom:34px !important; }
.vis-guide-props-title em { color:var(--vp-red) !important; }

.vis-guide-jump { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 60px; }
.vis-guide-chip { display:inline-flex; align-items:stretch; border:2px solid var(--vp-navy); font-family:"Arial Narrow",Arial,sans-serif; font-size:14px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.vis-guide-chip span { padding:9px 12px; color:var(--vp-navy); background:#fff; }
.vis-guide-chip b { padding:9px 12px; color:#fff; }
.vis-guide-chip-yes b { background:var(--vp-navy); }
.vis-guide-chip-no { border-color:var(--vp-red); }
.vis-guide-chip-no span { color:var(--vp-red); }
.vis-guide-chip-no b { background:var(--vp-red); }
.vis-guide-chip:hover { opacity:.85; }

.vis-guide-group { display:grid; gap:24px; }
.vis-guide-group + .vis-guide-group { margin-top:64px; padding-top:64px; border-top:2px dashed var(--vp-teal); }

.vis-guide-prop { padding:clamp(24px,3vw,40px); background:var(--vp-cream); border-left:10px solid var(--vp-navy); scroll-margin-top:calc(var(--vis-header-offset,0px) + 20px); }
.vis-guide-group-no .vis-guide-prop { border-left-color:var(--vp-red); }
.vis-guide-prop h3 { margin:0 0 18px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.vis-guide-badge { display:inline-block; padding:8px 14px; color:#fff; background:var(--vp-navy); font-family:"Arial Narrow",Arial,sans-serif; font-size:15px; font-weight:800; letter-spacing:.1em; line-height:1; text-transform:uppercase; }
.vis-guide-group-no .vis-guide-badge { background:var(--vp-red); }
.vis-guide-prop-title { color:var(--vp-navy); font-family:"Arial Narrow",Arial,sans-serif; font-size:clamp(24px,2.4vw,34px); font-weight:800; line-height:1.08; text-transform:uppercase; }
.vis-guide-prop > p { max-width:980px; margin:0 0 16px; color:#2a2a2a; font-size:17px; line-height:1.6; }
.vis-guide-sides { max-width:980px; margin:0; padding:0; list-style:none; display:grid; gap:6px; font-size:15px; line-height:1.5; color:#4f5050; }
.vis-guide-sides strong { color:var(--vp-navy); }
.vis-guide-position { max-width:980px; margin-top:24px; padding:22px 24px; background:#fff; border-left:8px solid var(--vp-gold); }
.vis-guide-position-label { margin:0 0 8px !important; color:var(--vp-red); font-family:"Arial Narrow",Arial,sans-serif; font-size:14px; font-weight:800; letter-spacing:.12em; }
.vis-guide-position p:last-child { margin:0; font-size:17px; line-height:1.6; color:#1b1b1b; }
.vis-guide-position strong { color:var(--vp-navy); }
.vis-page .vis-guide-sources { margin:48px 0 0; color:#4f5050; font-size:14px; }

.vis-guide-dates { color:#fff; background:var(--vp-navy); border-top:14px solid var(--vp-blue); }
.vis-guide-dates h2 { color:#fff; }
.vis-guide-dates h2 em { color:var(--vp-gold) !important; }
.vis-guide-date-grid { grid-template-columns:repeat(3,1fr) !important; margin-top:44px !important; color:#0b0b0b; }
.vis-guide-date-grid strong { font-size:17px; line-height:1.3; }
.vis-guide-date-grid small { font-size:15px; font-weight:700; }
.vis-guide-date-grid article:last-child { color:#fff; background:var(--vp-red); }
.vis-guide-date-grid article:last-child span { color:#fff; }
.vis-page .vis-guide-postmark { margin:22px 0 0; font-size:17px; font-weight:700; }

.vis-guide-track { padding:26px 8vw; display:flex; justify-content:center; align-items:center; gap:14px; text-align:center; color:#fff !important; background:var(--vp-red); font-family:"Arial Narrow",Arial,sans-serif; font-size:clamp(20px,2.2vw,30px); letter-spacing:.02em; text-transform:uppercase; }
.vis-guide-track:hover { background:#b02524; }
.vis-guide-track span { color:var(--vp-gold); }

.vis-guide-share { text-align:center; background:linear-gradient(145deg,#eef4f6 0%,#fff7df 100%); }
.vis-guide-share > p { max-width:760px; margin:0 auto 30px; color:var(--vp-navy); font-size:clamp(20px,2vw,26px); font-weight:700; line-height:1.4; }
.vis-guide-share-links { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.vis-guide-share-links a,.vis-guide-share-links button { min-height:52px; padding:0 24px; display:inline-flex; align-items:center; color:#fff !important; background:var(--vp-navy); border:0; font-family:"Arial Narrow",Arial,sans-serif; font-size:14px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; cursor:pointer; }
.vis-guide-share-links button { color:var(--vp-navy) !important; background:transparent; border:2px solid var(--vp-navy); }
.vis-guide-share-links a:hover,.vis-guide-share-links button:hover { opacity:.88; }
.vis-guide-share .vis-share-status { display:block; min-height:22px; margin-top:14px; color:var(--vp-navy); font-weight:700; }

.vis-guide-paid-for { padding:26px 4vw; display:flex; justify-content:center; background:#fff; }
.vis-guide-paid-for span { padding:10px 18px; border:2px solid var(--vp-navy); color:var(--vp-navy); font-family:"Arial Narrow",Arial,sans-serif; font-size:14px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

@media(max-width:900px){
.vis-guide-hero{grid-template-columns:1fr;padding:calc(var(--vis-header-offset,0px) + 44px) 6vw 56px;background:#fff}
.vis-guide-hero-graphic{max-width:420px;justify-self:start}
.vis-guide-date-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
.vis-guide-hero{padding:calc(var(--vis-header-offset,0px) + 32px) 22px 48px}
.vis-guide-hero-graphic img{box-shadow:10px 10px 0 var(--vp-navy)}
.vis-guide-hero .vis-page-button{width:100%}
.vis-guide-date-grid{grid-template-columns:1fr!important}
.vis-guide-date-grid article{border-right:0;border-bottom:1px dashed var(--vp-teal)}
.vis-guide-track{padding:22px}
.vis-guide-share-links a,.vis-guide-share-links button{flex:1 1 40%;justify-content:center}
}

.vis-guide-date-grid article:nth-child(3n) { border-right:0; }
.vis-guide-date-grid article:nth-child(-n+3) { border-bottom:1px dashed var(--vp-teal); }
@media(max-width:900px){.vis-guide-date-grid article{border-right:1px dashed var(--vp-teal);border-bottom:1px dashed var(--vp-teal)}.vis-guide-date-grid article:nth-child(2n){border-right:0}}
@media(max-width:560px){.vis-guide-date-grid article{border-right:0}}

/* 1.12.0: propositions styled like the downloadable guide */
.vis-guide-props { --vs-green:#3e685e; --vs-teal:#5c9a8d; --vs-mint:#e2f2f2; --vs-red:#c53632; --vs-blush:#fce2e3; --vs-gold:#ebc62f; --vs-serif:"Bitter",Georgia,serif; }
.vis-guide-props .vis-guide-props-title { font-family:var(--vs-serif); font-weight:800; letter-spacing:-.01em; line-height:1.02; color:var(--vs-green); }
.vis-guide-props .vis-guide-props-title em { display:block; color:var(--vs-teal) !important; font-style:normal; }

.vis-guide-jump { display:grid; gap:16px; margin:0 0 72px; }
.vis-guide-tile-row { display:grid; grid-template-columns:repeat(6,minmax(0,150px)); gap:16px; }
.vis-guide-tile { display:flex; flex-direction:column; overflow:hidden; text-align:center; border-radius:16px; font-family:var(--vs-serif); font-weight:800; text-transform:uppercase; transition:transform .15s ease, box-shadow .15s ease; }
.vis-guide-tile span { padding:12px 6px 8px; font-size:clamp(17px,1.6vw,22px); line-height:1; }
.vis-guide-tile b { padding:8px 6px 12px; font-size:clamp(26px,2.6vw,38px); font-style:italic; font-weight:800; line-height:1; }
.vis-guide-tile-row-yes .vis-guide-tile span { color:var(--vs-teal); background:var(--vs-mint); }
.vis-guide-tile-row-yes .vis-guide-tile b { color:var(--vs-mint); background:var(--vs-teal); }
.vis-guide-tile-row-no .vis-guide-tile span { color:var(--vs-red); background:var(--vs-blush); }
.vis-guide-tile-row-no .vis-guide-tile b { color:var(--vs-blush); background:var(--vs-red); }
.vis-guide-tile:hover,.vis-guide-tile:focus-visible { transform:translateY(-3px); box-shadow:0 10px 18px rgba(62,104,94,.2); }

.vis-guide-props .vis-guide-group + .vis-guide-group { border-top-color:var(--vs-teal); }
.vis-guide-props .vis-guide-prop { border-radius:0 16px 16px 0; background:#f2f7f6; border-left-color:var(--vs-teal); }
.vis-guide-props .vis-guide-group-no .vis-guide-prop { background:#fcf3f3; border-left-color:var(--vs-red); }
.vis-guide-props .vis-guide-badge { border-radius:10px; background:var(--vs-teal); font-family:var(--vs-serif); font-size:16px; letter-spacing:.04em; }
.vis-guide-props .vis-guide-group-no .vis-guide-badge { background:var(--vs-red); }
.vis-guide-props .vis-guide-prop-title { color:var(--vs-green); font-family:var(--vs-serif); font-weight:800; letter-spacing:-.005em; line-height:1.15; }
.vis-guide-props .vis-guide-sides strong { color:var(--vs-green); }
.vis-guide-props .vis-guide-position { border-radius:0 12px 12px 0; border-left-color:var(--vs-gold); }
.vis-guide-props .vis-guide-position-label { color:var(--vs-green); font-family:var(--vs-serif); letter-spacing:.06em; }
.vis-guide-props .vis-guide-position strong { color:var(--vs-green); }

@media(max-width:900px){ .vis-guide-tile-row{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:380px){ .vis-guide-tile-row{gap:10px} .vis-guide-jump{gap:10px} }
.vis-page .vis-guide-props h2.vis-guide-props-title,.vis-page .vis-guide-props h3,.vis-page .vis-guide-props .vis-guide-prop-title,.vis-page .vis-guide-props .vis-guide-badge { font-family:"Bitter",Georgia,serif !important; }

/* 1.13.0 */
.vis-page .vis-guide-share { background:#fff; }
.vis-guide-share-logo { display:block; width:min(300px,70%); height:auto; margin:0 auto 34px; }
.vis-guide-date-grid article small.vis-guide-postmark { display:block; margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,.45); font-size:15px; font-weight:700; line-height:1.35; }

/* 1.14.0: hero + share in voter guide branding */
.vis-guide-page { --vs-green:#3e685e; --vs-teal:#5c9a8d; --vs-mint:#e2f2f2; --vs-stripe:#75928e; --vs-yellow:#ebc62f; --vs-orange:#e5984e; --vs-red:#c53632; --vs-serif:"Bitter",Georgia,serif; }
.vis-guide-hero { background:linear-gradient(108deg,#fff 0%,#fff 60%,var(--vs-mint) 60%,var(--vs-mint) 100%); border-bottom:14px solid var(--vs-stripe); }
.vis-page .vis-guide-hero h1 { font-family:var(--vs-serif) !important; font-weight:800; letter-spacing:-.01em; line-height:1; text-transform:none; color:var(--vs-green); font-size:clamp(44px,5.4vw,82px); }
.vis-guide-hero h1 span { display:block; }
.vis-guide-hero h1 .vis-guide-h1-campaign { text-transform:uppercase; }
.vis-guide-hero h1 .vis-guide-h1-year { margin-top:10px; color:var(--vs-orange); font-size:.55em; line-height:1; }
.vis-guide-hero h1 .vis-guide-h1-guide { color:var(--vs-teal); }
.vis-page .vis-guide-hero .vis-guide-dek { color:var(--vs-stripe); font-family:var(--vs-serif) !important; font-size:clamp(19px,1.8vw,24px); font-weight:800; font-style:italic; line-height:1.3; text-transform:uppercase; }
.vis-guide-hero-graphic img { box-shadow:16px 16px 0 var(--vs-green); }

.vis-guide-hero-buttons { display:flex; flex-direction:column; gap:14px; max-width:460px; }
.vis-guide-btn { min-height:64px; padding:14px 22px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:14px; box-shadow:inset 0 -6px 0 rgba(0,0,0,.14); font-family:var(--vs-serif); font-size:17px; font-weight:800; line-height:1.2; text-transform:uppercase; transition:transform .15s ease, box-shadow .15s ease; }
.vis-guide-btn:hover,.vis-guide-btn:focus-visible { transform:translateY(-2px); box-shadow:inset 0 -6px 0 rgba(0,0,0,.14),0 10px 18px rgba(62,104,94,.2); }
.vis-page .vis-guide-btn-teal { color:#fff !important; background:var(--vs-teal); }
.vis-page .vis-guide-btn-green { color:#fff !important; background:var(--vs-green); }
.vis-page .vis-guide-btn-mint { color:var(--vs-green) !important; background:var(--vs-mint); box-shadow:inset 0 0 0 2px var(--vs-teal),inset 0 -6px 0 rgba(92,154,141,.35); }

.vis-guide-share-links { gap:18px; }
.vis-page .vis-guide-share-links .vis-guide-social { width:60px; min-height:60px; height:60px; padding:0; justify-content:center; border-radius:50%; color:#fff !important; background:var(--vs-green); flex:0 0 auto; }
.vis-guide-social svg { width:26px; height:26px; fill:currentColor; }
.vis-page .vis-guide-share-links .vis-guide-social:hover,.vis-page .vis-guide-share-links .vis-guide-social:focus-visible { opacity:1; background:var(--vs-teal); }

@media(max-width:900px){ .vis-guide-hero{background:#fff} }
@media(max-width:560px){ .vis-guide-hero-buttons{max-width:none} .vis-guide-hero-graphic img{box-shadow:10px 10px 0 var(--vs-green)} .vis-page .vis-guide-share-links .vis-guide-social{flex:0 0 auto} }
.vis-page .vis-guide-props h2.vis-guide-props-title { font-size:clamp(26px,2.6vw,38px) !important; line-height:1.15; margin-bottom:28px !important; }
.vis-page .vis-guide-props h2.vis-guide-props-title em { display:inline; }

/* 1.15.0: downloadable social graphics */
.vis-page .vis-guide-social-graphics { background:#f2f7f6; border-top:14px solid var(--vs-stripe,#75928e); }
.vis-page .vis-guide-social-graphics h2.vis-guide-social-title { margin:0 0 36px !important; text-align:center; color:var(--vs-green,#3e685e); font-family:"Bitter",Georgia,serif !important; font-size:clamp(26px,2.6vw,38px) !important; font-weight:800; line-height:1.15; text-transform:uppercase; }
.vis-guide-graphics-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(16px,2vw,28px); max-width:1240px; margin:0 auto; }
.vis-guide-graphic-card { margin:0; display:flex; flex-direction:column; gap:12px; }
.vis-guide-graphic-card > a:first-child { display:block; overflow:hidden; border-radius:12px; background:#fff; box-shadow:0 10px 24px rgba(62,104,94,.16); transition:transform .15s ease; }
.vis-guide-graphic-card > a:first-child:hover { transform:translateY(-3px); }
.vis-guide-graphic-card img { display:block; width:100%; height:auto; }
.vis-guide-graphic-card figcaption { color:var(--vs-green,#3e685e); font-family:"Bitter",Georgia,serif; font-size:17px; font-weight:800; line-height:1.2; text-align:center; text-transform:uppercase; }
.vis-guide-graphic-card .vis-guide-btn { min-height:50px; font-size:15px; }
@media(max-width:900px){ .vis-guide-graphics-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:420px){ .vis-guide-graphic-card figcaption{font-size:15px} }
.vis-guide-graphic-card .vis-guide-btn { margin-top:auto; }

/* 1.17.0: EN / ES language switch */
.vis-guide-page .vis-guide-lang-switch { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 18px; padding: 7px 16px; border: 2px solid #3e685e; border-radius: 999px; background: #fff; color: #3e685e !important; font: 700 15px/1.2 Bitter, Georgia, serif; text-decoration: none !important; }
.vis-guide-page .vis-guide-lang-switch:hover, .vis-guide-page .vis-guide-lang-switch:focus { background: #3e685e; color: #fff !important; }