/*
 * Homepage refinement 2026-09-12
 * A restrained, continuous petrol canvas with deliberate paper inserts.
 * Loaded last and scoped to the review class so the production composition
 * and all interactive behaviour remain unchanged.
 */
body.ri-petrol-polish {
  --rp-deep:#072c35;
  --rp-petrol:#0d3943;
  --rp-mid:#164751;
  --rp-light:#215761;
  --rp-paper:#f6f3eb;
  --rp-white:#fffdf7;
  --rp-copy:#dce9e8;
  --rp-muted:#b9cdce;
  --rp-gold:#d8b96f;
  --rp-rule:rgba(216,185,111,.34);
  background:
    radial-gradient(circle at 82% 14%,rgba(65,126,132,.28),transparent 34rem),
    linear-gradient(155deg,var(--rp-deep) 0%,var(--rp-mid) 46%,#0a323b 100%);
  color:var(--rp-copy);
}

/* One continuous visual rhythm: every large chapter meets the next in petrol. */
body.ri-petrol-polish :is(#vita,#qualitaetsnachweise,#referenzobjekt,#medienproduktion,#regionaler-lageatlas,#marktberichte) {
  position:relative;
  border:0;
  border-top:1px solid var(--rp-rule);
  box-shadow:none;
}
body.ri-petrol-polish :is(#qualitaetsnachweise,#referenzobjekt,#medienproduktion,#regionaler-lageatlas,#marktberichte)::before {
  content:"";
  position:absolute;
  inset:0 auto auto max(20px,calc((100% - 1280px)/2));
  width:clamp(44px,7vw,108px);
  height:2px;
  background:var(--rp-gold);
  opacity:.9;
  pointer-events:none;
}

/* Qualifications remain a calm paper dossier so the dark seal stays authentic. */
body.ri-petrol-polish.kc-home.kc-refined #vita.vq-intro {
  padding:clamp(34px,4vw,58px) 0;
  background:
    radial-gradient(circle at 11% 0%,rgba(65,126,132,.28),transparent 28rem),
    linear-gradient(118deg,#082f38 0%,#174852 58%,#0d3740 100%);
}
body.ri-petrol-polish #vita .vq-shell {
  padding:clamp(24px,3.2vw,42px);
  background:linear-gradient(135deg,#fbf9f2 0%,#f1f3ed 100%);
  border:1px solid rgba(216,185,111,.48);
  box-shadow:0 22px 52px rgba(0,20,27,.18);
}
body.ri-petrol-polish #vita .vq-photo::after { width:64px; background:#a88336; }

/* Evidence ribbon: quiet petrol field; authentic badges remain the focus. */
body.ri-petrol-polish.home-editorial.kc-home.kc-refined.ri-review-finish #qualitaetsnachweise {
  padding:clamp(40px,4vw,58px) 0;
  background:
    radial-gradient(circle at 84% 42%,rgba(71,129,134,.23),transparent 30rem),
    linear-gradient(120deg,#0b333c,#154650 62%,#103b44) !important;
}
body.ri-petrol-polish #qualitaetsnachweise .quality-award-card + .quality-award-card {
  border-color:rgba(224,236,232,.22);
}
body.ri-petrol-polish #qualitaetsnachweise .quality-award-copy h2 { color:var(--rp-white) !important; }
body.ri-petrol-polish #qualitaetsnachweise .quality-award-copy>span { color:var(--rp-gold) !important; }
body.ri-petrol-polish #qualitaetsnachweise .quality-award-copy>p { color:var(--rp-muted) !important; }

