/* Ratgeber hub. Brand tokens (Adam red, neutrals, radius, shadows) come from /css/global.css.
   All rules are scoped to .rg-main so shared header/footer stay untouched. */
.rg-main{color:var(--c-text);background:var(--c-bg);line-height:1.65}
.rg-main *,.rg-main *::before,.rg-main *::after{box-sizing:border-box}
.rg-container{max-width:var(--container);margin:auto;padding:0 28px}
.rg-main h1{font-size:clamp(2rem,3.6vw,3rem)!important;line-height:1.12;letter-spacing:-.035em;margin:.7rem 0 1.1rem}
.rg-main h2{font-size:clamp(1.4rem,2.3vw,1.9rem)!important;line-height:1.2;letter-spacing:-.025em;margin:0 0 .7rem}
.rg-main h3{font-size:1.2rem!important;line-height:1.3;letter-spacing:-.01em;margin:.6rem 0 .7rem}
.rg-main p{margin:0 0 .8rem}
.rg-main a{color:var(--primary-hover)}
.rg-main a:hover{color:var(--c-text)}
.rg-main :focus-visible{outline:3px solid var(--primary-hover);outline-offset:3px}
.rg-main [hidden]{display:none!important}
.rg-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rg-eyebrow{display:block;font-size:.73rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--primary-hover)}

/* Breadcrumb */
.rg-breadcrumb{background:var(--c-bg-alt);border-bottom:1px solid var(--c-border);font-size:.8rem}
.rg-breadcrumb .rg-container{display:flex;gap:.7rem;flex-wrap:wrap;padding-top:.8rem;padding-bottom:.8rem}
.rg-breadcrumb a{text-decoration:none}

/* Compact hero */
.rg-hero{padding:2.6rem 0 1.8rem;border-bottom:1px solid var(--c-border)}
.rg-hero p{max-width:690px;color:var(--c-text-soft);font-size:1rem}
.rg-hero .rg-hero-sub{font-size:.92rem;margin-bottom:0}

/* Filter */
.rg-section{padding:2rem 0 3.5rem}
.rg-filter{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.1rem}
.rg-chip{display:inline-flex;align-items:center;gap:.45rem;border:1.5px solid var(--c-border);background:var(--c-bg);color:var(--c-text);font:inherit;font-size:.86rem;font-weight:700;line-height:1.2;padding:.6rem 1rem;min-height:44px;border-radius:var(--radius-pill);cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.rg-chip i{font-size:1rem}
.rg-chip-count{font-weight:500;color:var(--c-text-soft)}
.rg-chip:hover{border-color:var(--primary);background:var(--primary-l)}
.rg-chip[aria-pressed="true"]{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}
.rg-chip[aria-pressed="true"] .rg-chip-count{color:#fff;opacity:.9}
.rg-status{font-size:.82rem;color:var(--c-text-soft);margin-bottom:1.2rem!important}

/* Article grid */
.rg-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.rg-card{display:flex}
.rg-card article{display:flex;flex-direction:column;width:100%;overflow:hidden;background:var(--c-bg);border:1px solid var(--c-border);border-top:3px solid var(--primary);border-radius:var(--radius);transition:box-shadow .2s,transform .2s}
.rg-card article:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.rg-card-media{display:block;aspect-ratio:16/9;background:var(--c-bg-alt)}
.rg-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.rg-card-body{display:flex;flex-direction:column;flex:1;padding:1.5rem}
.rg-card-cat{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--primary-hover)}
.rg-card-cat i{font-size:1.15rem;color:var(--c-text)}
.rg-card h3 a{color:var(--c-text);text-decoration:none;overflow-wrap:break-word;hyphens:auto}
.rg-card h3 a:hover{color:var(--primary-hover)}
.rg-card-excerpt{font-size:.9rem;color:var(--c-text-soft);flex:1}
.rg-card-meta{font-size:.76rem;color:var(--c-text-soft)}
.rg-main .rg-card-link{align-self:flex-start;font-size:.86rem;font-weight:700;text-decoration:none;padding:.35rem 0;margin-top:.3rem}
.rg-card-link span{display:inline-block;transition:transform .18s}
.rg-card-link:hover span{transform:translateX(3px)}
.rg-card.rg-in{animation:rg-in .28s ease-out both}
@keyframes rg-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Empty state */
.rg-empty{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--c-bg-alt);border:1px dashed var(--c-border);border-radius:var(--radius);color:var(--c-text-soft);font-size:.95rem}
.rg-empty i{font-size:1.5rem;color:var(--c-text)}

/* Bottom CTA (secondary) */
.rg-cta{padding:0 0 4rem}
.rg-cta-box{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem;align-items:center;padding:1.8rem;background:var(--primary-l);border-radius:var(--radius-lg)}
.rg-cta-box p{font-size:.9rem;color:var(--c-text-soft);margin:0}
.rg-cta-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.rg-main .rg-cta-links a{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.6rem .9rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);font-size:.86rem;font-weight:700;text-decoration:none;color:var(--c-text);transition:border-color .18s}
.rg-main .rg-cta-links a:hover{border-color:var(--primary);color:var(--primary-hover)}
.rg-cta-links span{margin-left:auto}

/* Header: current-page state for the Ratgeber link (no existing convention to reuse) */
.nav-links a[aria-current="page"]{color:var(--primary)}

@media (max-width:1024px){.rg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rg-cta-box{grid-template-columns:1fr}}
@media (max-width:640px){
  .rg-container{padding:0 18px}
  .rg-hero{padding:1.8rem 0 1.4rem}
  .rg-grid{grid-template-columns:1fr}
  .rg-filter{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px 1.1rem;padding:.2rem 18px .5rem;scrollbar-width:thin}
  .rg-chip{flex:0 0 auto}
  .rg-cta-links{grid-template-columns:1fr}
  .rg-cta-box{padding:1.4rem}
}
@media (prefers-reduced-motion:reduce){
  .rg-card.rg-in{animation:none}
  .rg-card article,.rg-chip,.rg-card-link span,.rg-cta-links a{transition:none}
  .rg-card article:hover{transform:none}
}