/* ==========================================================================
   Joerns Equipment Finder — WordPress stylesheet
   --------------------------------------------------------------------------
   Everything is scoped under .jef, in both directions: the theme cannot reach
   in, and the app cannot leak out.

   SPECIFICITY CONTRACT
     :where(.jef)        custom properties, zero specificity — override freely
     .jef.jef :where(x)  element resets, (0,2,0) !important
     .jef .jef-x         components,     (0,2,0) !important, later in source

   TO RETINT: put this in Appearance > Customize > Additional CSS
     .jef { --jef-pur:#36176A; --jef-teal:#0F7056; --jef-bg:#F4F2EE; }
   TO OFFSET A STICKY THEME HEADER:
     .jef { --jef-sticky-top:80px; }
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Design tokens — zero specificity, so anything you write beats them.
   -------------------------------------------------------------------------- */
:where(.jef){
  --jef-pur:#36176A; --jef-pur-mid:#5A2E9A; --jef-pur-pale:#F7F3FF;
  --jef-teal:#0F7056; --jef-ink:#1C1917; --jef-ink2:#44403C; --jef-ink3:#6B6963;
  --jef-line:rgba(0,0,0,.09); --jef-bg:#F4F2EE; --jef-card:#fff;
  --jef-radius:14px;
  --jef-sticky-top:0px;   /* JS adds the admin bar; shortcode adds the theme header */
  --jef-font:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,
             "Helvetica Neue",Arial,sans-serif;
}

/* --------------------------------------------------------------------------
   2. Container
   -------------------------------------------------------------------------- */
.jef.jef{
  font-family:var(--jef-font) !important;
  font-size:16px !important; line-height:1.5 !important;
  font-weight:400 !important; font-style:normal !important;
  letter-spacing:normal !important; word-spacing:normal !important;
  text-transform:none !important; text-align:left !important;
  text-indent:0 !important; text-decoration:none !important;
  background:var(--jef-bg) !important; color:var(--jef-ink) !important;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  display:block !important; float:none !important; clear:both !important;
  box-sizing:border-box !important;
  padding:0 !important; margin:0 !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  max-width:none !important; width:auto !important;
  overflow:visible !important; position:relative !important;
  /* deliberately no min-height:100vh — it leaves a dead gap inside a page */
}

/* Full-bleed: break out of the theme's content column. */
.jef.jef--full{
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  width:auto !important; max-width:none !important;
}
/* clip, not hidden — hidden on <html> would kill position:sticky */
html.jef-has-full{overflow-x:clip}
@supports not (overflow-x:clip){
  html.jef-has-full{overflow-x:hidden}
}

/* Inline: stay inside the content column, no sticky header. */
.jef.jef--inline{
  border-radius:var(--jef-radius) !important;
  overflow:hidden !important;
  margin:0 !important;
}
.jef.jef--inline .jef-hd{position:static !important}
.jef.jef--inline .jef-side{position:static !important}

/* --------------------------------------------------------------------------
   3. Element resets
      :where() keeps them at the specificity of the prefix alone, so every
      component rule below wins on source order without an arms race.
      Layout properties the app sets inline at runtime (width on the progress
      bar, grid columns on the option grids) are deliberately absent.
   -------------------------------------------------------------------------- */
.jef.jef *,.jef.jef *::before,.jef.jef *::after{box-sizing:border-box !important}

.jef.jef :where(div,span,p,b,i,u,s,em,strong,small,sub,sup,
                h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,hr,
                article,aside,section,header,footer,nav,main,
                figure,figcaption,label,fieldset,legend,table,tbody,tr,td,th){
  margin:0 !important; padding:0 !important;
  border:0 !important; border-radius:0 !important;
  background:none !important; color:inherit !important;
  font:inherit !important; font-size:inherit !important;
  font-weight:inherit !important; font-style:normal !important;
  line-height:inherit !important; letter-spacing:inherit !important;
  word-spacing:normal !important;
  text-transform:none !important; text-align:inherit !important;
  text-indent:0 !important; text-decoration:none !important;
  text-shadow:none !important; box-shadow:none !important;
  list-style:none !important; float:none !important; clear:none !important;
  min-width:0 !important; min-height:0 !important;
}
.jef.jef :where(strong,b){font-weight:700 !important}
.jef.jef :where(em,i){font-style:italic !important}

