/* Scoped editorial graphics. All content remains visible without JavaScript. */
.knowledge-page{--ink:#193050;--line:#cbd4dc;--accent:#c8eb52}
.knowledge-page .page-intro{padding-bottom:2rem}
.knowledge-page .section-heading{margin-bottom:1.5rem}
.knowledge-page .section{padding-top:3rem;padding-bottom:3rem}
.knowledge-page .knowledge-prose{max-width:78ch}
.knowledge-jumps{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.5rem}
.knowledge-jumps a{font-weight:650;text-underline-offset:5px}
.knowledge-two{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.knowledge-two>div{border-top:3px solid var(--ink);padding-top:1rem}
.knowledge-two h3{font-size:1.2rem;max-width:34ch}
.knowledge-source{display:inline-block;font-size:.8rem;line-height:1.5;text-underline-offset:3px;margin:.25rem .5rem .25rem 0}
.knowledge-timeline{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto 1rem auto auto auto auto;gap:0}
.timeline-event{display:grid;grid-row:1 / span 6;grid-template-rows:subgrid;align-content:start;min-width:0;padding:0 .6rem 0 0;font-size:.87rem;line-height:1.55}
.timeline-date{font-weight:750;font-size:.9rem;align-self:end;padding-bottom:.4rem}
.timeline-line{width:calc(100% + .6rem);height:12px;overflow:visible;color:var(--ink)}
.timeline-line path{fill:none;stroke:currentColor;stroke-width:2}
.timeline-event h3{font-size:1rem;line-height:1.35;margin:0;padding:1rem .5rem 1rem 0;position:relative}
.timeline-event h3:before{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--ink);background:white;border-radius:50%;top:-.7rem;left:0}
.timeline-event.current h3:before{background:var(--accent)}
.timeline-pilot,.timeline-operator{padding:.8rem .65rem;margin-right:.2rem;border-top:2px solid var(--line)}
.timeline-pilot{background:#193050;color:#fff;border-color:#193050}
.timeline-operator{background:#f0f3f5}
.timeline-pilot>span,.timeline-operator>span{font-size:.64rem;letter-spacing:.05em;font-weight:750;display:block}
.timeline-event p{margin:.6rem 0 0}
.timeline-event .knowledge-source{align-self:start;font-size:.75rem;padding:.5rem .4rem 0 0}
.conversion-graph{max-width:800px;margin:2rem auto;text-align:center}
.conversion-origin{font-size:1.25rem;font-weight:700;border-bottom:2px solid var(--ink);padding:1rem}
.conversion-origin small{font-size:.85rem;font-weight:400}
.conversion-branches{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.conversion-branches>div{padding:1rem;border-top:0;position:relative}
.conversion-branches>div:before{content:"";height:1rem;width:2px;background:var(--ink);position:absolute;top:0;left:50%}
.conversion-branches h3{font-size:1.15rem;margin:.5rem 0}
.conversion-branches span{font-size:1.6rem;color:var(--ink)}
.conversion-branches p{margin:.5rem 0}.conversion-branches strong{font-size:1.3rem}
.overlap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0;max-width:950px}
.overlap-years{display:grid;grid-template-columns:repeat(3,1fr);grid-column:1/-1;font-weight:750;border-bottom:1px solid var(--line);padding-bottom:.75rem}
.overlap-bar{padding:1rem;display:flex;gap:1rem;align-items:center}
.nsts-bar{grid-column:1/3;background:#e0e5e9;border-right:3px solid var(--ink)}
.sts-bar{grid-column:1/-1;background:var(--ink);color:#fff}
.knowledge-no{font-size:2.5rem;font-weight:750;margin:0 0 1rem}
.knowledge-process{list-style:none;counter-reset:step;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.4rem;margin:2rem 0}
.knowledge-process li{counter-increment:step;border-top:2px solid var(--line);padding-top:1rem;font-size:.95rem;position:relative}
.knowledge-process li:before{content:counter(step,decimal-leading-zero);display:block;color:var(--ink);font-weight:750;font-size:1.3rem;margin-bottom:.5rem}
.knowledge-process li:not(:last-child):after{content:"→";position:absolute;right:-1rem;top:.8rem;color:var(--ink)}
.knowledge-now{border-left:4px solid var(--accent);padding-left:1.5rem;max-width:85ch}
.knowledge-now h3{font-size:1.5rem}
.knowledge-current{margin:2rem 0;max-width:1000px}
.knowledge-current>div{display:grid;grid-template-columns:15rem 1fr;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.knowledge-current dt{font-weight:750}.knowledge-current dd{margin:0}
.knowledge-sources{max-width:90ch;padding-left:1.5rem}
.knowledge-sources li{padding-left:.5rem;margin-bottom:1rem}
.knowledge-sources a{font-weight:600;overflow-wrap:anywhere}
.knowledge-sources p{font-size:.88rem;margin:.3rem 0 0;color:#485b70}
.knowledge-page #kompetencje{border-top:1px solid var(--line)}
.knowledge-page a:focus-visible,.knowledge-page summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@keyframes knowledge-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:no-preference){.knowledge-timeline.is-playing .timeline-line path{stroke-dasharray:1;animation:knowledge-draw .7s ease-out both}}
@media(max-width:1100px){
.knowledge-timeline{display:block;margin-left:.5rem}
.timeline-event{position:relative;display:block;padding:0 0 2rem 1.7rem;border-left:2px solid var(--line);font-size:1rem}
.timeline-event:last-child{padding-bottom:0;border-left-color:transparent}
.timeline-date{font-size:1rem;position:relative;padding:0 0 .4rem}
.timeline-date:before{content:"";width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:white;position:absolute;left:-2.15rem;top:.25rem}
.timeline-event.current .timeline-date:before{background:var(--accent)}
.timeline-event h3{padding:.1rem 0 .7rem;font-size:1.15rem}
.timeline-event h3:before,.timeline-line{display:none}
.timeline-pilot,.timeline-operator{margin:0;padding:1rem}
.timeline-pilot>span,.timeline-operator>span{font-size:.72rem}
.timeline-event .knowledge-source{font-size:.8rem}
.knowledge-process{grid-template-columns:1fr}
.knowledge-process li{padding:.7rem 0 .7rem 3rem}
.knowledge-process li:before{position:absolute;left:0;top:.7rem}
.knowledge-process li:not(:last-child):after{display:none}
}
@media(max-width:600px){
.knowledge-page .section{padding-top:2rem;padding-bottom:2rem}
.knowledge-two{grid-template-columns:1fr;gap:1.5rem}
.conversion-branches{gap:.5rem}.conversion-branches>div{padding:1rem .2rem}
.conversion-branches strong{font-size:1rem}.conversion-branches h3{font-size:1rem}
.knowledge-current>div{grid-template-columns:1fr;gap:.3rem}
.overlap{gap:.7rem .3rem}.overlap-bar{display:block;padding:.7rem;font-size:.85rem}
.overlap-bar strong{display:block;margin-bottom:.3rem}
.knowledge-now{padding-left:1rem}.knowledge-jumps{gap:.75rem 1rem}
}

.timeline-event.history .timeline-pilot{background:#e2e7eb;color:var(--ink);border-color:#b7c3cd}
.timeline-event:nth-child(6) .timeline-date{background:var(--ink);color:white;padding:.4rem;align-self:end}
.timeline-event:nth-child(6) h3{font-weight:800}