/* Bildungsforum NRW – eigene Fachbeiträge (Ergänzung zu style.css). */

/* Die drei Perspektiven bleiben bestehen; der erste Bereich verlinkt auf
   einen eigenständigen Beitrag. */
.principles {
    gap: clamp(18px, 3vw, 44px);
    align-items: stretch;
}
.principle {
    flex: 1 1 0;
    min-width: 0;
}
.principle + .principle {
    border-left: 1px solid var(--line);
    padding-left: clamp(15px, 2.5vw, 40px);
}
.principle h2 {
    font-family: Georgia, serif;
    font-size: inherit;
    line-height: 1.2;
    letter-spacing: normal;
    font-weight: 400;
    margin: 0;
}
.principle-kicker {
    margin: 18px 0 5px;
    font: 700 10px/1.5 Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #52655c;
}
.principle-article-link {
    display: inline-block;
    font: 600 17px/1.4 Arial, Helvetica, sans-serif;
    text-decoration: underline;
    text-decoration-color: #9aa979;
    text-underline-offset: 4px;
}
.principle-article-link:hover { text-decoration-color: currentColor; }
.principle-byline {
    margin: 6px 0 0;
    font: 12px/1.5 Arial, Helvetica, sans-serif;
    color: #52655c;
}

/* Gemeinsame Gestaltung für eigene, dauerhaft verfügbare Fachbeiträge. */
.feature-article { max-width: 1100px; }
.feature-article h1 {
    max-width: 900px;
    margin: 0 0 22px;
    font-size: clamp(42px, 5.8vw, 76px);
    line-height: 1.09;
    letter-spacing: -2.5px;
}
.feature-article .feature-lead {
    max-width: 750px;
    color: #455e56;
    font-size: clamp(18px, 2.1vw, 22px);
    line-height: 1.55;
    margin: 0 0 22px;
}
.feature-author {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 28px 0 43px;
}
.feature-author img {
    display: block;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    object-fit: cover;
}
.feature-author strong, .feature-author span { display: block; }
.feature-author span { color: #52655c; font-size: 13px; }
.feature-article .feature-content {
    max-width: 800px;
}
.feature-content p { line-height: 1.82; }
.feature-topics { padding-left: 1.4rem; margin: 12px 0 24px; }
.feature-topics li { padding-left: .2rem; margin-bottom: 9px; }
.feature-pdf-section { margin-top: 46px; padding-top: 26px; border-top: 1px solid var(--line); }
.feature-article a.feature-pdf-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 19px;
    margin: 5px 0 15px;
    color: white;
    background: var(--ink);
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}
.feature-article a.feature-pdf-link:hover { background: var(--green); }
.feature-pdf-object {
    display: block;
    width: 100%;
    height: 740px;
    max-height: 75vh;
    border: 1px solid var(--line);
    background: #fff;
    margin: 14px 0 25px;
}
.feature-source-note {
    color: #52655c;
    font-size: 13px;
    padding-top: 19px;
    border-top: 1px solid var(--line);
}
.feature-back-bottom { margin-top: 32px; }

@media (max-width: 760px) {
    .principles { gap: 20px; }
    .principle + .principle { padding-left: 18px; }
    .principle h2 { font-size: 18px; }
    .principle-article-link { font-size: 15px; }
}
@media (max-width: 620px) {
    .principles { display: grid; grid-template-columns: 1fr; gap: 0; padding-top: 8px; padding-bottom: 8px; }
    .principle { padding: 17px 0; }
    .principle + .principle { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; }
    .principle h2 { font-size: 22px; }
    .principle-kicker { margin-top: 13px; }
    .feature-article h1 { letter-spacing: -1.5px; }
    .feature-author { margin-bottom: 29px; }
    .feature-pdf-object { height: 440px; }
}
@media print {
    .feature-pdf-object { display: none; }
    .feature-pdf-link { display: none !important; }
}