/* Artikel mit Matrixgrafik und ausfüllbarer Arbeitshilfe (body.ss-article-page).
   Nach Vorlage artikel.css, aber nur auf den Beitragsinhalt begrenzt und in den Farben der Website.
   Keine Regeln für body oder allgemeine Selektoren. */

/* Tabellen: lesbar, auf Mobilgeräten innerhalb der Tabelle horizontal scrollbar */
.ss-article-page .entry-content .wp-block-table,
.ss-article-page .entry-content .ss-table-wrap{margin:1.6em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ss-article-page .entry-content .wp-block-table table,
.ss-article-page .entry-content .ss-table-wrap table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.ss-article-page .entry-content .wp-block-table th,
.ss-article-page .entry-content .wp-block-table td,
.ss-article-page .entry-content .ss-table-wrap th,
.ss-article-page .entry-content .ss-table-wrap td{padding:11px 12px;border:1px solid var(--c-line,#E2E3E7);text-align:left;vertical-align:top}
.ss-article-page .entry-content .wp-block-table thead th,
.ss-article-page .entry-content .ss-table-wrap thead th{background:var(--c-surface,#F4F4F6);color:var(--c-ink,#26282F);font-weight:650;border-bottom:2px solid var(--c-brand,#5A5C68)}
.ss-article-page .entry-content .wp-block-table tbody tr:nth-child(even) td{background:#FAFAFB}
.ss-article-page .entry-content .wp-block-table thead{border-bottom:0}
@media screen and (max-width:720px){
  .ss-article-page .entry-content .wp-block-table table{min-width:540px}
  .ss-article-page .entry-content .wp-block-table{box-shadow:inset -12px 0 10px -10px rgba(38,40,47,.18)}
}

/* Matrixgrafik: Inline-SVG, Link auf die große PNG-Fassung zum Vergrößern */
.ss-article-page .entry-content .kim-matrix{margin:1.8em 0}
.ss-article-page .entry-content .kim-matrix a.kim-matrix-zoom{display:block;border:1px solid var(--c-line,#E2E3E7);border-radius:10px;overflow:hidden;cursor:zoom-in}
.ss-article-page .entry-content .kim-matrix svg{display:block;width:100%;height:auto}
.ss-article-page .entry-content .kim-matrix figcaption{margin:.7em 0 0;font-size:14px;line-height:1.5;color:var(--c-muted,#696C77);text-transform:none;letter-spacing:normal;font-weight:400;text-align:left}
.ss-article-page .entry-content .kim-matrix-open{display:inline-block;margin-top:.4em;font-weight:600;color:var(--c-accent,#A22020)}
@media screen and (min-width:900px){.ss-article-page .entry-content .kim-matrix-open{display:none}}

/* Arbeitshilfe */
.ss-article-page .ss-worksheet{margin:1.4em 0 2em;padding:clamp(18px,3vw,28px);border-radius:12px;background:var(--c-surface,#F4F4F6)}
.ss-article-page .ss-worksheet h3{margin-top:1.4em}
/* Desktop: die Arbeitshilfe tritt aus der schmalen Textspalte heraus, damit die Ideenliste Platz hat. */
@media screen and (min-width:960px){
  .ss-article-page .entry-content .ss-worksheet{position:relative;left:50%;transform:translateX(-50%);width:min(1100px,92vw);box-sizing:border-box}
  .ss-article-page .ss-ideen td:nth-child(2) textarea{min-width:260px}
}
.ss-article-page .ss-worksheet .ss-table-wrap{background:#fff;border-radius:8px}
.ss-article-page .ss-form-help{margin:0 0 1em;font-size:15px;line-height:1.55;color:var(--c-text,#40434C)}
.ss-article-page .ss-form-help strong{color:var(--c-ink,#26282F)}
.ss-article-page .ss-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 .4em}
.ss-article-page .ss-tools button{padding:11px 18px;border:1px solid var(--c-accent,#A22020);border-radius:6px;background:var(--c-accent,#A22020);color:#fff;font:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer}
.ss-article-page .ss-tools button[data-ss-action="download"]{background:#fff;color:var(--c-accent,#A22020)}
.ss-article-page .ss-tools button:hover{background:var(--c-accent-hover,#861A1A);border-color:var(--c-accent-hover,#861A1A);color:#fff}
.ss-article-page .ss-tools button:focus-visible{outline:3px solid var(--c-ink,#26282F);outline-offset:2px}
.ss-article-page .ss-worksheet input,
.ss-article-page .ss-worksheet textarea{display:block;width:100%;box-sizing:border-box;min-width:52px;margin:0;padding:7px 8px;border:1px solid #B9BBC3;border-radius:4px;background:#fff;color:var(--c-ink,#26282F);font:inherit;font-size:15px;line-height:1.45}
.ss-article-page .ss-worksheet textarea{min-width:150px;min-height:3.2em;resize:vertical;overflow:hidden}
.ss-article-page .ss-worksheet input:focus,
.ss-article-page .ss-worksheet textarea:focus{outline:2px solid var(--c-accent,#A22020);outline-offset:0;border-color:var(--c-accent,#A22020)}
.ss-article-page .ss-ideen th:first-child,.ss-article-page .ss-ideen td:first-child{width:2.6em;text-align:center}
.ss-article-page .ss-ideen th:nth-child(3),.ss-article-page .ss-ideen th:nth-child(4),.ss-article-page .ss-ideen th:nth-child(5){width:6.5em}
.ss-article-page .ss-steckbrief td:first-child{width:38%;font-weight:600;color:var(--c-ink,#26282F)}
.ss-print-mirror{display:none}

/* Mobil: Formulartabellen als gestapelte Karten statt Querscrollen */
@media screen and (max-width:720px){
  .ss-article-page .ss-worksheet table,.ss-article-page .ss-worksheet tbody,.ss-article-page .ss-worksheet tr,.ss-article-page .ss-worksheet td{display:block;width:auto!important}
  .ss-article-page .ss-worksheet thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ss-article-page .ss-worksheet tr{margin:0 0 12px;padding:10px 12px;border:1px solid var(--c-line,#E2E3E7);border-radius:8px;background:#fff}
  .ss-article-page .ss-worksheet td{border:0!important;padding:5px 0!important;text-align:left!important}
  .ss-article-page .ss-worksheet td[data-th]::before{content:attr(data-th);display:block;margin-bottom:3px;font-size:13px;font-weight:650;color:var(--c-muted,#696C77)}
  .ss-article-page .ss-ideen td:first-child{font-weight:700;color:var(--c-ink,#26282F)}
  .ss-article-page .ss-ideen td:first-child::before{content:"Idee "}
  .ss-article-page .ss-steckbrief td:first-child{width:auto}
  .ss-article-page .ss-worksheet textarea{min-width:0}
}

/* Druck */
#ss-print-root{display:none}
@media print{
  .ss-worksheet textarea,.ss-worksheet input{display:none!important}
  .ss-print-mirror{display:block;min-height:1.4em;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid #999;font-size:10pt;line-height:1.4}
  .ss-worksheet .ss-tools,.ss-worksheet .ss-form-help{display:none!important}
  .ss-worksheet .ss-table-wrap,.wp-block-table{overflow:visible!important;box-shadow:none!important}
  .ss-worksheet table,.wp-block-table table{min-width:0!important;font-size:9.5pt}
  .ss-worksheet th,.ss-worksheet td{padding:5px!important}
  html.ss-printing body > *:not(#ss-print-root){display:none!important}
  html.ss-printing body{background:#fff!important}
  html.ss-printing #ss-print-root{display:block;color:#000;font:10.5pt/1.45 "Inter",system-ui,sans-serif}
  #ss-print-root h1{margin:0 0 10pt;font-size:16pt}
  #ss-print-root h3{margin:14pt 0 6pt;font-size:12.5pt;break-after:avoid}
  #ss-print-root p{margin:0 0 6pt}
  #ss-print-root .ss-worksheet{padding:0;background:none}
  #ss-print-root table{width:100%;border-collapse:collapse}
  #ss-print-root th,#ss-print-root td{border:1px solid #888;text-align:left;vertical-align:top}
  #ss-print-root thead{display:table-header-group}
  #ss-print-root .ss-print-mirror{border-bottom:0}
}