.pp-bondes-page {
  --bondes-paper: #fbf8ff;
  --bondes-cream: #f4f1de;
  --bondes-white: #ffffff;
  --bondes-ink: #161a32;
  --bondes-slate: #3d405b;
  --bondes-muted: #55423e;
  --bondes-accent: #9a442d;
  --bondes-sage: #45645e;
  --bondes-gold: #c9a45c;
  --bondes-line: rgba(61, 64, 91, .14);
  color: var(--bondes-muted);
  background: var(--bondes-paper);
}

.pp-bondes-shell { overflow: hidden; background: var(--bondes-paper); }
.pp-bondes-shell h1,
.pp-bondes-shell h2,
.pp-bondes-shell h3 { color: var(--bondes-ink); }
.pp-bondes-shell a { text-underline-offset: .18em; }

.pp-bondes-hero {
  padding: 1.25rem 0 clamp(3rem, 7vw, 6.5rem);
  border-bottom: 1px solid var(--bondes-line);
  background:
    radial-gradient(720px 360px at 8% 0%, rgba(224, 122, 95, .14), transparent 64%),
    radial-gradient(620px 340px at 88% 18%, rgba(132, 165, 157, .16), transparent 66%),
    linear-gradient(180deg, #f4f1de, #fbf8ff);
}

.pp-bondes-breadcrumb { margin-bottom: clamp(2rem, 5vw, 4.5rem); }
.pp-bondes-breadcrumb a { color: var(--bondes-sage); }
.pp-bondes-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
  gap: clamp(2rem, 6vw, 5.5rem);
  align-items: center;
}
.pp-bondes-kicker,
.pp-bondes-side-label {
  color: var(--bondes-accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.pp-bondes-hero h1 {
  max-width: 760px;
  margin: .8rem 0 1.25rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.6rem, 5.4vw, 5rem);
  line-height: .99;
  letter-spacing: -.035em;
}
.pp-bondes-deck { max-width: 680px; font-size: clamp(1.08rem, 1.5vw, 1.28rem); line-height: 1.72; }
.pp-bondes-meta { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 1.5rem; color: var(--bondes-slate); font-size: .88rem; }
.pp-bondes-meta i { margin-right: .35rem; color: var(--bondes-accent); }
.pp-bondes-hero-figure { margin: 0; padding: .75rem; border: 1px solid var(--bondes-line); background: var(--bondes-white); box-shadow: 0 24px 60px rgba(61, 64, 91, .1); transform: rotate(.6deg); }
.pp-bondes-hero-figure img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.pp-bondes-hero-figure figcaption,
.pp-bondes-wide-figure figcaption,
.pp-bondes-split-figure figcaption { padding: .85rem .35rem .2rem; color: rgba(85, 66, 62, .85); font-size: .78rem; line-height: 1.55; }

.pp-bondes-main { padding: clamp(3.5rem, 8vw, 7rem) 0; }
.pp-bondes-layout { display: grid; grid-template-columns: 250px minmax(0, 760px); gap: clamp(2.5rem, 7vw, 6.5rem); justify-content: center; align-items: start; }
.pp-bondes-sidebar { position: sticky; top: 130px; display: grid; gap: 1rem; }
.pp-bondes-side-card { padding: 1.25rem; border: 1px solid var(--bondes-line); border-radius: 1rem; background: var(--bondes-white); }
.pp-bondes-toc { display: grid; gap: .65rem; margin-top: 1rem; }
.pp-bondes-toc a { color: var(--bondes-slate); font-size: .88rem; line-height: 1.35; text-decoration: none; }
.pp-bondes-toc a:hover { color: var(--bondes-accent); text-decoration: underline; }
.pp-bondes-side-fact { background: var(--bondes-cream); }
.pp-bondes-side-fact dl { margin: 1rem 0 0; }
.pp-bondes-side-fact dl div { display: grid; grid-template-columns: 3.5rem 1fr; gap: .65rem; padding: .55rem 0; border-top: 1px solid var(--bondes-line); }
.pp-bondes-side-fact dt { color: var(--bondes-accent); }
.pp-bondes-side-fact dd { margin: 0; font-size: .82rem; }

.pp-bondes-article { min-width: 0; font-size: 1.06rem; line-height: 1.82; }
.pp-bondes-article p { margin-bottom: 1.35rem; }
.pp-bondes-lead { margin-bottom: 3.5rem; }
.pp-bondes-lead p:first-child::first-letter { float: left; margin: .08em .12em 0 0; color: var(--bondes-accent); font-family: Georgia, "Times New Roman", serif; font-size: 4.7rem; line-height: .8; }
.pp-bondes-article section[id] { scroll-margin-top: 120px; margin-top: clamp(3.5rem, 8vw, 6rem); }
.pp-bondes-section-number { display: block; margin-bottom: .35rem; color: var(--bondes-gold); font-family: Georgia, "Times New Roman", serif; font-size: 1.1rem; font-weight: 700; }
.pp-bondes-article h2 { margin-bottom: 1.25rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4.1vw, 3.2rem); line-height: 1.1; letter-spacing: -.02em; }
.pp-bondes-article h3 { font-size: 1.12rem; }
.pp-bondes-article a { color: var(--bondes-accent); }
.pp-bondes-article blockquote { margin: 2.25rem 0; padding: 1.4rem 1.6rem; border-left: .28rem solid var(--bondes-accent); background: var(--bondes-cream); }
.pp-bondes-article blockquote p { margin: 0; color: var(--bondes-slate); font-family: Georgia, "Times New Roman", serif; font-size: 1.28rem; line-height: 1.55; }