/* Reference exposé: dark gallery wall, bright publication pages. */
body.ri-petrol-polish.kc-home.kc-refined #referenzobjekt.nh-reference {
  background:
    radial-gradient(circle at 12% 24%,rgba(74,132,135,.18),transparent 34rem),
    linear-gradient(145deg,#082f38 0%,#123f49 52%,#0a323b 100%);
  color:var(--rp-copy);
}
body.ri-petrol-polish #referenzobjekt :is(h2,.ed-spread-heading p,.reference-publication-controls p strong,.kc-reference-text-link .ed-link) {
  color:var(--rp-white) !important;
}
body.ri-petrol-polish #referenzobjekt h2 em { color:#9ed3d7 !important; }
body.ri-petrol-polish #referenzobjekt .reference-publication-controls .ed-link { color:var(--rp-white) !important; }
body.ri-petrol-polish #referenzobjekt :is(.ed-spread-heading p.ed-small,.reference-publication-controls p span,#referencePageStatus) {
  color:var(--rp-muted);
}
body.ri-petrol-polish #referenzobjekt .ed-kicker { color:var(--rp-gold); }
body.ri-petrol-polish #referenzobjekt :is(.reference-publication-controls,.kc-reference-text-link) {
  border-color:rgba(224,236,232,.28);
}
body.ri-petrol-polish #referenzobjekt .reference-publication-dots button {
  border-color:#bcd0cf;
  color:var(--rp-white);
}

/* Photography and film: content opens directly on a deeper editorial chapter. */
body.ri-petrol-polish.kc-home #medienproduktion.ri-service-teaser {
  background:
    radial-gradient(circle at 86% 8%,rgba(79,142,146,.22),transparent 32rem),
    linear-gradient(120deg,#103b44,#1b4e57 54%,#0d3740);
  color:var(--rp-copy);
}
body.ri-petrol-polish #medienproduktion :is(h2,summary,summary strong,.st-link,.st-footer p,.st-status,.st-privacy a) {
  color:var(--rp-white) !important;
}
body.ri-petrol-polish #medienproduktion h2 em { color:#9ed3d7 !important; }
body.ri-petrol-polish #medienproduktion :is(.st-heading>p,.st-instruction,.st-purpose,.st-description,.st-description p,.st-proof-note,.st-privacy,.st-source-note) {
  color:var(--rp-muted);
}
body.ri-petrol-polish #medienproduktion .st-making figcaption { color:var(--rp-muted); }
body.ri-petrol-polish #medienproduktion .st-making figcaption strong { color:var(--rp-white); }
body.ri-petrol-polish #medienproduktion :is(.st-kicker,.st-number) { color:var(--rp-gold); }
body.ri-petrol-polish #medienproduktion :is(.st-item,.st-item:last-of-type,.st-making,.st-footer) {
  border-color:rgba(224,236,232,.27);
}
body.ri-petrol-polish #medienproduktion .st-item[open]>summary { border-top-color:var(--rp-gold); }
body.ri-petrol-polish #medienproduktion summary:hover strong { color:#f0d594; }

/* Atlas: a petrol room around a legible map and restrained paper controls. */
body.ri-petrol-polish #regionaler-lageatlas {
  background:
    radial-gradient(circle at 18% 20%,rgba(92,151,150,.2),transparent 36rem),
    linear-gradient(145deg,#0a323b,#174852 58%,#0b333c);
  color:var(--rp-copy);
}
body.ri-petrol-polish #regionaler-lageatlas .dc-heading :is(h2,p) { color:var(--rp-white); }
body.ri-petrol-polish #regionaler-lageatlas .dc-heading h2 em { color:#9ed3d7 !important; }
body.ri-petrol-polish #regionaler-lageatlas .dc-heading .dc-kicker { color:var(--rp-gold); }
body.ri-petrol-polish #regionaler-lageatlas .dc-navigation {
  border-color:rgba(224,236,232,.28);
}
body.ri-petrol-polish #regionaler-lageatlas .dc-tab {
  color:var(--rp-white);
  border-color:rgba(224,236,232,.28);
  background:rgba(255,255,255,.025);
}
body.ri-petrol-polish #regionaler-lageatlas .dc-tab:is(:hover,:focus-visible) {
  color:var(--rp-white);
  background:rgba(255,255,255,.09);
}
body.ri-petrol-polish #regionaler-lageatlas .dc-tab[aria-selected="true"] {
  color:#123e47;
  background:var(--rp-paper);
}
body.ri-petrol-polish #regionaler-lageatlas .dc-tab-number { color:var(--rp-gold); }
body.ri-petrol-polish #regionaler-lageatlas .dc-location {
  background:linear-gradient(135deg,#fbf9f2,#eef2ec);
  color:#173e46;
  border-top-color:#b58f3f;
}
body.ri-petrol-polish #regionaler-lageatlas .dc-location :is(h3,h4,p,a,button) { color:#173e46; }
body.ri-petrol-polish #regionaler-lageatlas .dc-location .dc-kicker { color:#795d29; }
body.ri-petrol-polish #regionaler-lageatlas .dc-location .dc-location-button {
  color:var(--rp-white);
  background:#17434c;
}
body.ri-petrol-polish #regionaler-lageatlas .dc-location .dc-location-button:is(:hover,:focus-visible) {
  color:#12363e;
  background:#e4cb8d;
}

