:root{--ink:#17324b;--ink2:#244e6b;--bg:#f5f7f8;--paper:#fff;--muted:#657786;--line:#dce4e9;--gold:#10b981;--goldsoft:#ecfdf5;--soft:#eef3f6;--mint:#edf6ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#182630;font:16px/1.58 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.top{background:var(--ink);color:#fff;padding:14px clamp(16px,4vw,50px);display:flex;justify-content:space-between;align-items:center;gap:14px}.brand b{display:block;letter-spacing:.11em}.brand small{color:#cbd8e1}
.topActions{display:flex;gap:8px}.topBtn{border:0;border-radius:10px;padding:9px 12px;background:#ffffff18;color:#fff;font-weight:850}.selectBadge{background:var(--gold);color:#fff;text-shadow:0 1px 1px #064e3b55}
main{max-width:1180px;margin:auto;padding:28px clamp(15px,4vw,44px) 70px}.hero{background:linear-gradient(135deg,var(--ink),var(--ink2));color:#fff;border-radius:26px;padding:clamp(27px,5vw,50px)}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.06;margin:8px 0 12px}.hero p{color:#dce6ed;max-width:880px;font-size:18px}.kicker{font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#10b981}
.toolbar{background:#fff;border-radius:19px;padding:16px;margin:17px 0;box-shadow:0 7px 24px #17324b0d}.search{position:relative}.search input{width:100%;padding:14px 44px 14px 15px;border:1px solid #ccd8df;border-radius:12px;font-size:17px}.search span{position:absolute;right:15px;top:13px;color:#587082;font-size:20px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.filters select{padding:9px 10px;border:1px solid #d1dce3;border-radius:10px;background:#f8fafb;color:#263d4e}.count{margin-left:auto;align-self:center;color:#607382;font-size:13px;font-weight:750}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:#fff;border-radius:21px;padding:21px;box-shadow:0 7px 24px #17324b0d;display:flex;flex-direction:column;border:2px solid transparent}.card.selected{border-color:var(--gold)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:11px;font-weight:850;padding:5px 9px;border-radius:999px;background:#edf2f5;color:#38566b}.chip.app{background:var(--ink);color:#fff}.chip.gold{background:#d1fae5;color:#705700}.card h2{font-size:23px;line-height:1.2;margin:11px 0}.card .claim{font-size:17px;color:#526878;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.more{border:0;background:transparent;color:var(--ink);font-weight:850;padding:4px 0;text-align:left}.fullText{display:none;color:#526878;margin:7px 0}.fullText.show{display:block}.cardActions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding-top:15px}.btn{border:0;border-radius:11px;padding:11px 13px;font-weight:900;background:#e7edf1;color:var(--ink)}.btn.dark{background:var(--ink);color:#fff}.btn.add{min-width:132px}.btn.add.active{background:var(--gold);color:#403300}
.empty{background:#fff;border-radius:16px;padding:24px;text-align:center;color:#657786}
.panelShade{position:fixed;inset:0;background:#10253680;z-index:60;display:none}.panelShade.open{display:block}.selectionPanel{position:fixed;right:0;top:0;bottom:0;width:min(430px,92vw);background:#fff;z-index:70;transform:translateX(105%);transition:.2s;box-shadow:-12px 0 34px #1025362d;display:flex;flex-direction:column}.selectionPanel.open{transform:translateX(0)}.selHead{padding:20px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center}.selHead h2{margin:0}.close{border:0;background:#ffffff18;color:#fff;border-radius:9px;padding:8px 11px;font-weight:900}.selBody{padding:16px;overflow:auto;flex:1}.selItem{border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:9px}.selItem h3{font-size:16px;margin:5px 0}.selActions{display:flex;gap:6px}.selFoot{padding:14px;border-top:1px solid var(--line);color:#697b88;font-size:12px}
.view{display:none}.view.active{display:block}.caseTop{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.caseTop .btn{margin:0}.progress{display:flex;gap:6px;overflow:auto;margin:13px 0;padding:8px;background:#f4f7f8;border-radius:12px}.progress button{white-space:nowrap;border:0;border-radius:9px;padding:8px 10px;background:#e7edf1;color:var(--ink);font-size:12px;font-weight:850;transition:background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.progress button:focus-visible{outline:3px solid #10b981;outline-offset:2px;background:#0f766e;color:#fff}.progress button:active{background:#115e59;color:#fff;transform:translateY(1px)}@media(hover:hover) and (pointer:fine){.progress button:hover{background:#0f766e;color:#fff;box-shadow:0 4px 11px #0f766e2b}}.block{background:#fff;border-radius:20px;padding:clamp(20px,3vw,28px);margin:13px 0;box-shadow:0 7px 25px #17324b0d}.block h2{margin:4px 0 10px}.context{display:grid;grid-template-columns:1.3fr .7fr;gap:13px}.goal{background:var(--soft);border-radius:15px;padding:16px}.goal b{display:block}.callout{background:var(--goldsoft);border-left:5px solid var(--gold);padding:15px;border-radius:12px}
.materialOpts{display:flex;gap:9px;flex-wrap:wrap}.materialOpts div{flex:1 1 260px;background:#f8fafb;border:1px solid var(--line);border-radius:13px;padding:13px}
details{margin-top:10px}summary{cursor:pointer;list-style:none}.accordion{display:flex;align-items:center;gap:12px;background:#f4f8fa;border:1px solid var(--line);border-radius:15px;padding:14px 16px;font-weight:900}.accordion .ico{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:#fff;border-radius:10px}.accordion .txt{flex:1}.accordion small{display:block;color:#687b89;font-weight:600}.accordion:after{content:"+";font-size:24px}details[open]>.accordion:after{content:"–"}.detail{padding:12px 0}.materialbox{background:#f8fafb;border:1px solid var(--line);border-radius:14px;padding:15px;color:#101820}.materialbox pre{white-space:pre-wrap;font:inherit;margin:0;color:#101820;overflow-wrap:anywhere}.urlrow{display:grid;grid-template-columns:1fr auto;gap:8px}.urlrow input{width:100%;padding:11px;border:1px solid #ccd8df;border-radius:10px;background:#fff}.guideList{display:grid;gap:8px}.guideStep{display:grid;grid-template-columns:auto 1fr;gap:12px;background:#f8fafb;border:1px solid var(--line);border-radius:14px;padding:13px}.stepNo{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:white;border-radius:10px;font-weight:950}.guideStep h3{margin:0 0 4px;font-size:17px}.guideText{color:#435969;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.guideText.expanded{display:block}.moreSmall{border:0;background:transparent;color:var(--ink);font-weight:850;padding:5px 0}.reflect{background:linear-gradient(145deg,#18364f,#244e6b);color:#fff}.reflect h2{color:#fff}.reflectGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rq{background:#ffffff12;border:1px solid #ffffff20;border-radius:15px;padding:15px}.rq b{display:block;color:#ffd86c;font-size:12px;text-transform:uppercase}.rq p{margin:5px 0}.mode{margin-top:12px;background:#ffffff10;border-radius:12px;padding:12px}.gate{margin-top:15px;border-top:1px solid #ffffff25;padding-top:14px}.gate input{position:absolute;opacity:0}.gate label{display:inline-block;background:var(--gold);color:#403300;border-radius:10px;padding:10px 13px;font-weight:900;cursor:pointer}.solution{display:none;background:#fff;color:#1b2a34;border-radius:14px;padding:17px;margin-top:12px}.gate input:checked~.solution{display:block}.plenum{background:var(--mint)}.plenumGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pCard{background:#fff;border:1px solid #d5e3d7;border-radius:12px;padding:13px}.pCard b{display:block;color:#45654c}.endNav{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}.endNav .btn{flex:1 1 220px}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);z-index:100;background:#17324b;color:white;padding:10px 14px;border-radius:10px;opacity:0;pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.cards{grid-template-columns:1fr}.context,.reflectGrid,.plenumGrid{grid-template-columns:1fr}.count{width:100%;margin-left:0}.cardActions{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.top{flex-direction:column;align-items:flex-start}.topActions{width:100%}.topBtn{flex:1}.cardActions{grid-template-columns:1fr}.urlrow{grid-template-columns:1fr}.guideStep{grid-template-columns:auto minmax(0,1fr)}}

/* v16 · intelligente progressive Offenlegung */
.smartClamp{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.smartClamp.lines-3{-webkit-line-clamp:3}
.smartClamp.lines-5{-webkit-line-clamp:5}
.smartClamp.lines-6{-webkit-line-clamp:6}
.smartClamp.expanded{
  display:block;
  overflow:visible;
  -webkit-line-clamp:unset !important;
}
.smartMore{
  border:0;
  background:transparent;
  color:var(--ink);
  font-weight:850;
  padding:5px 0 0;
  text-align:left;
  cursor:pointer;
  display:none;
}
.smartMore.visible{display:inline-block}
.smartMore:hover,.smartMore:focus-visible{text-decoration:underline;text-underline-offset:3px}
.caseScenarioWrap{margin-top:2px}

.toolStage{border:1px solid var(--line);border-radius:17px;padding:16px;margin:14px 0;background:#fbfcfd}
.toolStageHead{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;margin-bottom:12px}
.toolStageNo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ink);color:#fff;font-weight:950;font-size:18px}
.toolStageHead h3{margin:1px 0 2px;font-size:21px}.toolStageHead p{margin:0;color:var(--muted)}
.handoverBox{margin:14px 0;padding:16px;border-radius:15px;background:var(--goldsoft);border:1px solid #6ee7b7}
.handoverBox h3{margin:3px 0 5px}.handoverBox p{margin:0}

/* v18 · dynamische Fall-Schnellnavigation */
.caseQuickNav{margin:12px 0 18px;width:100%}
.caseQuickInner{min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px 12px;box-shadow:0 5px 18px #17324b0a;overflow:hidden}
.caseQuickLabel{font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:5px;white-space:nowrap}
.caseQuickBtn{border:1px solid #d5e0e6;background:#f5f8fa;color:var(--ink);border-radius:10px;padding:8px 10px;font-size:12px;font-weight:900;white-space:nowrap;min-width:58px}
.caseQuickBtn:hover,.caseQuickBtn:focus-visible{border-color:var(--ink);background:#eef4f7;outline:none}
.caseQuickBtn.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 0 0 2px #10b98155}
.caseEllipsis{font-weight:950;color:#607382;padding:0 2px;white-space:nowrap}
.caseQuickDetail{margin-top:0;margin-bottom:12px}
.card{scroll-margin-top:18px}
@media(max-width:720px){.caseQuickLabel{display:none}.caseQuickInner{gap:5px;padding:8px}.caseQuickBtn{min-width:50px;padding:7px 8px;font-size:11px}}

/* FINAL states */
.caseQuickNav{margin:12px 0 18px;width:100%}
.caseQuickInner{min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px 12px;box-shadow:0 5px 18px #17324b0a;overflow:hidden}
.caseQuickBtn{position:relative;border:1px solid #d5e0e6;background:#f5f8fa;color:var(--ink);border-radius:10px;padding:8px 11px;font-size:12px;font-weight:900;white-space:nowrap;min-width:62px;transition:.15s ease}
.caseQuickBtn:hover,.caseQuickBtn:focus-visible{border-color:var(--ink);background:#eef4f7;outline:none}
.caseQuickBtn.focused{background:#e9f0f4;border-color:#17324b;box-shadow:0 0 0 2px #17324b18}
.caseQuickBtn.current{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 0 0 2px #10b98155}
.caseQuickBtn.selected{border-color:#059669;background:#d1fae5;color:#493b00}
.caseQuickBtn.selected::after{content:"✓";position:absolute;right:-4px;top:-6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#10b981;color:#fff;font-size:11px}
.caseQuickBtn.current.selected{background:var(--ink);color:#fff}
.caseEllipsis{font-weight:950;color:#607382;padding:0 2px;white-space:nowrap}
.card{scroll-margin-top:18px}
.card.selected{border-color:var(--gold)!important;box-shadow:0 0 0 3px #10b98130,0 10px 28px #17324b14!important;background:#fffdf5}
.card.focused{border-color:#17324b!important;box-shadow:0 0 0 3px #17324b1c,0 10px 28px #17324b14!important}
.card.selected.focused{border-color:var(--gold)!important;box-shadow:0 0 0 3px #10b98150,0 12px 30px #17324b18!important}
.selectionClear{width:100%;margin-top:10px;background:#f6f8f9;border:1px solid var(--line);color:var(--ink)}
.selectionClear:disabled{opacity:.45;cursor:not-allowed}
.selFoot{display:grid;gap:8px}
.caseNumberHeading{font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#6c7d89;margin-bottom:4px}
.hero .caseNumberHeading{color:#6ee7b7}
#caseView>.hero{padding:clamp(25px,4vw,39px);border-radius:24px}#caseView>.hero h1{font-size:clamp(31px,4vw,46px);line-height:1.12;max-width:1050px;margin-top:12px;overflow-wrap:anywhere}#caseView>.hero>.chips{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}#caseView>.hero>.chips .stageBadge{margin-left:auto}#caseView>.hero>.chips .modeChip{order:3;flex:1 0 100%;margin-top:5px;color:#dce6ed;font-size:13px}#caseView>.hero .caseNumberHeading{margin-top:9px}
.cardMetaHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.cardMetaHead .chips{min-width:0}.stageBadge{flex:0 0 auto;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:950;letter-spacing:.045em;text-transform:uppercase;line-height:1.1;border:1px solid transparent}.stage-orientation{background:#0f766e;color:#fff;border-color:#115e59}.stage-depth{background:#f4b942;color:#302300;border-color:#d99a19}.stage-transfer{background:#6d28d9;color:#fff;border-color:#5b21b6}.stage-default{background:#526878;color:#fff}.workMode,.modeChip{margin-top:7px;color:#526878;font-size:12px;font-weight:850}.hero .workMode{color:#dce6ed}.hero .cardMetaHead{margin-bottom:2px}.hero .stageBadge{box-shadow:0 0 0 1px #ffffff26}.hero .chip.app{background:#fff;color:var(--ink)}.hero>.chips{align-items:flex-start}.hero>.chips .stageBadge{margin-left:auto}.hero>.chips .modeChip{flex-basis:100%;margin-top:2px;color:#dce6ed}
@media(max-width:560px){.cardMetaHead{align-items:flex-start;flex-wrap:wrap}.stageBadge{order:2}.cardMetaHead .chips{flex:1 1 auto}.workMode{margin-top:8px}#caseView>.hero{padding:23px 20px;border-radius:20px}#caseView>.hero h1{font-size:clamp(28px,9vw,36px);line-height:1.15}#caseView>.hero>.chips .stageBadge{margin-left:0}#caseView>.hero>.chips .modeChip{font-size:12px}.progress{padding:6px}}
@media(max-width:720px){.caseQuickInner{gap:5px;padding:8px}.caseQuickBtn{min-width:52px;padding:7px 8px;font-size:11px}}