.pp-bondes-language,
.pp-bondes-brazil-box { display: grid; grid-template-columns: auto 1fr; gap: 1.25rem; margin: 3rem 0; padding: 1.5rem; border: 1px solid var(--bondes-line); border-left: .3rem solid var(--bondes-gold); background: var(--bondes-cream); }
.pp-bondes-language > span { display: inline-flex; align-items: center; align-self: start; min-height: 2.4rem; padding: .35rem .7rem; border-radius: 999px; color: #fff; background: var(--bondes-sage); font-size: .72rem; font-weight: 800; }
.pp-bondes-language h2,
.pp-bondes-brazil-box h2 { margin: 0 0 .5rem; font-size: 1.45rem; }
.pp-bondes-language p,
.pp-bondes-brazil-box p:last-child { margin-bottom: 0; }
.pp-bondes-brazil-box { display: block; margin-top: 4rem; background: linear-gradient(135deg, #f1f6f4, var(--bondes-white)); }
.pp-bondes-brazil-box h2 { margin-top: .45rem; font-size: clamp(1.8rem, 3.4vw, 2.6rem); }

.pp-bondes-wide-figure,
.pp-bondes-split-figure { margin: 3rem 0; padding: .65rem; border: 1px solid var(--bondes-line); background: var(--bondes-white); }
.pp-bondes-wide-figure img { display: block; width: 100%; max-height: 620px; object-fit: cover; }
.pp-bondes-split-figure { width: min(420px, 76%); margin-left: auto; }
.pp-bondes-split-figure img { display: block; width: 100%; height: auto; }
.pp-bondes-answer-box { margin-top: 2rem; padding: 1.4rem; border: 1px solid rgba(69, 100, 94, .18); background: #f1f6f4; }
.pp-bondes-answer-box h3 { margin-bottom: .6rem; color: var(--bondes-sage); }
.pp-bondes-answer-box p { margin: 0; }

.pp-bondes-vehicle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.pp-bondes-vehicle-grid article { padding: 1.25rem; border: 1px solid var(--bondes-line); background: var(--bondes-white); }
.pp-bondes-vehicle-grid span { color: var(--bondes-accent); font-weight: 800; }
.pp-bondes-vehicle-grid h3 { margin: .25rem 0 .65rem; }
.pp-bondes-vehicle-grid p { margin: 0; font-size: .9rem; line-height: 1.65; }

.pp-bondes-sources { margin-top: 5rem; padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--bondes-line); background: var(--bondes-cream); }
.pp-bondes-source-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.pp-bondes-source-grid article { padding: 1.2rem; border: 1px solid var(--bondes-line); background: var(--bondes-white); }
.pp-bondes-source-grid h3 { margin-bottom: .45rem; }
.pp-bondes-source-grid p { margin-bottom: .7rem; font-size: .88rem; line-height: 1.55; }
.pp-bondes-source-grid a { font-size: .83rem; font-weight: 700; }
.pp-bondes-credits { margin-top: 2rem !important; padding: 1.5rem; border: 1px solid var(--bondes-line); background: var(--bondes-white); }
.pp-bondes-credits h2 { font-size: 1.45rem; }
.pp-bondes-credits ul { padding-left: 1.2rem; }
.pp-bondes-credits li,
.pp-bondes-credits p { font-size: .84rem; line-height: 1.6; }
.pp-bondes-credits p { margin-bottom: 0; }

.pp-bondes-cta { padding: clamp(3.5rem, 7vw, 6rem) 0; border-top: 1px solid var(--bondes-line); background: linear-gradient(180deg, var(--bondes-cream), var(--bondes-paper)); }
.pp-bondes-cta-card { max-width: 900px; margin: auto; padding: clamp(2rem, 5vw, 4rem); text-align: center; border: 1px solid var(--bondes-line); background: var(--bondes-white); }
.pp-bondes-cta-card h2 { margin: .65rem 0 1rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 3.2rem); }
.pp-bondes-cta-card p { max-width: 680px; margin: 0 auto 1.5rem; line-height: 1.7; }

.pp-bondes-related { padding: clamp(3.5rem, 7vw, 6rem) 0; background: var(--bondes-paper); }
.pp-bondes-related h2 { margin: .5rem 0 1.5rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 3rem); }
.pp-bondes-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.pp-bondes-related-grid a { position: relative; display: grid; min-height: 150px; padding: 1.35rem; border: 1px solid var(--bondes-line); color: inherit; background: var(--bondes-white); text-decoration: none; }
.pp-bondes-related-grid a:hover { border-color: rgba(154, 68, 45, .35); }
.pp-bondes-related-grid span { color: var(--bondes-accent); font-size: .75rem; font-weight: 800; text-transform: uppercase; }
.pp-bondes-related-grid strong { align-self: end; padding-right: 1.5rem; color: var(--bondes-ink); font-family: Georgia, "Times New Roman", serif; font-size: 1.15rem; line-height: 1.35; }
.pp-bondes-related-grid i { position: absolute; right: 1.15rem; bottom: 1.3rem; color: var(--bondes-accent); }

@media (max-width: 991.98px) {
  .pp-bondes-hero-grid { grid-template-columns: 1fr; }
  .pp-bondes-layout { grid-template-columns: 1fr; }
  .pp-bondes-sidebar { position: static; grid-template-columns: 1fr 1fr; }
  .pp-bondes-vehicle-grid,
  .pp-bondes-related-grid { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
  .pp-bondes-hero { padding-top: .85rem; }
  .pp-bondes-breadcrumb { margin-bottom: 2rem; }
  .pp-bondes-hero h1 { font-size: clamp(2.25rem, 12vw, 3.25rem); }
  .pp-bondes-meta { display: grid; }
  .pp-bondes-sidebar,
  .pp-bondes-source-grid { grid-template-columns: 1fr; }
  .pp-bondes-language { grid-template-columns: 1fr; }
  .pp-bondes-split-figure { width: 100%; }
  .pp-bondes-article { font-size: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .pp-bondes-shell * { scroll-behavior: auto !important; }
}