/* svc761 horse ranch panel swap section on panel-upgrade.html. Namespace .rnch.
   Base rules copied from evjob-svc687.css (the EV job section) and renamed. */
.rnch{--rnch-amber:#f5a524; --rnch-amber-hi:#f7b23a; --rnch-green:#4ade80;
  --rnch-grey:#8a94a6; --rnch-navy:#0d1b2e; --rnch-paper:#f4f6fb;
  --rnch-glass:rgba(255,255,255,.04); --rnch-line:rgba(255,255,255,.12);
  --rnch-ease:cubic-bezier(.22,.61,.36,1);
  position:relative; padding:clamp(3rem,7vw,4rem) 0;
  background:
    radial-gradient(120% 70% at 50% -10%,rgba(245,165,36,.13),rgba(245,165,36,0) 62%),
    linear-gradient(180deg,#0a1526 0,#0d1b2e 100%);
  overflow:hidden;}
.rnch::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(245,165,36,.4),transparent);}
.rnch__in{width:min(1380px,92vw); margin:0 auto}
.rnch__head{max-width:46rem; margin:0 0 clamp(1.5rem,4vw,32px)}
.rnch__eyebrow{display:inline-flex; align-items:center; gap:.5rem; margin:0 0 .75rem;
  font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--rnch-amber-hi);}
.rnch__eyebrow::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--rnch-green);
  box-shadow:0 0 0 4px rgba(74,222,128,.18);}
.rnch__h2{margin:0 0 .75rem; color:#fff; line-height:1.12;
  font-size:clamp(1.375rem,4.6vw,2.25rem); letter-spacing:-.015em;}
