/*! vss-article.min.css - PLIK GENEROWANY, nie edytuj. Zrodlo: vss-article.css sha256:c617ffdee8531bca | sklada _audyt/minifikuj.py */
.art-hero{position: relative;overflow: hidden;background: radial-gradient(110% 130% at 88% -20%,rgba(255,106,19,.22),transparent 46%),linear-gradient(160deg,var(--ss-ink) 0%,var(--ss-ink-700) 60%,var(--ss-navy) 100%);color: #fff;padding: clamp(40px,5vw,64px) 0 clamp(48px,6vw,72px)}.art-hero .hero-grid-bg{background-size: 46px 46px}.art-hero-inner{position: relative;z-index: 2;display: grid;grid-template-columns: 1.15fr .85fr;gap: clamp(32px,4vw,56px);align-items: center}.art-crumbs{font-family: var(--f-mono);font-size: var(--fs-label);color: rgba(255,255,255,.5);margin-bottom: 18px;display: flex;flex-wrap: wrap;gap: 6px;align-items: center}.art-crumbs a{color: rgba(255,255,255,.7)}.art-crumbs a:hover{color: var(--ss-orange)}.art-crumbs .sep{opacity: .4}.art-label{display: inline-flex;align-items: center;gap: 8px;font-family: var(--f-mono);font-size: var(--fs-label);letter-spacing: .12em;text-transform: uppercase;color: #ffd9bd;background: rgba(255,106,19,.14);border: 1px solid rgba(255,106,19,.32);padding: 6px 13px;border-radius: 999px}.art-hero h1{color: #fff;font-size: clamp(1.9rem,1.3rem + 2.6vw,3rem);font-weight: 600;line-height: 1.07;letter-spacing: -.025em;margin: 18px 0 0}.art-hero .lead{color: rgba(255,255,255,.74);font-size: clamp(1rem,.96rem + .35vw,1.16rem);line-height: 1.65;margin: 18px 0 0;max-width: 560px}.art-meta{display: flex;flex-wrap: wrap;gap: 10px 18px;margin-top: 24px;align-items: center;font-size: var(--fs-label);color: rgba(255,255,255,.55)}.art-meta time{font-family: var(--f-mono)}.art-meta .chip{background: rgba(255,255,255,.08);border: 1px solid rgba(255,255,255,.14);border-radius: 999px;padding: 4px 12px;color: rgba(255,255,255,.8)}.art-hero-figure{position: relative}.art-hero-figure img{display:block;width:100%;height:auto;border-radius:var(--r-lg);box-shadow:var(--sh-lg)}.art-shell{padding: clamp(40px,5vw,72px) 0}.art-layout{display: grid;grid-template-columns: 248px minmax(0,1fr);gap: clamp(36px,4vw,64px);align-items: start;max-width: 1120px;margin: 0 auto}.art-toc{position: sticky;top: 96px;align-self: start}.art-toc .toc-title{font-family: var(--f-mono);font-size: var(--fs-label);letter-spacing: .14em;text-transform: uppercase;color: var(--ss-faint);margin-bottom: 16px;padding-left: 14px}.art-toc ol{list-style: none;counter-reset: toc;display: flex;flex-direction: column}.art-toc li{counter-increment: toc}.art-toc a{display: block;padding: 8px 12px 8px 14px;font-size: .86rem;line-height: 1.4;color: var(--ss-muted);border-left: 2px solid var(--ss-border);transition: color var(--t),border-color var(--t),background var(--t)}.art-toc a::before{content: counter(toc,decimal-leading-zero);font-family: var(--f-mono);font-size: var(--fs-label);color: var(--ss-faint);margin-right: 9px}.art-toc a:hover{color: var(--ss-navy-600);background: var(--ss-bg-alt)}.art-toc a.active{color: var(--ss-orange-text);border-left-color: var(--ss-orange-ink);font-weight: 500}.art-toc a.active::before{color: var(--ss-orange-text)}.art-toc .toc-cta{margin-top: 22px;padding: 18px;background: var(--ss-ink);border-radius: var(--r);color: #fff}.art-toc .toc-cta b{font-family: var(--f-head);font-size: .95rem;display: block}.art-toc .toc-cta p{font-size: var(--fs-label);color: rgba(255,255,255,.6);margin: 6px 0 13px}.art-toc .toc-cta a.btn{width: 100%;justify-content: center;padding: 10px 10px;font-size: var(--fs-label);white-space: normal;text-align: center;line-height: 1.3;box-sizing: border-box;color: #fff}.art-toc .toc-cta a::before{content: none}.art-toc .toc-cta a.btn{border-left: 1.5px solid var(--ss-orange)}.art-toc .toc-cta a.btn:hover{background: var(--ss-orange-600);border-color: var(--ss-orange-600);color: #fff;transform: translateY(-2px)}.art-content{min-width: 0;font-size: var(--fs-base)}.art-byline{font-size: .85rem;color: var(--ss-muted);margin: 0 0 26px;padding-bottom: 20px;border-bottom: 1px solid var(--ss-border)}.art-byline strong{color: var(--ss-navy-600)}.art-content h2{scroll-margin-top: 96px;font-size: clamp(1.45rem,1.2rem + 1vw,1.95rem);font-weight: 600;color: var(--ss-navy-600);margin: 1.9em 0 .7em;line-height: 1.18}.art-content h2:first-child{margin-top: 0}.art-content h3{font-size: clamp(1.15rem,1rem + .6vw,1.4rem);color: var(--ss-navy);margin: 1.7em 0 .5em;border-left: 3px solid var(--ss-orange);padding-left: 14px}.art-content p{margin: 0 0 1.2em;line-height: 1.8;color: var(--ss-text)}.art-content a{color: var(--ss-blue);text-decoration: underline;text-underline-offset: 2px}.art-content a:hover{color: var(--ss-orange-text)}.art-content ul{list-style: none;padding: 0;margin: 0 0 1.3em;display: flex;flex-direction: column;gap: 11px}.art-content ul li{position: relative;padding-left: 28px;line-height: 1.65}.art-content ul li::before{content: "";position: absolute;left: 4px;top: .6em;width: 9px;height: 9px;background: var(--ss-orange-ink);border-radius: 2px;transform: rotate(45deg)}.art-content ol{padding-left: 1.3em;margin: 0 0 1.3em}.art-content ol li{margin-bottom: 9px;padding-left: 6px}.art-content blockquote{position: relative;margin: 1.6em 0;padding: 22px 26px 22px 60px;background: linear-gradient(135deg,rgba(255,106,19,.06),rgba(245,158,27,.03));border: 1px solid rgba(255,106,19,.18);border-radius: var(--r);color: var(--ss-navy-600);font-size: 1.08rem;line-height: 1.55;font-weight: 500}.art-content blockquote::before{content: "\201C";position: absolute;left: 18px;top: 6px;font-family: var(--f-head);font-size: 3rem;color: var(--ss-orange-text);line-height: 1}.art-content .table-wrap{margin: 1.6em 0;border: 1px solid var(--ss-border);border-radius: var(--r);overflow: auto;box-shadow: var(--sh-sm)}.art-content table{width: 100%;border-collapse: collapse;font-size: .92rem;min-width: 560px}.art-content thead th{background: var(--ss-ink);color: #fff;font-family: var(--f-head);font-weight: 600;text-align: left;padding: 13px 15px}.art-content tbody td{padding: 12px 15px;border-top: 1px solid var(--ss-border);vertical-align: top;line-height: 1.5}.art-content tbody tr:nth-child(even){background: var(--ss-bg-alt)}.art-content tbody td:first-child{font-weight: 600;color: var(--ss-navy-600)}.art-content .def-box{position:relative;border:1px solid rgba(255,106,19,.28);border-radius:16px;background:linear-gradient(180deg,rgba(255,106,19,.07),rgba(255,106,19,0) 60%),var(--ss-bg-alt);padding:1.35rem 1.5rem;margin:0 0 1.8rem;overflow:hidden}.art-content .def-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#ff8a3d,#ff6a13)}.art-content .def-box .def-label{display:inline-flex;align-items:center;gap:.5rem;font:700 var(--fs-label)/1 var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:#c64b00;background:rgba(255,106,19,.13);border-radius:999px;padding:.42rem .85rem;margin-bottom:.7rem}.art-content .def-box p{margin:0;font-size:1.04rem;line-height:1.62;color:var(--ss-text)}.diagram{margin: 0 0 1.8rem;background: var(--ss-bg-alt);border: 1px solid var(--ss-border);border-radius: var(--r-lg);padding: 30px 26px 26px}.diagram-title{font-family: var(--f-head);font-weight: 600;font-size: .98rem;color: var(--ss-navy-600);margin-bottom: 24px;text-align: center}.diagram-flow{display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;gap: 0}.diagram-step{display: flex;flex-direction: column;align-items: center;text-align: center;width: 148px;padding: 0 4px}.diagram-ic{width: 50px;height: 50px;border-radius: 50%;background: linear-gradient(150deg,var(--ss-orange),var(--ss-orange-600));display: flex;align-items: center;justify-content: center;margin-bottom: 12px;flex-shrink: 0;box-shadow: var(--sh-orange)}.diagram-ic svg{width: 24px;height: 24px;stroke: #fff}.diagram-step b{font-family: var(--f-head);font-size: .84rem;font-weight: 600;color: var(--ss-navy-600);display: block;margin-bottom: 4px;line-height: 1.3}.diagram-step span{font-size: var(--fs-label);color: var(--ss-muted);line-height: 1.45}.diagram-arrow{color: var(--ss-orange-text);font-size: 1.3rem;flex-shrink: 0;padding-top: 17px;margin: 0 2px}@media (max-width: 640px){.diagram-flow{flex-direction: column;align-items: center}.diagram-arrow{transform: rotate(90deg);padding: 2px 0}.diagram-step{width: 100%;max-width: 280px}}.feature-row{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:24px;align-items:center;margin:1.8rem 0}.feature-media{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--ss-border);background:var(--ss-white);cursor:pointer}.feature-media .shot-frame img,.feature-media img{display:block;width:100%;height:auto}.feature-media figcaption{font-size:.82rem;color:var(--ss-muted);padding:.6rem .9rem;border-top:1px solid var(--ss-border-soft)}.feature-body .feature-label{display:inline-block;font:700 var(--fs-label)/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ss-orange-text);margin-bottom:.5rem}.feature-body .feature-title{font-family:var(--f-head);font-weight:700;font-size:1.15rem;color:var(--ss-ink);margin:0 0 .5rem}.feature-body p{color:var(--ss-text);line-height:1.7;margin:0}.table-scroll{position: relative;overflow-x: auto;-webkit-overflow-scrolling: touch;margin: 1.4rem 0}.table-scroll .cmp-table{margin: 0}.table-scroll::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 26px;background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.96));pointer-events: none;opacity: 0;transition: opacity var(--t)}.table-scroll.is-scrollable::after{opacity: 1}@media (max-width: 640px){.table-scroll .cmp-table{min-width: 540px}}.cmp-table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.92rem;border:1px solid var(--ss-border);overflow:hidden}.cmp-table th{background:var(--ss-ink);color:#fff;font-family:var(--f-head);text-align:left;padding:.8rem .9rem;font-weight:600}.cmp-table td{padding:.75rem .9rem;border-top:1px solid var(--ss-border);vertical-align:top;color:var(--ss-text)}.cmp-table tr:nth-child(even) td{background:var(--ss-bg-alt)}.wide-section{padding: clamp(56px,7vw,90px) 0}.wide-section.section--alt{background: var(--ss-bg-alt)}.fa{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start;max-width:1000px;margin:0 auto}.fa-list{display:flex;flex-direction:column;gap:4px}.fa-q{text-align:left;background:none;border:none;cursor:pointer;font-family:var(--f-body);font-size:.98rem;font-weight:500;color:var(--ss-muted);padding:15px 18px;border-radius:var(--r-sm);display:flex;gap:13px;align-items:flex-start;line-height:1.4;transition:background var(--t),color var(--t)}.fa-q .qn{font-family:var(--f-mono);font-size:var(--fs-label);color:var(--ss-faint);padding-top:2px}.fa-q:hover{background:var(--ss-bg-alt);color:var(--ss-navy-600)}.fa-q.on{background:var(--ss-ink);color:#fff}.fa-q.on .qn{color:var(--ss-orange-300)}.fa-panel{background:linear-gradient(160deg,var(--ss-bg-alt),#fff);border:1px solid var(--ss-border);border-radius:var(--r-lg);padding:34px 34px 36px;min-height:248px;position:relative;overflow:hidden}.fa-panel::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(var(--ss-orange),var(--ss-amber))}.fa-panel .big{font-family:var(--f-head);font-size:3rem;font-weight:700;color:rgba(255,106,19,.16);line-height:1}.fa-panel h3{font-size:1.3rem;color:var(--ss-navy-600);margin:8px 0 14px}.fa-panel p{color:var(--ss-muted);font-size:1rem;line-height:1.75;margin:0}.fa-ans{display:none}.fa-ans.on{display:block;animation:faIn .35s var(--ease)}@keyframes faIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.glossary-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(290px,1fr));gap: 18px;max-width: 1080px;margin: 0 auto}.gloss-card{background: var(--ss-white);border: 1px solid var(--ss-border);border-top: 3px solid var(--ss-border);border-radius: var(--r);padding: 22px 24px;transition: transform var(--t),box-shadow var(--t)}.gloss-card:hover{transform: translateY(-3px);box-shadow: var(--sh);border-top-color: var(--ss-orange-ink)}.gloss-card dt{font-family: var(--f-head);font-weight: 600;color: var(--ss-navy-600);font-size: 1.02rem;margin-bottom: 8px;display: flex;align-items: center;gap: 9px}.gloss-card dt .gi{font-family: var(--f-mono);font-size: var(--fs-label);color: var(--ss-orange-text);background: rgba(255,106,19,.1);border-radius: 5px;padding: 2px 7px}.gloss-card dd{margin: 0;font-size: .9rem;color: var(--ss-muted);line-height: 1.6}.howto-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.step-card{background: var(--ss-white);border: 1px solid var(--ss-border);border-radius: var(--r-lg);padding: 28px 24px;transition: transform var(--t),box-shadow var(--t)}.step-card:hover{transform: translateY(-4px);box-shadow: var(--sh-md)}.step-card .num{font-family: var(--f-head);font-size: 2.6rem;font-weight: 700;color: rgba(255,106,19,.18);line-height: 1;margin-bottom: 12px}.step-card h3{font-size: 1.05rem;margin-bottom: 8px}.step-card p{font-size: .88rem;color: var(--ss-muted);margin: 0;line-height: 1.6}.art-cta{position: relative;overflow: hidden;background: radial-gradient(100% 140% at 85% 0%,rgba(255,106,19,.28),transparent 50%),linear-gradient(150deg,var(--ss-ink),var(--ss-navy));color: #fff;border-radius: var(--r-xl);padding: clamp(40px,5vw,64px);text-align: center;max-width: 1080px;margin: 0 auto}.art-cta h2{color: #fff;display: block;font-size: clamp(1.6rem,1.3rem + 1.6vw,2.4rem);margin: 0}.art-cta p{color: rgba(255,255,255,.78);max-width: 540px;margin: 16px auto 0}.art-cta .cta-actions{margin-top: 32px}@media (max-width: 920px){.art-hero-inner{grid-template-columns: 1fr}.art-hero-figure{order: -1}.art-layout{grid-template-columns: 1fr}.art-toc{position: relative;top: 0;border: 1px solid var(--ss-border);border-radius: var(--r);padding: 18px;background: var(--ss-bg-alt)}.art-toc ol{display: grid;grid-template-columns: 1fr 1fr;gap: 2px 14px}.art-toc .toc-cta{display: none}.art-toc a{min-height: 44px}.howto-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 760px){.fa{grid-template-columns: 1fr;gap: 20px}.fa-panel{min-height: 0}.feature-row{grid-template-columns: 1fr}}@media (max-width: 600px){.howto-grid{grid-template-columns: 1fr}.art-toc ol{grid-template-columns: 1fr}}