.jef.jef :where(button){
  -webkit-appearance:none !important; appearance:none !important;
  margin:0 !important; padding:0 !important;
  border:0 !important; border-radius:0 !important;
  background:none !important; color:inherit !important;
  font:inherit !important; font-size:inherit !important;
  font-weight:inherit !important; line-height:1.25 !important;
  letter-spacing:inherit !important; word-spacing:normal !important;
  text-transform:none !important; text-align:left !important;
  text-decoration:none !important; text-shadow:none !important;
  box-shadow:none !important; text-indent:0 !important;
  width:auto !important; max-width:none !important;
  min-width:0 !important; min-height:0 !important; height:auto !important;
  float:none !important; cursor:pointer !important;
  opacity:1 !important; transform:none !important; transition:none !important;
}
.jef.jef :where(button):hover,
.jef.jef :where(button):focus,
.jef.jef :where(button):active{
  text-decoration:none !important; transform:none !important;
  box-shadow:none !important; filter:none !important;
}

.jef.jef :where(input,textarea,select){
  -webkit-appearance:none !important; appearance:none !important;
  margin:0 !important; padding:0 !important;
  border:0 !important; border-radius:0 !important;
  background:none !important; color:inherit !important;
  font:inherit !important; font-size:inherit !important;
  line-height:1.5 !important; letter-spacing:inherit !important;
  text-transform:none !important; text-indent:0 !important;
  box-shadow:none !important; outline:none !important;
  width:100% !important; max-width:none !important;
  min-height:0 !important; height:auto !important; display:block !important;
  float:none !important;
}
.jef.jef :where(textarea){resize:vertical !important}

.jef.jef :where(input):focus-visible,
.jef.jef :where(textarea):focus-visible,
.jef.jef :where(button):focus-visible{
  outline:2px solid var(--jef-pur-mid) !important; outline-offset:2px !important;
}
.jef.jef :where(input,textarea)::placeholder{
  color:var(--jef-ink3) !important; opacity:1 !important;
}

/* Themes love injecting pseudo-content on buttons and links. */
.jef.jef :where(button,a,p,span,div,li,h1,h2,h3)::before,
.jef.jef :where(button,a,p,span,div,li,h1,h2,h3)::after{
  content:none !important; display:none !important;
}

/* ---------- header ---------- */

.jef .jef-hd{position:sticky !important;top:var(--jef-sticky-top) !important;z-index:50 !important;background:var(--jef-pur) !important;
  box-shadow:0 1px 12px rgba(0,0,0,.18) !important}
