/* Gemeinsame Artikelgestaltung für alle Contentseiten. */
.content-hero { padding-block:64px 48px; }
.content-hero h1 { max-width:1050px; overflow-wrap:normal; hyphens:none; }
.content-description { max-width:760px; font-size:20px; margin-top:28px; }
.content-article { padding-block:44px 72px; overflow-wrap:anywhere; }
.content-article h2 { margin-block:48px 22px; }
.content-article h3 { margin-block:32px 16px; }
.content-article h4 { font-family:Kanit,Arial,sans-serif; font-size:23px; margin-block:24px 12px; }
.content-article li + li { margin-top:10px; }
.content-article img { max-width:100%; height:auto; }
.content-article blockquote { margin-inline:0; padding:20px 24px; border-left:4px solid var(--ink); background:var(--cream); }
.content-intro { display:grid; grid-template-columns:1.5fr 1fr; gap:65px; align-items:center; }
.content-intro > * { min-width:0; }
.content-intro h1 > span { max-width:100%; white-space:normal; }
.content-note { background:var(--violet); border:2px solid var(--ink); border-radius:var(--radius); box-shadow:var(--shadow); padding:30px; transform:rotate(1deg); }
.content-note h2 { font-size:32px; margin-bottom:18px; }
.content-note p { font-size:16px; }
.content-note .eyebrow { font-size:12px; }
.content-actions { display:flex; gap:22px; flex-wrap:wrap; align-items:center; margin-top:28px; }
.content-actions .button { max-width:100%; }
.content-secondary { font-size:15px; font-weight:700; }
.content-meta,.content-small { font-size:14px; margin-top:24px; }
.content-toc { display:flex; align-items:flex-start; flex-wrap:wrap; gap:12px 24px; padding:24px 28px; background:var(--cream); border:2px solid var(--ink); border-radius:var(--radius); font-size:14px; }
.content-toc strong { width:100%; font-size:16px; }
.content-toc a { font-size:14px; text-decoration:underline; }
.content-summary { margin-top:44px; padding:32px; background:var(--white); border:2px solid var(--ink); border-radius:var(--radius); box-shadow:var(--shadow); }
.content-article .eyebrow { margin-bottom:14px; }
.content-article h2 { font-size:40px; margin:0 0 24px; }
.content-section { margin-top:64px; }
.content-priorities { padding-left:22px; margin-block:24px; }
.content-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; margin-top:30px; }
.content-feature { min-width:0; border-top:2px solid var(--ink); padding:24px 0 30px; }
.content-feature h3 { margin:12px 0 16px; }
.content-feature p:not(.content-priority) { font-size:17px; }
.content-priority { display:inline-block; font-size:12px; font-weight:700; line-height:1.6; background:var(--cream); padding:4px 9px; border:1px solid var(--ink); }
.content-feature-highlight .content-priority { background:var(--pink); }
.content-section-link { padding:18px 22px; background:var(--blue); border:2px solid var(--ink); border-radius:var(--radius); font-size:16px; font-weight:700; }
.content-cta { margin-top:64px; background:var(--violet); border:2px solid var(--ink); border-radius:var(--radius); padding:32px; box-shadow:var(--shadow); }
.content-cta ol { padding-left:24px; margin-block:24px; }
.content-faq { margin-top:16px; padding:20px 24px; background:var(--white); border:2px solid var(--ink); border-radius:var(--radius); }
.content-faq summary { font-weight:700; cursor:pointer; }
.content-faq p { margin-top:18px; font-size:17px; }
.content-sources { margin-top:56px; border-top:2px solid var(--ink); padding-top:28px; font-size:14px; }
.content-sources h2 { font-size:26px; margin-bottom:18px; }
@media(max-width:1050px) {
  .content-intro { gap:35px; }
  .content-note { padding:22px; }
  .content-note h2 { font-size:27px; }
}
@media(max-width:850px) {
  .content-hero { padding-block:42px 36px; }
  .content-hero h1 { font-size:clamp(38px,7vw,64px); }
  .content-description { font-size:18px; }
  .content-article { padding-block:36px 48px; }
  .content-intro { grid-template-columns:1fr; gap:36px; }
  .content-note { transform:none; }
  .content-note h2 { font-size:29px; }
  .content-hero h1 { font-size:clamp(38px,7vw,64px); }
  .content-features { grid-template-columns:1fr; }
  .content-article h2 { font-size:34px; }
  .content-sources h2 { font-size:26px; }
  .content-section { margin-top:48px; }
}
@media(max-width:620px) {
  .content-summary,.content-cta { padding:24px 20px; box-shadow:4px 4px 0 var(--ink); }
  .content-toc { padding:20px; gap:12px 18px; }
  .content-actions { align-items:flex-start; flex-direction:column; }
  .content-actions .button { padding:16px 18px; font-size:16px; }
  .content-faq { padding:18px; }
  .content-article h2 { font-size:31px; }
  .content-sources h2 { font-size:25px; }
}
@media print {
  .content-intro { grid-template-columns:1fr; }
  .content-note,.content-toc,.content-actions { display:none; }
  .content-features { grid-template-columns:1fr; }
}