/* HerFlow editorial views; all changes are scoped to the cycle. */
.herflow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-top: 2rem; }
.herflow-card { min-width: 0; border: 1px solid var(--color-line); border-radius: 1rem; overflow: hidden; background: var(--color-bg); }
.herflow-card__link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.herflow-card__link:focus-visible { outline: 3px solid var(--color-accent); outline-offset: -4px; }
.herflow-card__media, .herflow-card__cover { aspect-ratio: 4 / 3; overflow: hidden; }
.herflow-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.herflow-card__cover { display: flex; flex-direction: column; justify-content: center; padding: 2rem; background: var(--color-surface); color: var(--color-ink); font-size: clamp(1.5rem, 3vw, 2.4rem); font-weight: 600; }
.herflow-card__cover span { font-size: 1rem; font-weight: 400; margin-top: .75rem; }
.herflow-card__body { display: flex; flex-direction: column; flex: 1; padding: 1.5rem; gap: .8rem; }
.herflow-card__body h3 { margin: 0; font-size: 1.4rem; line-height: 1.3; overflow-wrap: anywhere; }
.herflow-card__body p { margin: 0; }
.herflow-card__body time { font-size: .875rem; }
.herflow-card__more { margin-top: auto; padding-top: .75rem; color: var(--color-ink); font-weight: 600; }
.herflow-intro { max-width: 52rem; margin-bottom: 3rem; }
.herflow-pagination ul { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; }
.single-post .category-herflow-stories .entry-content { max-width: 48rem; }
.single-post .category-herflow-stories .wp-block-video video { display: block; width: auto; max-width: 100%; height: auto; max-height: 75vh; }
@media (max-width: 1023px) { .herflow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .herflow-grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; } }

#historie { background: linear-gradient(180deg, #faf9fc, #fff); }
.herflow-card { border-color: #e8e6ee; border-radius: 1.25rem; }
.herflow-card__media, .herflow-card__cover { aspect-ratio: 4 / 5; }
.herflow-card__cover { background: radial-gradient(ellipse at top right, #e0f4f0, transparent 70%), #f0edf7; padding: 2rem; justify-content: flex-end; }
.herflow-card__cover span { padding-bottom: 1rem; }
.herflow-card__body { padding: 1.6rem; gap: 1rem; }
.herflow-card__body p { font-size: .975rem; line-height: 1.65; }
.herflow-card__body time { color: #626173; }
.herflow-card__link:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.herflow-story { padding: 2rem 0 5rem; }
.herflow-story__back { margin-bottom: 2.5rem; font-size: .925rem; }
.herflow-story__back a { color: var(--color-ink-soft); }
.herflow-story__hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding-bottom: 4rem; border-bottom: 1px solid var(--color-line); }
.herflow-story__hero h1 { font-size: clamp(2.15rem, 4vw, 3.8rem); line-height: 1.08; letter-spacing: -.035em; margin: 1rem 0 1.6rem; overflow-wrap: anywhere; }
.herflow-story__lead { font-size: 1.15rem; line-height: 1.65; margin: 0 0 1.75rem; }
.herflow-story__opening time { font-size: .9rem; color: #626173; }
.herflow-story__portrait { margin: 0; overflow: hidden; border-radius: 1.5rem; background: #f5f4f7; }
.herflow-story__portrait img { display: block; width: 100%; height: auto; }
.herflow-story--text .herflow-story__hero { display: block; max-width: 58rem; margin: 0 auto; padding: 2rem 0 4rem; }
.herflow-story__reading { max-width: 46rem; margin: 3.5rem auto 0; }
.herflow-story .entry-content { font-size: 1.0625rem; line-height: 1.85; color: #414354; overflow-wrap: anywhere; }
.herflow-story .entry-content > p { margin: 0 0 1.5rem; }
.herflow-story .entry-content h2 { font-size: clamp(1.55rem, 2.5vw, 2rem); line-height: 1.25; margin: 3rem 0 1.25rem; }
.herflow-story .entry-content h3 { font-size: 1.2rem; line-height: 1.4; margin: 2rem 0 .75rem; }
.herflow-story .entry-content blockquote { margin: 2rem 0; padding: .25rem 0 .25rem 1.5rem; border-left: 3px solid #b9a6df; font-size: 1.12rem; font-style: normal; color: var(--color-ink); }
.herflow-story .entry-content blockquote p { margin: 0; }
.herflow-story .entry-content li { margin-bottom: .65rem; }
.herflow-story__footer { border-top: 1px solid var(--color-line); padding-top: 2rem; margin-top: 3.5rem; }
.herflow-story__footer p { margin-bottom: 1rem; }
.herflow-story a:focus-visible, .herflow a:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 4px; }
.herflow .herflow-card__link:focus-visible { outline-offset: -4px; }
@media (max-width: 767px) { .herflow-story__hero { grid-template-columns: 1fr; gap: 2rem; padding-bottom: 2.5rem; } .herflow-story__portrait { max-width: 30rem; } .herflow-story { padding: 1.5rem 0 3rem; } .herflow-story__reading { margin-top: 2.5rem; } .herflow-story__back { margin-bottom: 1.5rem; } }