/* =========================================================
   CZY TO NORMALNE? — interaktywny moduł Bazy wiedzy
   ========================================================= */
#tab-normalne{scroll-margin-top:90px}

.ctn-shell{max-width:100%}
.ctn-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:end;margin-bottom:28px}
.ctn-intro h2{font-family:var(--font-heading);font-size:clamp(1.55rem,3vw,2rem);line-height:1.15;color:var(--white);margin:0 0 10px}
.ctn-intro p{max-width:690px;margin:0;color:var(--muted);font-size:.92rem;line-height:1.7}
.ctn-intro-note{border-left:1px solid var(--rule);padding:4px 0 4px 22px}
.ctn-intro-note span{display:block;margin-bottom:5px;color:var(--signal);font-size:.66rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.ctn-intro-note strong{display:block;color:var(--text);font-size:.82rem;line-height:1.5;font-weight:600}

.ctn-search-wrap{position:relative;margin-bottom:22px;z-index:20}
.ctn-search-label{display:block;margin-bottom:8px;color:var(--dim);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ctn-search-box{position:relative}
.ctn-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--signal);font-size:1.05rem;pointer-events:none}
.ctn-search{width:100%;height:52px;padding:0 16px 0 44px;border:1px solid var(--rule);border-radius:4px;outline:0;background:var(--ink-2);color:var(--white);font-size:.88rem;transition:border-color .18s ease,box-shadow .18s ease}
.ctn-search::placeholder{color:var(--dim)}
.ctn-search:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}
.ctn-search-results{position:absolute;top:100%;left:0;right:0;margin-top:6px;border:1px solid var(--rule);border-radius:4px;background:#10182B;box-shadow:0 18px 42px rgba(0,0,0,.35);overflow:hidden}
.ctn-search-result{width:100%;display:grid;grid-template-columns:115px 1fr;gap:12px;align-items:center;padding:12px 15px;border:0;border-bottom:1px solid var(--rule);background:transparent;color:var(--text);text-align:left;cursor:pointer}
.ctn-search-result:last-child{border-bottom:0}
.ctn-search-result:hover,.ctn-search-result:focus-visible{background:rgba(76,127,212,.08);outline:0}
.ctn-search-result span{color:var(--signal);font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ctn-search-result strong{color:var(--text);font-size:.82rem;font-weight:600}
.ctn-search-empty{padding:15px;color:var(--muted);font-size:.82rem}

.ctn-tool{border:1px solid var(--rule);border-radius:4px;background:linear-gradient(180deg,var(--ink-2),rgba(16,22,42,.76));overflow:hidden;box-shadow:0 18px 54px rgba(0,0,0,.2)}
.ctn-tool-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:24px 26px;border-bottom:1px solid var(--rule)}
.ctn-tool-head h3,.ctn-problem-head h3,.ctn-check-card h3{font-family:var(--font-heading);color:var(--white);font-weight:700;margin:0}
.ctn-tool-head h3{font-size:1.28rem}
.ctn-tool-head p{max-width:400px;margin:0;color:var(--dim);font-size:.76rem;line-height:1.55;text-align:right}
.ctn-step{display:block;margin-bottom:6px;color:var(--signal);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}

.ctn-stage-tabs{display:grid;grid-template-columns:repeat(7,1fr);background:rgba(11,15,26,.42);border-bottom:1px solid var(--rule)}
.ctn-stage-tab{position:relative;min-height:66px;padding:13px 8px 12px;border:0;border-right:1px solid var(--rule);background:transparent;color:var(--muted);font-size:.77rem;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease}
.ctn-stage-tab:last-child{border-right:0}
.ctn-stage-tab span{display:block;margin-bottom:4px;color:var(--dim);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.04em}
.ctn-stage-tab:hover{background:rgba(76,127,212,.05);color:var(--text)}
.ctn-stage-tab.active{background:rgba(76,127,212,.09);color:var(--white)}
.ctn-stage-tab.active span{color:var(--signal)}
.ctn-stage-tab.active::after{content:'';position:absolute;left:22%;right:22%;bottom:0;height:2px;background:var(--signal)}

.ctn-problem-area{padding:24px 26px;border-bottom:1px solid var(--rule)}
.ctn-problem-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:15px}
.ctn-problem-head h3{font-size:1.1rem}
.ctn-situation-count{color:var(--dim);font-size:.7rem}
.ctn-problem-list{display:flex;flex-wrap:wrap;gap:8px}
.ctn-problem-chip{padding:9px 12px;border:1px solid var(--rule);border-radius:3px;background:rgba(11,15,26,.58);color:var(--muted);font-size:.76rem;line-height:1.35;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}
.ctn-problem-chip:hover{border-color:#31456c;color:var(--text)}
.ctn-problem-chip.active{border-color:var(--signal);background:var(--signal-soft);color:var(--white)}

.ctn-result{padding:26px}
.ctn-result-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(290px,.72fr);gap:16px}
.ctn-card,.ctn-mini-card{border:1px solid var(--rule);border-radius:4px;background:rgba(11,15,26,.46)}
.ctn-verdict-card{padding:26px}
.ctn-verdict-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}
.ctn-verdict-top h3{margin:0;color:var(--white);font-family:var(--font-heading);font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.15}
.ctn-verdict-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 9px;border:1px solid currentColor;border-radius:999px;font-size:.61rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ctn-verdict-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.ctn-verdict-pill.level-green{color:var(--green)}
.ctn-verdict-pill.level-amber{color:var(--yellow)}
.ctn-verdict-pill.level-red{color:var(--red)}

