.article-index-page{color:#0d1f24;background:#f2f4f3}.article-index{max-width:1140px;margin:auto;padding:clamp(64px,9vw,116px) max(5vw,24px) 100px}.ai-intro{max-width:760px}.ai-eyebrow{color:#0b5563;letter-spacing:.01em;margin:0 0 14px;font-size:14px;font-weight:700}.article-index h1{font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(48px,7vw,92px);font-weight:550;line-height:.92}.ai-lead{color:#43555b;margin:20px 0 0;font-size:18px;line-height:1.6}.ai-search{z-index:3;background:linear-gradient(#f2f4f3 78%,#e7e8e400);margin:34px 0 0;padding:18px 0 16px;position:sticky;top:0}.ai-search-field{background:#f8f9f5;border:1.5px solid #7d8d91;border-radius:14px;align-items:center;gap:12px;padding:4px 6px 4px 16px;transition:border-color .18s,box-shadow .18s;display:flex}.ai-search-field:focus-within{border-color:#0b5563;box-shadow:0 0 0 4px #326b8b29}.ai-search-field svg{color:#5a6c71;flex:none}.ai-search-field input{color:#0d1f24;min-width:0;font:inherit;background:0 0;border:0;flex:auto;padding:14px 0;font-size:16px}.ai-search-field input:focus{outline:none}.ai-search-clear{color:#45535a;background:#e2e5df;border:0;border-radius:9px;flex:none;width:34px;height:34px;font-size:17px;line-height:1}.ai-search-clear:hover{background:#d6dad2}.ai-search-meta{color:#5a6c71;justify-content:space-between;gap:14px;margin:10px 2px 0;font-size:13px;display:flex}.ai-search-meta kbd{font-family:var(--mono,monospace);background:#fbfcfa;border:1px solid #b9c3c0;border-radius:5px;padding:1px 5px;font-size:11px}.ai-chips{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.ai-chip{color:#45535a;cursor:pointer;background:#fbfcfa;border:1px solid #b9c3c0;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.ai-chip .dot{background:var(--chip,#5a6c71);border-radius:50%;width:9px;height:9px}.ai-chip[aria-pressed=true]{color:#fbfcfa;background:#0d1f24;border-color:#0d1f24}.ai-chip:hover{border-color:#7d8d91}.ai-results{margin:26px 0 0}.ai-results[hidden]{display:none}.ai-result-block+.ai-result-block{margin-top:34px}.ai-result-head{font-family:var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:#5a6c71;margin:0 0 14px;font-size:12px}.ai-hits{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ai-card{color:inherit;background:#fbfcfa;border:1px solid #d5ddda;border-radius:13px;flex-direction:column;gap:9px;padding:18px 18px 16px;display:flex;position:relative;overflow:hidden}.ai-card:before{content:"";background:var(--area,#5a6c71);width:4px;position:absolute;inset:0 auto 0 0}.ai-card-area{font-family:var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--area,#5a6c71);font-size:10.5px;font-weight:700}.ai-card h3{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:19px;font-weight:550;line-height:1.2}.ai-card p{color:#55636a;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.ai-card p mark{color:inherit;background:#f5e39b;border-radius:2px;padding:0 2px}.ai-card-foot{color:#6a777d;align-items:center;gap:10px;margin-top:auto;padding-top:4px;font-size:12px;display:flex}.ai-badge{letter-spacing:.01em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.ai-badge.lvl-Einsteiger{color:#35632a;background:#dcebd7}.ai-badge.lvl-Fortgeschritten{color:#2c5972;background:#dbe6ef}.ai-badge.lvl-Praxis{color:#8a4b23;background:#efe0d3}.ai-card-foot .sep{color:#a9b3b3}.ai-hit{flex-direction:column;gap:7px;display:flex}.ai-hit .ai-card{flex:auto}.ai-card-subs{flex-wrap:wrap;gap:6px;padding:0 2px;display:flex}.ai-card-subs a{color:var(--area,#0b5563);border:1px solid color-mix(in srgb, var(--area,#0b5563) 35%, #d5ddda);background:color-mix(in srgb, var(--area,#0b5563) 8%, #fbfcfa);border-radius:999px;padding:3px 9px;font-size:11.5px}.ai-card-subs a:hover{background:color-mix(in srgb, var(--area,#0b5563) 16%, #fbfcfa)}.ai-empty{color:#55636a;text-align:center;border:1px dashed #aebbb9;border-radius:14px;margin:40px 0;padding:30px;font-size:16px}.ai-empty[hidden]{display:none}.ai-browse{margin:26px 0 0}.ai-browse[hidden]{display:none}.ai-group{border-top:1px solid #d5ddda;padding:30px 0}.ai-group.is-hidden{display:none}.ai-group-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin:0 0 18px;display:flex}.ai-group-head .num{font-family:var(--mono,monospace);color:var(--area);font-size:12px;font-weight:700}.ai-group-head h2{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(24px,3vw,33px);font-weight:550;line-height:1}.ai-group-head .count{color:#6a777d;font-size:13px}.ai-group-head .open{color:var(--area);margin-left:auto;font-size:13px;font-weight:700}.ai-group-head .open:hover{text-decoration:underline}.ai-group .ai-hits{grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}@media (width<=620px){.article-index{padding:52px 18px 72px}.ai-search{position:static}.ai-hits,.ai-group .ai-hits{grid-template-columns:1fr}.ai-group-head .open{flex-basis:100%;margin-left:0}}@media (prefers-reduced-motion:no-preference){.ai-card{transition:transform .2s,border-color .2s,box-shadow .2s}.ai-card:hover{border-color:color-mix(in srgb, var(--area,#5a6c71) 45%, #d5ddda);transform:translateY(-3px);box-shadow:0 14px 28px -18px #1d2c3580}}