/* Zoomshare native template 7000 - isolated to sites using it */
:root{--accent:#ed7433;--ink:#263441;--muted:#647482;--paper:#fffaf6}
*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink)}body{margin:0;background:#fff;color:var(--ink)}
a{color:#bb541d}img{max-width:100%;height:auto} .zs7000-wrap{max-width:1100px;margin:auto;padding:0 20px}
.zs7000-brandbar{background:#fff;border-bottom:1px solid #eee}.zs7000-brandbar-inner{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.zs7000-brandbar img{width:215px;max-width:55vw;display:block}.zs7000-follow{font-weight:700;border:1px solid #e9aa81;color:#ab4c1e;border-radius:30px;padding:9px 19px;background:#fff}
.zs7000-site{padding-top:34px;padding-bottom:24px}.zs7000-site h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:.2em 0}.zs7000-site p{color:var(--muted)}.zs7000-logo{margin:10px 0;max-height:190px;overflow:hidden}.zs7000-logo img{max-height:190px;width:auto}
.zs7000-nav{border-block:1px solid #eee;background:#fff}.zs7000-nav ul{display:flex;gap:6px 24px;padding:0;margin:0;list-style:none;flex-wrap:wrap}.zs7000-nav li a,.zs7000-nav li span{display:block;padding:16px 2px;color:#425565;text-decoration:none}.zs7000-nav li.active span{font-weight:700;border-bottom:3px solid var(--accent)}
.zs7000-main{min-height:300px;padding-top:28px;padding-bottom:55px}.zs7000-main h2{font-size:1.6rem}.zs7000-main table{max-width:100%}.zs7000-main img{height:auto;max-width:100%}
.zs7000-examples{background:var(--paper);border:1px solid #f0e5df;border-radius:20px;padding:22px;margin:26px 0}.zs7000-examples h2{margin:0 0 6px}.zs7000-examples-note{color:#65717b;font-size:.9rem}.zs7000-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 4px}.zs7000-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #eee}.zs7000-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.zs7000-card h3{font-size:1rem;margin:12px 14px 4px}.zs7000-card p{font-size:.89rem;color:#6a7580;margin:0 14px 15px}
.zs7000-footer{border-top:1px solid #eee;background:#fff;padding:27px 0;color:#637080;font-size:.9rem}
@media(max-width:650px){.zs7000-brandbar-inner{min-height:65px}.zs7000-brandbar img{width:175px}.zs7000-follow{padding:8px 12px}.zs7000-site{padding-top:25px}.zs7000-nav ul{gap:0 18px}.zs7000-nav li a,.zs7000-nav li span{padding:12px 0}.zs7000-grid{grid-template-columns:1fr}.zs7000-examples{padding:15px}}


/* Template 7000: centered site name in shared header */
.zs7000-brandbar-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.zs7000-brand-logo {
    justify-self: start;
    min-width: 0;
}

.zs7000-brand-logo img {
    display: block;
    max-width: 170px;
    width: 100%;
    height: auto;
}

.zs7000-brand-title {
    min-width: 0;
    text-align: center;
    font-size: clamp(1.1rem, 2.6vw, 1.75rem);
    font-weight: 700;
    color: #243746;
    overflow-wrap: anywhere;
}

.zs7000-follow {
    justify-self: end;
}

@media (max-width: 480px) {
    .zs7000-brandbar-inner {
        grid-template-columns: 90px minmax(0, 1fr) auto;
        gap: 8px;
    }

    .zs7000-brand-title {
        font-size: 1rem;
    }
}


/* Zoomshare Template 7000 default coastal hero */
.zs7000-hero {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.zs7000-hero-image {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 600px) {
    .zs7000-hero-image {
        width: 100%;
        height: auto;
    }
}

/* Template 7000: active navigation and hover effects */
.zs7000-nav li.active span {
    display: block;
    background: #dc762b;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    padding: 10px 18px;
}

.zs7000-nav li a {
    display: block;
    border-radius: 8px;
    padding: 10px 18px;
    transition: background-color .2s ease, color .2s ease;
}

.zs7000-nav li a:hover,
.zs7000-nav li a:focus-visible {
    background: #fff0e2;
    color: #a94e1a;
}


/* Zoomshare 7000: orange navigation */
.zs7000-nav li a,
.zs7000-nav li.active span {
    display: block;
    padding: 11px 19px;
    border-radius: 8px;
    text-decoration: none;
}

.zs7000-nav li a {
    background: #fde8d5;
    color: #a64b18;
    font-weight: 500;
    transition: background-color .2s ease, color .2s ease;
}

.zs7000-nav li a:hover,
.zs7000-nav li a:focus-visible {
    background: #e89852;
    color: #512408;
}

.zs7000-nav li.active span {
    background: #a94512;
    color: #ffffff;
    font-weight: 800;
/* Template 7000 Follow integration */
}
.zs7000-follow-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

button.zs7000-follow {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  background: #0875d1;
  color: white;
  padding: 9px 15px;
  font-weight: 700;
}

.zs7000-follow-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  border-radius: 20px;
  background: #279447;
  color: white;
  font-size: 13px;
  font-weight: 700;
}

.zs7000-follow-popup {
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(90vw, 420px);
  max-height: 90vh;
  overflow-y: auto;
  padding: 24px;
  background: white;
  color: #222;
  border-radius: 12px;
  box-shadow: 0 10px 45px rgba(0, 0, 0, .35);
}

.zs7000-follow-popup label,
.zs7000-follow-popup input {
  display: block;
  width: 100%;
  margin: 8px 0;
}

.zs7000-follow-popup input {
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 5px;
}

.zs7000-follow-actions {
  display: flex;
  gap: 12px;
  margin-top: 15px;
}

.zs7000-follow-actions button {
  cursor: pointer;
  padding: 9px 15px;
}

@media (max-width: 600px) {
  .zs7000-follow-wrap {
    gap: 4px;
  }

  button.zs7000-follow {
    padding: 7px 10px;
    font-size: 13px;
  }}
/* Template 7000 already provides the universal policy footer.
   Hide the duplicate footer inserted by the legacy Blog application. */
.zs7000-main .zoomshare-policy-footer {
    display: none !important;
}

/* Site-specific Zoomshare Compared homepage styles. */
.zs7000-hero,.zs7000-examples{display:none!important}
.compared-publication{max-width:1080px;margin:0 auto;padding:22px 10px 46px;font:17px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;color:#213047}
.compared-publication h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12;margin:.4em 0;font-weight:780;letter-spacing:-.035em}
.compared-publication h2{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.25;margin:1.2em 0 .4em}
.compared-publication p{margin:.65em 0 1em}
.compared-eyebrow,.compared-kicker{font-size:.77rem;text-transform:uppercase;letter-spacing:.13em;color:#3b6484;font-weight:750}
.compared-lead{font-size:1.24rem;color:#283e58;line-height:1.6}
.compared-feature{display:grid;grid-template-columns:48% 1fr;align-items:center;gap:25px;margin:32px 0 46px;border:1px solid #dce5ee;border-radius:16px;overflow:hidden;background:#f8fbfe}
.compared-feature img{width:100%;height:100%;max-height:310px;object-fit:cover}
.compared-feature>div{padding:20px}
.compared-feature h2{margin:0 0 .5em}
.compared-feature a,.compared-read{color:#135b90;font-weight:750;text-decoration:underline}
.compared-intro{color:#526175}
.compared-list{display:grid;gap:16px}
.compared-card{display:grid;grid-template-columns:30% 1fr;gap:20px;align-items:center;border:1px solid #dce5ee;border-radius:12px;background:#fff;overflow:hidden;padding:12px}
.compared-thumb img{display:block;width:100%;height:190px;object-fit:cover;border-radius:7px}
.compared-card h3{font-size:1.28rem;line-height:1.3;margin:.35em 0}
.compared-card h3 a{color:#172c41;text-decoration:none}
.compared-card h3 a:hover{text-decoration:underline}
.compared-card p{font-size:.95rem;margin:.35em 0 .55em;line-height:1.6}
.compared-note{background:#f5f7fa;border-left:4px solid #476b85;padding:16px 20px;font-size:.88rem;margin:40px 0 0;line-height:1.7}
@media(max-width:700px){.compared-publication{padding:16px 5px}.compared-card,.compared-feature{grid-template-columns:1fr}.compared-feature img{max-height:260px}.compared-card{gap:8px}.compared-thumb img{height:200px}.compared-card>div{padding:5px 7px 12px}}
/* Scoped to Compare. Added after previous deployed CSS; do not modify global Template 7000. */
.zs7000-hero{display:block!important;height:clamp(150px,21vw,235px)!important;max-height:235px;overflow:hidden}
.zs7000-hero img{width:100%;height:100%;object-fit:cover;object-position:center 54%;display:block}
.zs7000-examples{display:none!important}
body:has(.compared-publication){display:flex;flex-direction:column}
body:has(.compared-publication)>.zs7000-brandbar{order:0}
body:has(.compared-publication)>.zs7000-nav{order:1}
body:has(.compared-publication)>.zs7000-hero{order:2}
body:has(.compared-publication)>.zs7000-main{order:3;width:100%}
body:has(.compared-publication)>.zs7000-footer{order:4}
body:has(.compared-publication)>.zs7000-follow-popup{order:5}
.compared-publication{max-width:1080px;margin:auto;padding:28px 12px 50px;color:#172c41;font:17px/1.72 system-ui,-apple-system,Segoe UI,sans-serif}
.compared-publication h1{font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.14;letter-spacing:-.035em;margin:.3em 0 .65em}
.compared-publication h2{font-size:clamp(1.45rem,2.2vw,1.95rem);margin:1.5em 0 .4em}
.compared-publication p{margin:0 0 1.2em}
.compared-eyebrow,.compared-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#32608b;font-weight:750}
.compared-lead{font-size:1.23rem;line-height:1.62}
.compared-intro{color:#496071}
.compared-list{display:grid;gap:18px}
.compared-card{display:grid;grid-template-columns:minmax(180px,29%) 1fr;gap:22px;align-items:center;border:1px solid #dce3ea;border-radius:13px;padding:13px;background:#fff;overflow:hidden}
.compared-card img{width:100%;height:170px;object-fit:cover;display:block;border-radius:7px}
.compared-card h3{font-size:1.28rem;line-height:1.35;margin:.26em 0}
.compared-card h3 a{color:#17324a;text-decoration:none}
.compared-card h3 a:hover{text-decoration:underline}
.compared-card p{font-size:.95rem;margin:.35em 0 .6em}
.compared-read{font-size:.95rem;font-weight:750;color:#125f99;text-decoration:underline}
.compared-note{border-left:3px solid #547b9e;background:#f3f7fa;padding:16px 20px;font-size:.88rem;margin-top:38px!important}
@media(max-width:670px){.compared-card{grid-template-columns:1fr;gap:6px}.compared-card img{height:165px}.compared-card-copy{padding:5px 6px 14px}.zs7000-hero{height:150px!important}}

/* California Compare update: shallow hero below shared Template 7000 menu. */
body:has(.compared-publication) .zs7000-hero{max-height:240px;min-height:0;overflow:hidden}body:has(.compared-publication) .zs7000-hero img{max-height:240px;object-fit:cover}body:has(.compared-publication) .zs7000-examples{display:none}body:has(.compared-publication) .compared-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}body:has(.compared-publication) .compared-card{border:1px solid #d7e3ee;border-radius:11px;overflow:hidden;background:#fff}body:has(.compared-publication) .compared-card img{width:100%;height:150px;object-fit:cover}body:has(.compared-publication) .compared-card-copy{padding:14px}body:has(.compared-publication) .compared-card h3{line-height:1.32;font-size:1.2rem}body:has(.compared-publication) .compared-publication{max-width:1120px;margin:auto;padding:15px}body:has(.compared-publication) .compared-kicker{color:#4e7087;font-size:.79rem;text-transform:uppercase;letter-spacing:.08em}@media(max-width:600px){body:has(.compared-publication) .zs7000-hero,body:has(.compared-publication) .zs7000-hero img{max-height:150px}}

/* Compare-only navigation correction, 2026-11-04.
   Apply on every legacy Template 7000 page, not just the homepage. */
body:has(> .zs7000-nav){display:flex!important;flex-direction:column!important}
body:has(> .zs7000-nav) > .zs7000-brandbar{order:0}
body:has(> .zs7000-nav) > .zs7000-nav{order:1!important;position:relative;z-index:2}
body:has(> .zs7000-nav) > .zs7000-hero{order:2!important}
body:has(> .zs7000-nav) > .zs7000-main{order:3!important;width:100%}
body:has(> .zs7000-nav) > .zs7000-footer{order:4}
body:has(> .zs7000-nav) > .zs7000-follow-popup{order:5}
/* The original first deployment suppressed the hero; restore it on all site pages. */
body:has(> .zs7000-nav) > .zs7000-hero{display:block!important;height:clamp(130px,18vw,210px)!important;max-height:210px!important;min-height:0!important;overflow:hidden}
body:has(> .zs7000-nav) > .zs7000-hero img{display:block;width:100%;height:100%;max-height:none!important;object-fit:cover;object-position:center 54%}
/* The current item is selected from the URL by compared-nav.js.
   Keep hover and selected visibly distinct. */
.zs7000-nav a[aria-current="page"],
.zs7000-nav a.compared-nav-current{
 background:#244969!important;color:#fff!important;
 border-color:#244969!important;
 box-shadow:inset 0 -3px 0 rgba(0,0,0,.24)!important;
 font-weight:750!important;
}
.zs7000-nav a[aria-current="page"]:hover,
.zs7000-nav a.compared-nav-current:hover{background:#193952!important;color:#fff!important}
@media(max-width:600px){body:has(> .zs7000-nav) > .zs7000-hero{height:130px!important;max-height:130px!important}}
/* START COMPARED EBIKE MENU FIX */
/* Compare site only. Same selected-button palette and weight as E-Bike. */
.zs7000-nav li > a,
.zs7000-nav li > span {font-weight:650!important;}
.zs7000-nav li > a {background:#fde8d5!important;color:#a64b18!important;}
.zs7000-nav li > a:hover {background:#e89852!important;color:#512408!important;}
.zs7000-nav li.active > a,
.zs7000-nav li.active > span,
.zs7000-nav a[aria-current="page"],
.zs7000-nav a.compared-nav-current {
  background:#a94512!important;
  color:#fff!important;
  border-color:#a94512!important;
  font-weight:800!important;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)!important;
}
.zs7000-nav li.active > a:hover,
.zs7000-nav li.active > span:hover,
.zs7000-nav a[aria-current="page"]:hover {background:#87350b!important;color:#fff!important;}
/* Keep header, menu, short hero, content in this order on all template pages. */
body:has(> .zs7000-nav){display:flex!important;flex-direction:column!important;}
body:has(> .zs7000-nav) > .zs7000-brandbar{order:0;}
body:has(> .zs7000-nav) > .zs7000-nav{order:1!important;position:relative;z-index:2;}
body:has(> .zs7000-nav) > .zs7000-hero{order:2!important;}
body:has(> .zs7000-nav) > .zs7000-main{order:3!important;width:100%;}
body:has(> .zs7000-nav) > .zs7000-footer{order:4;}
body:has(> .zs7000-nav) > .zs7000-follow-popup{order:5;}
/* END COMPARED EBIKE MENU FIX */

/* COMPARE CARDS FIX 20261104 */
/* Compare site only. Override older nested two-column card rules. */
.compared-publication .compared-list {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch;
}
.compared-publication .compared-card {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  grid-template-columns:none!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #d7e3ee!important;
  border-radius:12px!important;
}
.compared-publication .compared-card > .compared-thumb {
  display:block!important;
  width:100%!important;
  flex:none!important;
  margin:0!important;
}
.compared-publication .compared-card > .compared-thumb img {
  display:block!important;
  width:100%!important;
  height:180px!important;
  max-width:none!important;
  object-fit:cover!important;
  border-radius:0!important;
}
.compared-publication .compared-card > .compared-card-copy {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:20px!important;
  flex:1 1 auto!important;
}
.compared-publication .compared-card .compared-kicker {font-size:11px!important;letter-spacing:.08em!important;font-weight:700!important;}
.compared-publication .compared-card h3 {font-size:21px!important;line-height:1.3!important;margin:8px 0 12px!important;overflow-wrap:normal!important;word-break:normal!important;}
.compared-publication .compared-card p {font-size:15px!important;line-height:1.6!important;margin:0 0 16px!important;}
.compared-publication .compared-card .compared-read {margin-top:auto!important;font-size:15px!important;padding-top:8px!important;}
@media(max-width:900px) {
  .compared-publication .compared-list {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:630px) {
  .compared-publication .compared-list {grid-template-columns:minmax(0,1fr)!important;}
  .compared-publication .compared-card > .compared-thumb img {height:205px!important;}
}