/* apiara — site / Seiten-CSS: pages/imkerverbaende.html.twig
   Nur was diese Seite allein braucht. Alles Gemeinsame liegt in
   assets/styles/site/{core,content,listing,auth}.css. */

/* Seiteneigene, `.site`-gescopte Layout- und Textregeln. Der Site-Baukasten hat
       weder ein „Hero + zweispaltig mit Sticky-Sidebar“-Raster noch die feinen
       Karten-Innentexte dieser Seite. Alle Farben kommen aus Tokens. */
    /* Zweispaltig: Inhalt + schmale Sidebar (unter lg gestapelt). */
    .site .assoc-layout{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}
    @media(min-width:1024px){.site .assoc-layout{grid-template-columns:minmax(0,1fr) 18rem}}
    .site .assoc-main{min-width:0}

    /* Abschnittsrhythmus — `.site *{margin:0}` macht die Tailwind-Abstände tot. */
    .site .assoc-sec{margin-bottom:3.5rem}
    .site .assoc-sec > * + *{margin-top:1.25rem}
    .site .assoc-subhead{font-size:1.05rem;font-weight:700;color:var(--heading)}

    /* Karten-Raster (Bundesländer, Institute). */
    .site .assoc-cols{display:grid;gap:1rem;grid-template-columns:1fr}
    @media(min-width:640px){.site .assoc-cols{grid-template-columns:1fr 1fr}}

    /* Bundesland-Karte: der Regionsname bleibt Absatz, keine Überschrift —
       so wie in der Vorlage, damit die Dokumentgliederung erhalten bleibt. */
    .site .assoc-state{padding:1rem}
    .site .assoc-state-name{font-weight:700;color:var(--heading);font-size:.95rem}
    .site .assoc-state-orgs{color:var(--text-dim);font-size:.82rem;line-height:1.55;margin-top:.3rem}
    .site .assoc-state-orgs a{color:var(--accent)}
    .site .assoc-state-orgs a:hover{color:var(--accent-bright);text-decoration:underline;text-underline-offset:2px}

    /* Ort-Zeile in den Org-Karten (überstimmt `.pg-stat--titled p`). */
    .site .pg-stat--titled .assoc-loc{color:var(--text-mute);font-size:.8rem;margin-top:.4rem}

    /* Lokaler-Tipp-Kasten: der eingebettete Link. */
    .site .assoc-tip a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
    .site .assoc-tip a:hover{color:var(--accent-bright)}

    /* Haupt-CTA: die zwei Inline-Links im Fließtext. Sitzen auf dem `.pg-cta`-
       Banner (`--cta-bg`, in beiden Themes dunkel), brauchen also `--cta-fg` —
       `--on-accent` waere im Dunkelmodus fast schwarz und unlesbar. */
    .site .assoc-cta-text a{color:var(--cta-fg);text-decoration:underline;text-underline-offset:2px;font-weight:600}

    /* Sidebar: Symbol-/Text-Linklisten. */
    .site .assoc-links{display:grid;gap:.2rem}
    .site .assoc-links a{display:flex;align-items:center;gap:.55rem;padding:.5rem .6rem;border-radius:var(--r-sm);
      color:var(--text-dim);font-size:.9375rem;line-height:1.35;transition:background .15s,color .15s}
    .site .assoc-links a:hover{background:var(--chip-bg);color:var(--accent)}
    .site .assoc-links svg{width:1.25rem;height:1.25rem;flex:none;color:var(--accent)}
    .site .assoc-links a.is-all{color:var(--accent);font-weight:600}

    /* Sidebar-CTA-Karte. */
    .site .assoc-side-text{color:var(--text-dim);font-size:.9375rem;line-height:1.55;margin-bottom:1rem}
    .site .assoc-side-btn{width:100%}