.jef .jef-hd.is-rep{background:#1A1917 !important}
.jef .jef-hd-in{max-width:1180px !important;margin:0 auto !important;padding:14px 22px !important;display:flex !important;align-items:center !important;
  gap:18px !important;flex-wrap:wrap !important}
.jef .jef-brand{display:flex !important;flex-direction:column !important;gap:1px !important;flex:1 1 200px !important;min-width:0 !important}
.jef .jef-brand b{font-size:15px !important;font-weight:700 !important;letter-spacing:-.01em !important;color:#fff !important}
.jef .jef-brand span{font-size:12px !important;font-weight:500 !important;color:rgba(255,255,255,.6) !important}
.jef .jef-tabs{display:flex !important;gap:4px !important;padding:3px !important;background:rgba(255,255,255,.13) !important;border-radius:99px !important}
.jef .jef-tab{color:rgba(255,255,255,.72) !important;font-size:12.5px !important;font-weight:650 !important;padding:6px 14px !important;
  border-radius:99px !important;white-space:nowrap !important;transition:background .15s,color .15s !important}
.jef .jef-tab[aria-selected="true"]{background:#fff !important;color:var(--jef-ink) !important}

.jef .jef-acct{background:var(--jef-teal) !important}
.jef .jef-acct-in{max-width:1180px !important;margin:0 auto !important;padding:9px 22px !important;display:flex !important;align-items:center !important;
  gap:10px !important;flex-wrap:wrap !important}
.jef .jef-acct-lbl{font-size:10px !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;
  color:rgba(255,255,255,.62) !important}
.jef .jef-acct input{flex:1 1 220px !important;min-width:0 !important;background:rgba(255,255,255,.15) !important;
  border:1px solid rgba(255,255,255,.25) !important;border-radius:7px !important;padding:6px 11px !important;font-size:13px !important;color:#fff !important}
.jef .jef-acct input::placeholder{color:rgba(255,255,255,.6) !important}
.jef .jef-acct-echo{font-size:12px !important;color:rgba(255,255,255,.8) !important}

/* ---------- shell ---------- */
.jef .jef-wrap{max-width:1180px !important;margin:0 auto !important;padding:22px !important}
.jef .jef-rail{display:flex !important;gap:6px !important;overflow-x:auto !important;padding-bottom:16px !important;
  scrollbar-width:thin !important;-webkit-overflow-scrolling:touch !important}
.jef .jef-rail-btn{display:flex !important;align-items:center !important;gap:7px !important;border:1.5px solid var(--jef-line) !important;
  background:rgba(255,255,255,.55) !important;color:var(--jef-ink3) !important;font-size:12.5px !important;font-weight:650 !important;
  padding:7px 13px 7px 8px !important;border-radius:99px !important;flex-shrink:0 !important;transition:all .13s !important}
.jef .jef-rail-btn[aria-current="step"]{border-color:var(--jef-pur) !important;background:#fff !important;color:var(--jef-pur) !important}
.jef .jef-rail-num{width:19px !important;height:19px !important;border-radius:50% !important;display:flex !important;align-items:center !important;
  justify-content:center !important;font-size:10.5px !important;font-weight:800 !important;flex-shrink:0 !important;
  background:rgba(0,0,0,.07) !important;color:var(--jef-ink3) !important}
.jef .jef-rail-btn[aria-current="step"] .jef-rail-num{background:var(--jef-pur) !important;color:#fff !important}

.jef .jef-cols{display:flex !important;gap:20px !important;align-items:flex-start !important;flex-wrap:wrap !important}
.jef .jef-main{flex:3 1 430px !important;min-width:0 !important;display:flex !important;flex-direction:column !important;gap:14px !important}
.jef .jef-side{flex:1 1 250px !important;min-width:0 !important;position:sticky !important;top:calc(var(--jef-sticky-top) + 16px) !important;
  display:flex !important;flex-direction:column !important;gap:11px !important}

/* ---------- typography ---------- */
.jef .jef-eyebrow{font-size:10px !important;font-weight:700 !important;letter-spacing:.13em !important;text-transform:uppercase !important;
  color:var(--jef-teal) !important;margin-bottom:7px !important}
.jef .jef-h1{font-size:27px !important;font-weight:700 !important;letter-spacing:-.02em !important;line-height:1.18 !important;
  margin-bottom:8px !important;text-wrap:pretty !important}
.jef .jef-lede{font-size:14.5px !important;line-height:1.6 !important;color:var(--jef-ink2) !important;max-width:62ch !important;text-wrap:pretty !important}

/* ---------- question cards ---------- */
.jef .jef-q{background:var(--jef-card) !important;border:1px solid var(--jef-line) !important;border-radius:14px !important;
  padding:17px 19px !important;box-shadow:0 1px 3px rgba(0,0,0,.04) !important}
.jef .jef-q-top{display:flex !important;gap:10px !important;align-items:baseline !important;margin-bottom:3px !important;flex-wrap:wrap !important}
.jef .jef-q-label{font-size:16px !important;font-weight:650 !important;letter-spacing:-.01em !important;line-height:1.35 !important;
  flex:1 1 240px !important;min-width:0 !important;text-wrap:pretty !important}
.jef .jef-tag{font-size:10px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;
  color:var(--jef-ink3) !important;background:var(--jef-bg) !important;padding:3px 8px !important;border-radius:99px !important}
.jef .jef-term{font-size:11px !important;font-weight:600 !important;letter-spacing:.05em !important;text-transform:uppercase !important;
  color:var(--jef-ink3) !important;margin-bottom:8px !important}
.jef .jef-sub{font-size:13.5px !important;line-height:1.55 !important;color:var(--jef-ink3) !important;margin-bottom:11px !important;
  max-width:62ch !important;text-wrap:pretty !important}
.jef .jef-script{display:flex !important;gap:9px !important;background:var(--jef-pur-pale) !important;
  border-left:3px solid var(--jef-pur-mid) !important;border-radius:0 8px 8px 0 !important;padding:9px 12px !important;margin-bottom:12px !important}
.jef .jef-script-k{font-size:9.5px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;
  color:var(--jef-pur-mid) !important;flex-shrink:0 !important;padding-top:2px !important}
.jef .jef-script-t{font-size:13px !important;line-height:1.5 !important;color:var(--jef-pur) !important;font-style:italic !important}

.jef .jef-text{width:100% !important;border:1.5px solid rgba(0,0,0,.12) !important;border-radius:9px !important;padding:10px 12px !important;
  font-size:14px !important;color:var(--jef-ink) !important;background:#FDFCFA !important}
.jef .jef-opts{display:grid !important;gap:8px !important}
.jef .jef-opt{display:flex !important;flex-direction:column !important;gap:3px !important;align-items:flex-start !important;text-align:left !important;
  padding:11px 13px !important;border-radius:10px !important;transition:all .13s !important;border:1.5px solid rgba(0,0,0,.11) !important;
  background:#fff !important;color:var(--jef-ink2) !important}
.jef .jef-opt:hover{border-color:rgba(0,0,0,.22) !important}
.jef .jef-opt[aria-pressed="true"]{border-color:var(--jef-pur) !important;background:var(--jef-pur-pale) !important;
  color:var(--jef-pur) !important}
.jef .jef-opt b{font-size:13.5px !important;font-weight:600 !important;line-height:1.3 !important}
.jef .jef-opt span{font-size:11.5px !important;font-weight:500 !important;line-height:1.35 !important;opacity:.72 !important}

/* ---------- nav ---------- */
.jef .jef-nav{display:flex !important;gap:10px !important;align-items:center !important;flex-wrap:wrap !important;padding-top:2px !important}
.jef .jef-btn-prim{background:var(--jef-pur) !important;color:#fff !important;font-size:14px !important;font-weight:650 !important;
  padding:12px 24px !important;border-radius:99px !important;box-shadow:0 2px 8px rgba(54,23,106,.25) !important}
.jef .jef-btn-sec{border:1.5px solid rgba(0,0,0,.14) !important;background:#fff !important;color:var(--jef-ink2) !important;
  font-size:14px !important;font-weight:600 !important;padding:11px 20px !important;border-radius:99px !important}
.jef .jef-nav-hint{font-size:12.5px !important;color:var(--jef-ink3) !important}

/* ---------- results ---------- */
.jef .jef-gaps{display:flex !important;gap:11px !important;background:#FEF3C7 !important;border-radius:12px !important;padding:14px 16px !important}
.jef .jef-gaps-k{font-size:9.5px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;
  color:#B45309 !important;flex-shrink:0 !important;padding-top:3px !important}
.jef .jef-gaps-t{font-size:13.5px !important;line-height:1.55 !important;color:#8A3E07 !important}
.jef .jef-payer{background:#fff !important;border:1px solid var(--jef-line) !important;border-left:3px solid var(--jef-teal) !important;
  border-radius:0 12px 12px 0 !important;padding:14px 17px !important}
.jef .jef-payer-k{font-size:10px !important;font-weight:700 !important;letter-spacing:.11em !important;text-transform:uppercase !important;
  color:var(--jef-teal) !important;margin-bottom:5px !important}
.jef .jef-payer-t{font-size:13.5px !important;line-height:1.55 !important;color:var(--jef-ink2) !important}

.jef .jef-card{background:#fff !important;border:1px solid var(--jef-line) !important;border-radius:14px !important;overflow:hidden !important;
  box-shadow:0 1px 3px rgba(0,0,0,.04) !important}
.jef .jef-card.is-alert{border-color:rgba(153,27,27,.25) !important}
.jef .jef-card-hd{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;
  padding:9px 19px !important;background:var(--jef-pur) !important;color:#fff !important}
.jef .jef-card.is-alert .jef-card-hd{background:#991B1B !important}
.jef .jef-card-kind{font-size:10px !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;opacity:.85 !important}
.jef .jef-card-flag{font-size:10px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;
  background:rgba(255,255,255,.2) !important;padding:3px 9px !important;border-radius:99px !important}
.jef .jef-card-bd{padding:16px 19px 18px !important}
.jef .jef-card-name{font-size:20px !important;font-weight:700 !important;letter-spacing:-.02em !important;line-height:1.25 !important;
  margin-bottom:5px !important;text-wrap:pretty !important}
.jef .jef-card-spec{font-size:12.5px !important;font-weight:600 !important;color:var(--jef-teal) !important;margin-bottom:10px !important}
.jef .jef-card-why{font-size:13.5px !important;line-height:1.6 !important;color:var(--jef-ink2) !important;margin-bottom:12px !important;
  max-width:62ch !important;text-wrap:pretty !important}
.jef .jef-pills{display:flex !important;flex-wrap:wrap !important;gap:5px !important;margin-bottom:12px !important}
.jef .jef-pill{font-size:11.5px !important;font-weight:600 !important;color:var(--jef-ink2) !important;background:var(--jef-bg) !important;
  border-radius:99px !important;padding:4px 10px !important}
.jef .jef-parts{border-top:1px solid rgba(0,0,0,.08) !important;padding-top:12px !important;display:flex !important;
  flex-direction:column !important;gap:7px !important}
.jef .jef-parts-k{font-size:10px !important;font-weight:700 !important;letter-spacing:.11em !important;text-transform:uppercase !important;
  color:var(--jef-ink3) !important}
.jef .jef-part{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;
  padding:7px 11px !important;border-radius:8px !important}
.jef .jef-part.is-hi{background:var(--jef-pur-pale) !important}
.jef .jef-part-l{font-size:13px !important;font-weight:600 !important;color:var(--jef-ink2) !important}
.jef .jef-part-c{font-size:13.5px !important;font-weight:700 !important;font-variant-numeric:tabular-nums !important;
  letter-spacing:.02em !important;color:var(--jef-pur) !important;white-space:nowrap !important}
.jef .jef-stock{border-top:1px solid rgba(0,0,0,.08) !important;margin-top:12px !important;padding-top:11px !important;
  display:flex !important;gap:14px !important;flex-wrap:wrap !important;align-items:center !important}
.jef .jef-stock span{font-size:12px !important;color:var(--jef-ink3) !important}
.jef .jef-ovr-btn{border:1px solid rgba(0,0,0,.14) !important;background:#fff !important;color:var(--jef-ink2) !important;
  font-size:12px !important;font-weight:600 !important;padding:4px 12px !important;border-radius:99px !important;margin-left:auto !important}
.jef .jef-ovr{margin-top:10px !important;background:#FEF2F2 !important;border-radius:10px !important;padding:12px 14px !important}
.jef .jef-ovr-k{font-size:11px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;
  color:#991B1B !important;margin-bottom:7px !important}
.jef .jef-ovr input{width:100% !important;border:1.5px solid rgba(153,27,27,.25) !important;border-radius:8px !important;
  padding:9px 11px !important;font-size:13.5px !important;color:var(--jef-ink) !important;background:#fff !important}

.jef .jef-cta{background:var(--jef-pur) !important;border-radius:14px !important;padding:20px 22px !important}
.jef .jef-cta.is-rep{background:#1A1917 !important}
.jef .jef-cta-t{font-size:17px !important;font-weight:700 !important;letter-spacing:-.01em !important;color:#fff !important;margin-bottom:6px !important}
.jef .jef-cta-b{font-size:13.5px !important;line-height:1.6 !important;color:rgba(255,255,255,.72) !important;max-width:56ch !important;
  margin-bottom:14px !important;text-wrap:pretty !important}
.jef .jef-cta-row{display:flex !important;gap:9px !important;flex-wrap:wrap !important}
.jef .jef-cta-1{background:#fff !important;color:var(--jef-ink) !important;font-size:13.5px !important;font-weight:650 !important;
  padding:10px 18px !important;border-radius:99px !important}
.jef .jef-cta-2{border:1px solid rgba(255,255,255,.3) !important;color:#fff !important;font-size:13.5px !important;font-weight:600 !important;
  padding:10px 18px !important;border-radius:99px !important}
.jef .jef-disc{font-size:12px !important;line-height:1.6 !important;color:var(--jef-ink3) !important;max-width:70ch !important;text-wrap:pretty !important}

/* ---------- sidebar ---------- */
.jef .jef-panel{background:#fff !important;border:1px solid var(--jef-line) !important;border-radius:14px !important;
  padding:16px 17px !important;box-shadow:0 1px 3px rgba(0,0,0,.04) !important}
.jef .jef-panel-hd{display:flex !important;align-items:baseline !important;justify-content:space-between !important;gap:8px !important;
  margin-bottom:12px !important}
.jef .jef-panel-k{font-size:10px !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;
  color:var(--jef-ink3) !important}
.jef .jef-count{font-size:11.5px !important;font-weight:700 !important;color:var(--jef-teal) !important;font-variant-numeric:tabular-nums !important}
.jef .jef-bar{height:4px !important;background:var(--jef-bg) !important;border-radius:99px !important;overflow:hidden !important;margin-bottom:14px !important}
.jef .jef-bar i{display:block !important;height:100% !important;background:var(--jef-teal) !important;border-radius:99px !important;
  transition:width .25s !important}
.jef .jef-rows{display:flex !important;flex-direction:column !important;gap:9px !important}
.jef .jef-row{display:flex !important;flex-direction:column !important;gap:1px !important}
.jef .jef-row-k{font-size:10px !important;font-weight:600 !important;letter-spacing:.07em !important;text-transform:uppercase !important;
  color:var(--jef-ink3) !important}
.jef .jef-row-v{font-size:13.5px !important;font-weight:650 !important;line-height:1.3 !important;color:var(--jef-ink) !important}
.jef .jef-row-v.is-empty{color:var(--jef-ink3) !important}

.jef .jef-prev{background:var(--jef-pur) !important;border-radius:14px !important;padding:16px 17px !important}
.jef .jef-prev-k{font-size:10px !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;
  color:rgba(255,255,255,.5) !important;margin-bottom:11px !important}
.jef .jef-prev .jef-row-k{color:rgba(255,255,255,.45) !important}
.jef .jef-prev .jef-row-v{color:#fff !important}
.jef .jef-prev-btn{width:100% !important;margin-top:14px !important;background:rgba(255,255,255,.16) !important;color:#fff !important;
  font-size:13px !important;font-weight:650 !important;padding:9px 14px !important;border-radius:99px !important}
.jef .jef-notes{width:100% !important;min-height:78px !important;resize:vertical !important;border:1.5px solid rgba(0,0,0,.12) !important;
  border-radius:9px !important;padding:9px 11px !important;font-size:13px !important;line-height:1.5 !important;color:var(--jef-ink) !important;
  background:#FDFCFA !important}

/* ---------- responsive ---------- */
@media (max-width:640px){
  .jef .jef-wrap{padding:16px !important}
  .jef .jef-hd-in,.jef .jef-acct-in{padding-left:16px !important;padding-right:16px !important}
  .jef .jef-h1{font-size:23px !important}
  .jef .jef-opts{grid-template-columns:1fr !important}
  .jef .jef-side{position:static !important}
  .jef .jef-card-bd{padding:14px 15px 16px !important}
  .jef .jef-q{padding:15px 16px !important}
}
@media print{
  .jef .jef-hd,.jef .jef-rail,.jef .jef-cta,.jef .jef-ovr-btn,.jef .jef-prev-btn,.jef .jef-nav{display:none !important}
  .jef.jef,.jef .jef-card{background:#fff !important}
  .jef .jef-card{break-inside:avoid !important;box-shadow:none !important}
  .jef .jef-side{position:static !important}
}

/* --------------------------------------------------------------------------
   WordPress-specific
   -------------------------------------------------------------------------- */

/* Themes that force a max-width on everything in the content column. */
.jef .jef-hd-in,.jef .jef-acct-in,.jef .jef-wrap{width:100% !important}

/* Block editor canvas: no breakout, the editor frame is already narrow. */
.editor-styles-wrapper .jef.jef--full{
  margin-left:0 !important;margin-right:0 !important;width:auto !important;
}
.editor-styles-wrapper .jef .jef-hd{position:static !important}

@media (prefers-reduced-motion:reduce){
  .jef .jef-rail-btn,.jef .jef-opt,.jef .jef-tab,.jef .jef-bar i{
    transition:none !important;
  }
}

/* Print. The JS prints an isolated iframe, so these only ever apply to that
   document — the surrounding site is never part of the printout. */
@media print{
  .jef.jef{margin:0 !important;background:#fff !important}
  .jef.jef--full{margin-left:0 !important;margin-right:0 !important}
}