.resources-guide-grid {
  max-width: 780px;
  margin-inline: auto;
  grid-template-columns: minmax(0, 780px);
}

.resource-guide {
  max-width: none;
}

.resources-card-subtitle {
  margin-bottom: 0.65em;
  color: var(--white) !important;
}

.resource-content-width {
  width: 100%;
  max-width: 880px;
  margin-inline: auto;
}

.resource-introduction {
  margin-bottom: 34px;
  color: var(--muted);
  font-size: 1.05rem;
}

.resource-introduction p {
  margin-bottom: 1.35em;
}

.resource-layout {
  display: block;
}

.resource-article {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.resource-article h2 {
  margin-top: 2.25em;
  margin-bottom: 0.65em;
  scroll-margin-top: calc(var(--header-height) + 24px);
}

.resource-article h3 {
  margin-top: 1.9em;
  margin-bottom: 0.55em;
  scroll-margin-top: calc(var(--header-height) + 24px);
}

.resource-article h4 {
  margin-top: 1.6em;
  margin-bottom: 0.45em;
}

.resource-article ul,
.resource-article ol {
  margin: 0 0 1.35em;
  padding-left: 1.3em;
  color: var(--muted);
}

.resource-article ol {
  padding-left: 1.8em;
}

.resource-article li + li {
  margin-top: 0.45em;
}

.resource-article a {
  color: #ff7777;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.resource-article blockquote,
.resource-equipment-note {
  margin: 1.8em 0;
  padding: 20px 22px;
  border: 1px solid var(--border);
  border-left: 3px solid var(--red);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.resource-article blockquote p,
.resource-equipment-note p {
  margin: 0;
  color: var(--white);
}

.resource-lead-image,
.resource-figure {
  margin: 0 0 38px;
}

.resource-figure {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--black-card);
  box-shadow: var(--shadow);
}

.resource-figure img {
  width: 100%;
  height: auto;
}

.resource-figure figcaption {
  padding: 11px 16px;
  color: var(--muted-dark);
  font-size: 0.72rem;
}

.resource-toc {
  margin-bottom: 42px;
}

.resource-toc summary {
  cursor: pointer;
  color: var(--white);
  font-size: 0.86rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.resource-toc > div {
  margin-top: 12px;
}

.resource-toc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.resource-toc li + li {
  border-top: 1px solid var(--border);
}

.resource-toc a {
  display: block;
  padding: 10px 0;
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 800;
}

.resource-workflow {
  margin: 2.2em 0;
  padding: clamp(20px, 3vw, 28px);
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.resource-workflow > figcaption {
  margin-bottom: 18px;
  color: var(--white);
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
}

.resource-workflow-grid {
  display: grid;
  gap: 22px;
}

.resource-workflow-path h3 {
  margin: 0 0 12px;
  color: #ff7777;
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.resource-workflow-steps {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.resource-workflow-steps span {
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--white);
  background: var(--black-card);
  font-size: 0.8rem;
  font-weight: 800;
}

.resource-workflow-steps i {
  color: var(--red);
  font-style: normal;
  font-weight: 900;
}

.table-scroll {
  max-width: 100%;
  margin: 1.8em 0;
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  -webkit-overflow-scrolling: touch;
}

.resource-article table {
  display: table;
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  overflow: visible;
}

.resource-article caption {
  padding: 16px 15px;
  color: var(--white);
  font-weight: 900;
  text-align: left;
}

.resource-article th,
.resource-article td {
  padding: 13px 15px;
  border-top: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}

.resource-article thead th {
  color: var(--white);
  background: rgba(255, 255, 255, 0.045);
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.resource-article tbody th,
.resource-article td {
  color: var(--muted);
  font-size: 0.9rem;
}

.resource-article tbody th {
  min-width: 190px;
  font-weight: 800;
}

.resource-cta {
  margin: 2.4em 0;
}

.resource-cta h3 {
  margin: 0 0 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.resource-cta p {
  margin-bottom: 20px;
  color: var(--muted);
}

.resource-cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 760px) {
  .resource-introduction {
    font-size: 1rem;
  }

  .resource-workflow-steps {
    align-items: stretch;
    flex-direction: column;
  }

  .resource-workflow-steps span {
    width: 100%;
  }

  .resource-workflow-steps i {
    align-self: center;
    transform: rotate(90deg);
  }

  .resource-cta-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .resource-cta-actions .btn {
    width: 100%;
  }
}

@media print {
  .site-header,
  .mobile-contact,
  .contact-dock,
  [data-contact-dock],
  .facebook-social-section,
  .resource-toc,
  .resource-cta-actions,
  .resource-guide .standard-logo-card,
  .resource-guide .breadcrumbs,
  .menu-toggle,
  .desktop-nav,
  .mobile-nav,
  footer .footer-links {
    display: none !important;
  }

  .resource-guide {
    padding: 0;
  }

  .resource-guide .container,
  .resource-content-width {
    width: 100%;
    max-width: none;
  }

  .resource-guide .resource-workflow,
  .resource-guide .resource-equipment-note {
    break-inside: avoid;
  }

  .resource-guide h1,
  .resource-guide h2,
  .resource-guide h3,
  .resource-guide h4 {
    break-after: avoid-page;
  }

  .resource-guide ol,
  .resource-guide ul,
  .resource-guide table,
  .resource-guide figure {
    break-inside: auto;
  }

  .resource-guide img,
  .resource-guide svg {
    max-width: 100% !important;
    height: auto !important;
  }

  .resource-guide .resource-lead-image,
  .resource-guide .resource-figure {
    max-height: 40vh;
    break-inside: avoid;
    box-shadow: none;
  }

  .resource-guide .resource-lead-image img,
  .resource-guide .resource-figure img {
    max-height: 34vh;
    object-fit: contain;
  }

  .resource-guide .table-scroll {
    overflow: visible;
  }

  .resource-guide table {
    min-width: 0;
    font-size: 9pt;
  }

  .resource-guide .btn {
    display: none !important;
  }
}


/* 4JJ3 customer-service page */
.jj-page{color:var(--white);background:radial-gradient(circle at 86% 0%,rgba(225,43,43,.17),transparent 27rem),radial-gradient(circle at 8% 9%,rgba(255,255,255,.07),transparent 25rem),var(--black)}
.jj-page h2{margin-bottom:17px;font-size:clamp(2.1rem,4.7vw,3.75rem);line-height:.98;letter-spacing:-.045em;text-wrap:balance;text-transform:uppercase}
.jj-breadcrumbs{margin:30px 0 0}
.jj-hero{padding:clamp(48px,7vw,88px) 0 clamp(58px,7vw,92px);border-bottom:1px solid var(--border)}
.jj-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(36px,6vw,76px);align-items:center}
.jj-hero-copy{max-width:720px}.jj-hero h1{margin:14px 0 24px;font-size:clamp(2.65rem,5.6vw,5rem);line-height:.96;letter-spacing:-.055em;text-transform:uppercase}.jj-hero-copy>p{max-width:680px;margin-bottom:14px;color:var(--muted);font-size:1.06rem}.jj-supporting{margin-top:18px!important;color:var(--muted-dark)!important;font-size:.88rem!important}
.jj-hero-image{margin:0}.jj-hero-image img{display:block;width:100%;height:auto;object-fit:contain}
.jj-vehicle-strip{padding:28px 0;border-bottom:1px solid var(--border)}.jj-vehicle-labels{display:flex;gap:12px 28px;flex-wrap:wrap}.jj-vehicle-labels strong{padding-left:14px;border-left:3px solid var(--red);font-size:.86rem;letter-spacing:.04em;text-transform:uppercase}.jj-vehicle-strip p{max-width:920px;margin:18px 0 0;color:var(--muted);font-size:.9rem}
.jj-section{padding:clamp(64px,7vw,92px) 0}.jj-section--band{border-block:1px solid var(--border);background:rgba(8,8,9,.72)}.jj-section .section-head{max-width:830px;margin-bottom:36px}.jj-section .section-head p,.jj-copy-width>p{color:var(--muted);font-size:1.02rem}.jj-copy-width{max-width:900px}
.jj-benefits,.jj-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.jj-benefits article,.jj-process article,.jj-two-column article,.jj-pricing article,.jj-reviews .review-card{border:1px solid var(--border);background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.018)),var(--black-card);box-shadow:0 20px 50px rgba(0,0,0,.24)}.jj-benefits article,.jj-process article{padding:25px;border-radius:22px}.jj-benefits h3,.jj-process h3{font-size:1.08rem;text-transform:uppercase}.jj-benefits p,.jj-process p{margin-bottom:0;color:var(--muted);font-size:.93rem}.jj-process span{display:block;margin-bottom:20px;color:var(--red);font-size:1.65rem;font-weight:950;line-height:1}
.jj-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.jj-two-column article{padding:clamp(28px,4vw,38px);border-radius:24px}.jj-two-column h3{font-size:1.35rem;text-transform:uppercase}.jj-two-column p{color:var(--muted)}
.jj-points{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none}.jj-points li{position:relative;padding-left:23px;color:var(--muted)}.jj-points li:before{content:"✓";position:absolute;left:0;color:#ff6666;font-weight:900}.jj-inline-note{max-width:900px;margin:24px 0 0;padding:17px 20px;border-left:3px solid var(--red);background:rgba(225,43,43,.08);color:var(--muted)}.jj-legal{margin-top:26px;padding-top:20px;border-top:1px solid var(--border);color:var(--white)!important;font-weight:800}
.jj-pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.jj-pricing article{display:flex;min-height:100%;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,40px);border-radius:24px}.jj-pricing h3{font-size:1.35rem;text-transform:uppercase}.jj-price{margin:14px 0 22px;color:#ff6464;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:950;line-height:1}.jj-price small{font-size:.25em;color:var(--muted)}.jj-pricing .btn{width:100%;margin-top:30px}.jj-pricing-note{max-width:900px;margin:24px auto 0;color:var(--muted);font-size:.9rem;text-align:center}.jj-time{margin:24px 0 0;color:var(--muted);text-align:center}
.jj-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.jj-reviews .review-card{display:flex;flex-direction:column;margin:0;padding:26px;border-radius:22px}.jj-reviews .review-stars{color:#ff6666;letter-spacing:.14em}.jj-reviews blockquote{margin:14px 0 24px;color:var(--muted);font-size:.93rem}.jj-reviews .review-byline{display:flex;flex-direction:column;margin-top:auto}.jj-reviews cite{font-style:normal;font-weight:850}.jj-reviews .review-vehicle{color:var(--muted-dark);font-size:.82rem}.jj-review-source{margin:18px 0 0;color:var(--muted-dark);font-size:.78rem}
.jj-faq-list{max-width:900px}.jj-page .faq-item{margin-bottom:10px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.035)}.jj-page .faq-question{width:100%;padding:20px;border:0;background:transparent;color:var(--white);font:inherit;font-weight:850;text-align:left;cursor:pointer}.jj-page .faq-question:focus-visible{outline:3px solid #ff6666;outline-offset:-4px}.jj-page .faq-answer{display:none;padding:0 20px 20px;color:var(--muted)}.jj-page .faq-answer.is-open{display:block}.jj-page .faq-answer p{margin:0}
.jj-final{padding:clamp(70px,8vw,100px) 0;border-top:1px solid var(--border);text-align:center}.jj-final .container{max-width:850px}.jj-final h2{font-size:clamp(2.1rem,5vw,4.2rem)}.jj-final>div>p{color:var(--muted)}.jj-final .btn-row{justify-content:center}.jj-footer-links{display:flex;justify-content:center;gap:22px;margin-top:20px;color:#ff7777;font-size:.86rem;font-weight:800}
.resources-4jj3-card-image{height:auto;aspect-ratio:16/9;padding:clamp(18px,4vw,34px);background:var(--black-card)}.resources-4jj3-card-image img{width:100%;height:100%;object-fit:contain}.news-card:hover .resources-4jj3-card-image img{transform:none}
.resources-category-title{margin:42px 0 18px}.resource-figure img{max-width:100%;height:auto}
@media(max-width:980px){.jj-hero-grid{grid-template-columns:1fr}.jj-hero-image{max-width:760px}.jj-benefits,.jj-process{grid-template-columns:repeat(2,minmax(0,1fr))}.jj-reviews{grid-template-columns:1fr}}
@media(max-width:700px){.jj-breadcrumbs{margin-top:22px}.jj-hero{padding-top:38px}.jj-hero h1{font-size:2.65rem}.jj-vehicle-labels,.jj-two-column,.jj-pricing,.jj-benefits,.jj-process{display:grid;grid-template-columns:1fr}.jj-section{padding:58px 0}.jj-section .btn,.jj-final .btn{width:100%}.jj-footer-links{flex-direction:column;gap:8px}.resources-4jj3-card-image{padding:20px}}