sl-hautkompass .hk-v4-program{margin:28px 0;display:grid;gap:18px}sl-hautkompass .hk-v4-card{padding:24px;background:#f2f6f2;border:1px solid #d5e1d9;border-radius:18px;margin:16px 0}sl-hautkompass .hk-v4-card h3{font-size:clamp(21px,3vw,27px);line-height:1.25;margin:0 0 12px}sl-hautkompass .hk-v4-card p{line-height:1.7;margin:10px 0;color:#244846}sl-hautkompass .hk-v4-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}sl-hautkompass .hk-v4-grid>*{min-width:0}sl-hautkompass .hk-v4-face{width:100%;max-height:380px}sl-hautkompass .hk-v4-face [role=button]{cursor:pointer}sl-hautkompass .hk-v4-face [role=button]:focus{outline:3px solid #be8840}sl-hautkompass .hk-v4-field{display:grid;gap:8px;margin:16px 0}sl-hautkompass .hk-v4-field label{font-weight:650;line-height:1.4}sl-hautkompass .hk-v4-field input,sl-hautkompass .hk-v4-field textarea,sl-hautkompass .hk-v4-field select,sl-hautkompass .hk-v4-card>select{font:inherit;padding:12px;border:1px solid #648078;border-radius:8px;width:100%;box-sizing:border-box;background:#fff;color:#193d3b}sl-hautkompass .hk-v4-download,sl-hautkompass .hk-v4-button{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;box-sizing:border-box;background:#194c4c;color:#fff;border:1px solid #194c4c;border-radius:8px;font:inherit;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer;margin:8px 8px 8px 0;max-width:100%;overflow-wrap:anywhere}sl-hautkompass .hk-v4-download:hover,sl-hautkompass .hk-v4-button:hover{background:#286363}sl-hautkompass .hk-v4-button[aria-pressed=true]{background:#efe0c2;color:#193d3b}sl-hautkompass .hk-v4-tool>summary,sl-hautkompass details.hk-v4-card>summary{font-weight:650;font-size:19px;cursor:pointer;min-height:44px;padding:10px 0}sl-hautkompass .hk-v4-source{display:block;line-height:1.5;overflow-wrap:anywhere;color:#194c4c}sl-hautkompass .hk-v4-chart{display:block;width:100%;height:auto;margin:22px 0}sl-hautkompass .hk-v4-table{border-collapse:collapse;width:100%}sl-hautkompass .hk-v4-table th,sl-hautkompass .hk-v4-table td{padding:9px;border-bottom:1px solid #d5e1d9;text-align:left}sl-hautkompass .hk-v4-table caption{font-weight:650;padding:12px;text-align:left}sl-hautkompass .hk-v4-bricks{display:flex;gap:6px;margin:6px 0}sl-hautkompass .hk-v4-bricks:nth-child(2){margin-left:15px;margin-right:15px}sl-hautkompass .hk-v4-bricks span{flex:1;height:42px;border-radius:8px;background:#b8cec3;border:2px solid #194c4c}sl-hautkompass .hk-v4-barrier{padding:15px;background:#e5ede7;border-radius:12px;margin:18px 0}sl-hautkompass .hk-v4-barrier[data-function="0"]{background:#dcecf3}sl-hautkompass .hk-v4-barrier[data-function="1"] .hk-v4-bricks span{background:#e5d7b9}sl-hautkompass .hk-v4-barrier[data-function="2"]{border-top:7px solid #194c4c}sl-hautkompass .hk-v4-eyebrow{font-size:14px;font-weight:650;letter-spacing:.02em;color:#194c4c}sl-hautkompass .hk-v4-actions{display:flex;flex-wrap:wrap}sl-hautkompass :is(.hk-v4-button,.hk-v4-download,input,textarea,select):focus-visible{outline:3px solid #a66a27;outline-offset:3px}@media(max-width:640px){sl-hautkompass .hk-v4-grid{grid-template-columns:1fr}sl-hautkompass .hk-v4-card{padding:18px}sl-hautkompass .hk-v4-actions{display:grid;gap:6px}}@media print{sl-hautkompass .hk-v4-button{display:none}sl-hautkompass .hk-v4-card{break-inside:avoid}}
sl-hautkompass .hk-v4-card :is(h3,h4,summary){text-transform:none;letter-spacing:normal}


sl-hautkompass .hk-care-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}sl-hautkompass .hk-care-tab{background:#fff;border:2px solid #c8d6e1;color:#192c40;border-radius:12px;padding:16px;text-align:left;cursor:pointer;font-weight:700}sl-hautkompass .hk-care-tab span{display:block;font-size:14px;font-weight:400;margin-top:8px}sl-hautkompass .hk-care-tab[aria-pressed=true]{background:#192c40;border-color:#192c40;color:#fff}sl-hautkompass .hk-care-tab:focus-visible{outline:3px solid #669cbc;outline-offset:4px}sl-hautkompass .hk-care-picture{background:#edf3f7;border:1px solid #cad7e1;border-radius:16px;margin-top:20px;overflow:hidden}sl-hautkompass .hk-care-svg{display:block;width:100%;height:auto}sl-hautkompass .hk-care-caption{font-size:13px!important}sl-hautkompass .hk-care-explain h4{font-size:23px;margin:22px 0 10px}sl-hautkompass .hk-care-example{font-weight:700}sl-hautkompass .hk-care-task{border:1px solid #cad7e1;border-radius:12px;padding:20px;margin:24px 0;min-width:0}sl-hautkompass .hk-care-task legend{font-weight:700;padding:0 8px}sl-hautkompass .hk-care-task select{display:block;width:100%;padding:12px;border:1px solid #688498;border-radius:8px;background:#fff;color:#192c40;margin-bottom:16px}sl-hautkompass .hk-care-task button{margin:0 8px 10px 0}@media(max-width:650px){sl-hautkompass .hk-care-tabs{grid-template-columns:1fr}sl-hautkompass .hk-care-tab{padding:14px}sl-hautkompass .hk-care-task button{display:block;width:100%;margin-right:0}}