.rnch__lede{margin:0; color:#c7d0dd; font-size:clamp(1rem,2.4vw,1.125rem); line-height:1.6}
.rnch__chips{display:flex; gap:.5rem; overflow-x:auto; scrollbar-width:none;
  margin:0 0 1rem; padding:4px .15rem 8px; scroll-snap-type:x proximity;}
.rnch__chips::-webkit-scrollbar{display:none}
.rnch__chip{flex:0 0 auto; scroll-snap-align:start;
  display:inline-flex; align-items:center; gap:.5rem;
  min-height:44px; padding:0 .95rem; border-radius:13px;
  background:var(--rnch-glass); border:1px solid var(--rnch-line);
  color:#c7d0dd; font-size:.86rem; font-weight:600; line-height:1;
  cursor:pointer; transition:background .22s var(--rnch-ease),border-color .22s var(--rnch-ease),color .22s var(--rnch-ease),box-shadow .22s var(--rnch-ease);
  -webkit-tap-highlight-color:transparent;}
.rnch__chip:hover{border-color:rgba(245,165,36,.4); color:#fff}
.rnch__chip[aria-selected="true"]{background:linear-gradient(135deg,rgba(245,165,36,.20),rgba(245,165,36,.07));
  border-color:rgba(245,165,36,.65); color:#fff;
  box-shadow:0 10px 26px -14px rgba(245,165,36,.6);}
.rnch__chip-n{display:inline-grid; place-items:center; width:21px; height:21px; border-radius:6px;
  background:rgba(255,255,255,.08); color:var(--rnch-amber-hi);
  font-size:.7rem; font-weight:800; font-variant-numeric:tabular-nums;}
.rnch__chip[aria-selected="true"] .rnch__chip-n{background:var(--rnch-amber); color:#0d1b2e}
.rnch__stage{display:grid; gap:clamp(1rem,3vw,2rem); align-items:center;
  grid-template-columns:1fr;
  background:var(--rnch-glass); border:1px solid var(--rnch-line);
  border-radius:20px; padding:clamp(12px,2.2vw,1rem) clamp(.85rem,2.2vw,1rem);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 24px 60px -30px rgba(0,0,0,.7);}
@media(min-width:820px){
.rnch__stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
}
.rnch__panel[hidden]{display:none}
.rnch__panel{display:grid; gap:inherit; grid-template-columns:subgrid; grid-column:1/-1}
@supports not (grid-template-columns:subgrid){
.rnch__panel{display:grid; gap:clamp(1rem,3vw,2rem); grid-column:1/-1}
@media(min-width:820px){
.rnch__panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
}
}
.rnch__shot{position:relative; margin:0; border-radius:14px; overflow:hidden;
  background:#081127; border:1px solid rgba(255,255,255,.08);}
.rnch__shot img{display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover;}
.rnch__tag{position:absolute; left:.6rem; bottom:.6rem;
  display:inline-flex; align-items:center; gap:8px;
  padding:4px .6rem; border-radius:9px;
  background:rgba(8,17,39,.82); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.14);
  color:#c7d0dd; font-size:.69rem; font-weight:600; letter-spacing:.03em;}
.rnch__body{padding:clamp(8px,1.5vw,1rem) clamp(.4rem,1.5vw,.9rem) clamp(16px,2vw,1rem)}
.rnch__step{margin:0 0 .5rem; font-size:.7rem; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase; color:var(--rnch-grey);}
.rnch__h3{margin:0 0 8px; color:#fff; font-size:clamp(1.125rem,3.1vw,1.375rem); line-height:1.25}
.rnch__p{margin:0 0 16px; color:#c7d0dd; font-size:.96rem; line-height:1.65}
.rnch__p:last-child{margin-bottom:0}
.rnch__note{margin:16px 0 0; padding:12px .85rem; border-radius:11px;
  background:rgba(74,222,128,.07); border:1px solid rgba(74,222,128,.22);
  color:#c7d0dd; font-size:.86rem; line-height:1.55;}
.rnch__note b{color:#7ef2a6; font-weight:700}
.rnch__ctas{display:flex; flex-wrap:wrap; gap:8px; margin:1rem 0 0}
.rnch__cta{display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:48px; padding:0 1rem; border-radius:13px;
  font-size:.94rem; font-weight:700; text-decoration:none; line-height:1;
  transition:transform .2s var(--rnch-ease),box-shadow .2s var(--rnch-ease),background .2s var(--rnch-ease);}
.rnch__cta--solid{background:linear-gradient(135deg,var(--rnch-amber) 0,#e8a91f 100%); color:#0d1b2e;
  box-shadow:0 8px 24px -6px rgba(245,165,36,.45);}
.rnch__cta--ghost{background:rgba(255,255,255,.05); color:#fff; border:1px solid var(--rnch-line);}
.rnch__cta:hover{transform:translateY(-1px)}
.rnch__cta--solid:hover{box-shadow:0 12px 30px -8px rgba(245,165,36,.55)}
.rnch__cta--ghost:hover{border-color:rgba(245,165,36,.5)}
@media(prefers-reduced-motion:reduce){
.rnch__chip,
.rnch__cta{transition:none}
.rnch__cta:hover{transform:none}
}
/* ranch parts, svc761 */
.rnch .ba-slider{aspect-ratio:4/5}
.rnch__top{display:grid;gap:clamp(1rem,3vw,2rem);align-items:start}
@media(min-width:820px){.rnch__top{grid-template-columns:minmax(0,440px) minmax(0,1fr)}}
.rnch__ba{margin:0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#081127}
.rnch__hint{margin:.5rem 0 0;color:#8a94a6;font-size:.82rem;text-align:center}
.rnch__sub{margin:0 0 .75rem;color:#fff;font-size:clamp(1.05rem,2.8vw,1.25rem);line-height:1.3}
.rnch__finds{display:grid;gap:.5rem}
.rnch__find{border-radius:13px;background:var(--rnch-glass);border:1px solid var(--rnch-line);transition:border-color .2s var(--rnch-ease)}
.rnch__find[open]{border-color:rgba(245,165,36,.45)}
.rnch__find summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:48px;padding:.55rem .9rem;color:#fff;font-weight:700;font-size:.95rem;line-height:1.3}
.rnch__find summary::-webkit-details-marker{display:none}
.rnch__find summary::after{content:"+";flex:0 0 auto;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.08);color:var(--rnch-amber-hi);font-weight:800;font-size:1.05rem;transition:transform .2s var(--rnch-ease)}
.rnch__find[open] summary::after{transform:rotate(45deg)}
.rnch__find summary:focus-visible{outline:2px solid var(--rnch-amber);outline-offset:2px;border-radius:13px}
.rnch__fx{display:grid;gap:.5rem;padding:0 .9rem .9rem}
.rnch__fx p{margin:0;color:#c7d0dd;font-size:.92rem;line-height:1.55}
.rnch__fx b{display:block;margin:0 0 2px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#8a94a6}
.rnch__fx .is-fixed b{color:#7ef2a6}
.rnch__walk{margin:clamp(1.75rem,5vw,3rem) 0 0}
.rnch .rnch__chips{flex-wrap:wrap;overflow:visible}
.rnch .rnch__chip{padding:0 .7rem}
@media(min-width:820px){.rnch .rnch__stage{grid-template-columns:minmax(0,400px) minmax(0,1fr)}
@supports not (grid-template-columns:subgrid){.rnch .rnch__panel{grid-template-columns:minmax(0,400px) minmax(0,1fr)}}}
.rnch__why{margin:1rem 0 0;padding:clamp(1rem,3vw,1.5rem);border-radius:18px;background:linear-gradient(135deg,rgba(245,165,36,.10),rgba(245,165,36,.03));border:1px solid rgba(245,165,36,.35)}
.rnch__why .rnch__p{max-width:44rem}
.rnch__sig{margin:.75rem 0 0;color:#8a94a6;font-size:.86rem}
/* nothing under 12.8px in this section */
.rnch .rnch__eyebrow,.rnch .rnch__step,.rnch .rnch__tag,.rnch .rnch__fx b{font-size:.8rem}
.rnch .rnch__chip-n{font-size:.8rem;width:22px;height:22px}
@media(prefers-reduced-motion:reduce){.rnch__find,.rnch__find summary::after{transition:none}}