/* Market reports read as publications displayed on a dark editorial table. */
body.ri-petrol-polish.home-editorial.kc-home.kc-refined.ri-review-finish.ri-magazine-preview #marktberichte {
  background:
    radial-gradient(circle at 78% 18%,rgba(73,135,139,.22),transparent 34rem),
    linear-gradient(125deg,#0d3740,#184953 57%,#0a323b);
  color:var(--rp-copy);
}
body.ri-petrol-polish #marktberichte :is(h2,h3,.mag-report-deck,.mb-actions a,.mb-spread-caption>span:last-child) {
  color:var(--rp-white) !important;
}
body.ri-petrol-polish #marktberichte :is(.mag-reports-heading>p,.mag-report-description,.mb-edition,.mag-report-footnote p,.mb-spread-caption) {
  color:var(--rp-muted) !important;
}
body.ri-petrol-polish #marktberichte h2 em { color:#9ed3d7 !important; }
body.ri-petrol-polish #marktberichte :is(.ed-kicker,.mag-report-date,.mag-report-footnote>span) { color:var(--rp-gold); }
body.ri-petrol-polish #marktberichte :is(.mag-reports-heading,.mag-report-sidebar,.mag-report-city+.mag-report-city,.mag-report-footnote,.mb-city-editions) {
  border-color:rgba(224,236,232,.28);
}
body.ri-petrol-polish #marktberichte .mag-report-book {
  box-shadow:5px 7px 0 rgba(240,235,220,.42),10px 18px 28px rgba(0,19,25,.4);
}

/* The reported white-on-white defect and related editorial link states. */
body.ri-petrol-polish.home-editorial.kc-home.kc-refined.ri-review-finish #faq details:is(:hover,:focus-within,[open]) {
  background:rgba(255,255,255,.065);
  border-left-color:var(--rp-gold);
}
body.ri-petrol-polish #faq details:is(:hover,:focus-within,[open]) :is(summary,p) {
  color:var(--rp-white);
}
body.ri-petrol-polish .jf.jf-overlay .jf-copy .jf-link:is(:hover,:focus-visible) {
  color:#f0d594;
  background:transparent;
  border-color:#f0d594;
}
body.ri-petrol-polish #broschueren .ob-actions a:is(:hover,:focus-visible),
body.ri-petrol-polish #referenzobjekt .ed-link:is(:hover,:focus-visible),
body.ri-petrol-polish #marktberichte .mb-actions a:is(:hover,:focus-visible) {
  color:#f0d594;
  background:transparent;
}

/* Fine transitions only where a pointer exists. */
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  body.ri-petrol-polish :is(#vita .vq-shell,.reference-book-spread,.mb-spread) {
    transition:transform .24s ease,box-shadow .24s ease;
  }
  body.ri-petrol-polish #vita .vq-shell:hover { transform:translateY(-2px); box-shadow:0 26px 58px rgba(0,20,27,.23); }
}
@media(max-width:800px) {
  body.ri-petrol-polish #vita .vq-shell { padding:24px; }
  body.ri-petrol-polish #regionaler-lageatlas .dc-tab { background:rgba(255,255,255,.04); }
}
@media(max-width:540px) {
  body.ri-petrol-polish #vita .vq-shell { width:calc(100% - 28px); padding:20px 16px; }
  body.ri-petrol-polish :is(#qualitaetsnachweise,#referenzobjekt,#medienproduktion,#regionaler-lageatlas,#marktberichte)::before {
    left:20px;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.ri-petrol-polish *,body.ri-petrol-polish *::before,body.ri-petrol-polish *::after {
    transition-duration:.001ms;
    animation-duration:.001ms;
    animation-iteration-count:1;
  }
}