/* Kanal-Kompass: Eingabe, Empfehlung mit Wochenplan (zugleich Vorlage fürs PDF) */
.kk-sec{padding:56px 0 72px;}
.kk-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:40px;align-items:start;}
.kk-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:0 0 18px;}
.kk-box h2{font-size:1.15rem;color:var(--dark);margin:0 0 12px;}
.kk-box .hilfe{color:var(--grey);font-size:.88rem;line-height:1.5;margin:0 0 8px;}
.kk-feld{display:block;margin:0 0 8px;}
.kk-feld > span{display:block;font-weight:700;color:var(--dark);font-size:.9rem;margin:0 0 8px;}
.kk-feld small{font-weight:400;color:var(--grey);}
.kk-sec input[type=text]{width:100%;padding:9px 10px;font:inherit;font-size:.93rem;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-sizing:border-box;}
.kk-sec input[type=text]:focus{outline:3px solid var(--red);outline-offset:1px;border-color:var(--red);}
.kk-sec input[type=range]{width:100%;accent-color:var(--red);}
.kk-sec output{color:var(--red);}
.kk-meldung{color:var(--red);font-size:.85rem;font-weight:700;margin:6px 0 0;}
.kk-meldung:empty{display:none;}
.kk-wahl{display:flex;gap:10px;align-items:flex-start;padding:5px 0;cursor:pointer;line-height:1.4;font-size:.92rem;}
.kk-wahl input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--red);flex:0 0 auto;}
.kk-chips{display:flex;flex-wrap:wrap;gap:6px;}
.kk-chip{position:relative;cursor:pointer;}
.kk-chip input{position:absolute;opacity:0;width:1px;height:1px;}
.kk-chip span{display:inline-block;padding:6px 12px;border:1.5px solid var(--line);border-radius:999px;font-size:.86rem;background:#fff;}
.kk-chip input:checked + span{border-color:var(--red);background:#fff1f1;color:var(--dark);font-weight:700;}
.kk-chip input:focus-visible + span{outline:3px solid var(--red);outline-offset:2px;}

/* Ergebnis */
.kk-ausgabe{position:sticky;top:96px;}
.kk-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;}
.kk-kopf h2{font-size:1.2rem;color:var(--dark);margin:0;}
.kk-ausgabe .btn{border:0;cursor:pointer;font:inherit;font-weight:700;}
.kk-ausgabe .btn-ghost{border:1.5px solid var(--line);}
.kk-knoepfe{display:flex;gap:8px;flex-wrap:wrap;}
.kk-pdf-meldung{margin:-4px 0 10px;font-size:.9rem;color:var(--grey);}
.kk-pdf-meldung:empty{display:none;}
.kk-pdf-meldung.fehler{color:var(--red);font-weight:700;}
.kk-ergebnis{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;color:#2B2B2B;font-family:'Ubuntu','Trebuchet MS',Arial,sans-serif;font-size:14px;line-height:1.45;}
.kk-ergebnis.kk-pdf{width:666px;border:0;border-radius:0;padding:0;}
.kk-ergebnis.kk-pdf .kk-woche th{width:92px;}
.kk-dueber{margin:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b625c;}
.kk-ergebnis h3{margin:4px 0 6px;font-size:24px;line-height:1.2;color:#221f1d;}
.kk-ergebnis h4{margin:20px 0 8px;font-size:16px;color:#C00000;}
.kk-unter{margin:0 0 14px;color:#4a4440;font-size:15px;}
.kk-balken{display:flex;height:14px;border-radius:7px;overflow:hidden;margin:0 0 6px;background:#eee;}
.kk-balken i{display:block;height:100%;border-right:2px solid #fff;box-sizing:border-box;}
.kk-legende{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:#4a4440;margin:0 0 8px;}
.kk-legende span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;background:var(--f);}
.kk-kanaele{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.kk-kanaele li{display:grid;grid-template-columns:28px 1fr auto;gap:2px 10px;align-items:start;padding:12px 14px;border:1px solid #e3dcd6;border-radius:10px;}
.kk-kanaele .nr{grid-row:span 3;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;}
.kk-kanaele .n{font-weight:700;font-size:15px;color:#221f1d;}
.kk-kanaele .z{font-weight:700;color:#4a4440;white-space:nowrap;}
.kk-kanaele .t,.kk-kanaele .w{grid-column:2 / 4;font-size:13px;color:#4a4440;}
.kk-kanaele .w{color:#6b625c;}
.kk-woche{width:100%;border-collapse:collapse;}
.kk-woche th{text-align:left;vertical-align:top;width:92px;padding:7px 6px;border-top:1px solid #e3dcd6;color:#221f1d;}
.kk-woche td{padding:7px 6px;border-top:1px solid #e3dcd6;}
.kk-woche td div{display:flex;justify-content:space-between;gap:10px;}
.kk-woche td div + div{margin-top:3px;}
.kk-woche td span:last-child{color:#6b625c;white-space:nowrap;}
.kk-woche .frei{color:#9a918a;}
.kk-liste{margin:0;padding-left:20px;}
.kk-liste li{margin:0 0 4px;}
.kk-klein{margin:16px 0 0;font-size:12px;line-height:1.45;color:#6b625c;}
.kk-hinweis{margin:14px 0 0;color:var(--grey);font-size:.88rem;line-height:1.55;}
.kk-qh{font-size:1.3rem;margin:0 0 14px;}
.kk-quellen{margin:0;padding-left:20px;line-height:1.7;font-size:.95rem;max-width:820px;}

@media (max-width:1060px){ .kk-grid{grid-template-columns:1fr;} .kk-ausgabe{position:static;} }
@media (max-width:600px){ .kk-box{padding:18px;} .kk-ergebnis{padding:18px;} .kk-woche th{width:64px;} }
@media print{
  @page{size:A4;margin:16mm 18mm;}
  html,body{background:#fff;}
  body > *:not(main),main > *:not(.kk-sec),.kk-sec > .wrap > form,.kk-ausgabe > *:not(.kk-ergebnis){display:none !important;}
  .kk-sec{padding:0;}
  .kk-sec > .wrap{padding:0;max-width:none;display:block;}
  .kk-ausgabe{position:static;}
  .kk-ergebnis{border:0;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .kk-kanaele li,.kk-woche tr{break-inside:avoid;}
}