.ctn-summary{margin-bottom:20px;padding:15px 16px;border-left:2px solid var(--yellow);background:var(--yellow-bg)}
.ctn-summary strong{display:block;margin-bottom:5px;color:var(--white);font-family:var(--font-heading);font-size:1rem}
.ctn-summary p,.ctn-why p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.68}
.ctn-why strong{color:var(--text)}
.ctn-divider{height:1px;background:var(--rule);margin:22px 0 18px}
.ctn-verdict-card h4{margin:0 0 12px;color:var(--text);font-size:.82rem;font-weight:700}
.ctn-risk-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ctn-risk-list li{position:relative;padding-left:17px;color:var(--muted);font-size:.79rem;line-height:1.52}
.ctn-risk-list li::before{content:'';position:absolute;left:1px;top:.58em;width:5px;height:5px;border-radius:50%;background:var(--yellow)}

.ctn-side{display:grid;align-content:start;gap:16px}
.ctn-check-card{padding:21px}
.ctn-check-card h3{font-size:1.08rem;margin-bottom:5px}
.ctn-check-card>p{margin:0 0 15px;color:var(--dim);font-size:.72rem;line-height:1.5}
.ctn-check-list{display:grid;gap:7px}
.ctn-check-item{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:1px solid var(--rule);background:rgba(16,22,42,.5);cursor:pointer;user-select:none;transition:border-color .15s ease,background .15s ease}
.ctn-check-item input{position:absolute;opacity:0;pointer-events:none}
.ctn-check-item>span:last-child{color:var(--muted);font-size:.75rem;line-height:1.4}
.ctn-check-box{position:relative;flex:0 0 15px;width:15px;height:15px;margin-top:1px;border:1px solid #415270}
.ctn-check-box::after{content:'';position:absolute;width:7px;height:4px;left:3px;top:3px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg);opacity:0}
.ctn-check-item.checked{border-color:rgba(74,222,128,.35);background:var(--green-bg)}
.ctn-check-item.checked .ctn-check-box{border-color:var(--green);background:var(--green)}
.ctn-check-item.checked .ctn-check-box::after{opacity:1}

.ctn-question-card{padding:19px 21px;background:rgba(76,127,212,.05)}
.ctn-question-card p{margin:0;color:var(--text);font-family:var(--font-heading);font-size:.94rem;line-height:1.55}
.ctn-copy-btn{margin-top:13px;padding:7px 10px;border:1px solid rgba(76,127,212,.45);border-radius:3px;background:var(--signal-soft);color:var(--text);font-size:.68rem;font-weight:700;cursor:pointer}
.ctn-copy-btn:hover{border-color:var(--signal);color:var(--white)}

.ctn-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.ctn-mini-card{padding:18px}
.ctn-mini-card>span{display:block;margin-bottom:8px;color:var(--signal);font-family:var(--font-mono);font-size:.62rem;font-weight:600}
.ctn-mini-card h4{margin:0 0 6px;color:var(--text);font-size:.8rem}
.ctn-mini-card p{margin:0;color:var(--dim);font-size:.73rem;line-height:1.55}

.ctn-disclaimer{margin-top:18px;padding:14px 0;border-top:1px solid var(--rule);color:var(--dim);font-size:.71rem;line-height:1.55}
.ctn-disclaimer strong{color:var(--muted)}

@media(max-width:900px){
  .ctn-intro{grid-template-columns:1fr;gap:18px}
  .ctn-intro-note{border-left:0;border-top:1px solid var(--rule);padding:16px 0 0}
  .ctn-stage-tabs{grid-template-columns:repeat(4,1fr)}
  .ctn-stage-tab:nth-child(4){border-right:0}
  .ctn-stage-tab:nth-child(-n+4){border-bottom:1px solid var(--rule)}
  .ctn-result-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .ctn-tool-head{display:block;padding:20px}
  .ctn-tool-head p{margin-top:10px;text-align:left}
  .ctn-stage-tabs{grid-template-columns:repeat(2,1fr)}
  .ctn-stage-tab{border-bottom:1px solid var(--rule)}
  .ctn-stage-tab:nth-child(2n){border-right:0}
  .ctn-problem-area,.ctn-result{padding:20px}
  .ctn-problem-head{align-items:flex-start;flex-direction:column;gap:5px}
  .ctn-verdict-card{padding:20px}
  .ctn-verdict-top{flex-direction:column}
  .ctn-context-grid{grid-template-columns:1fr}
  .ctn-search-result{grid-template-columns:85px 1fr}
}