/* JTWPOLAND — sekcja „Dlaczego Polska". Reguły wyłącznie pod .why; żadnych zmiennych na :root całej witryny. */
.why{--w-bg:#fff;--w-bg2:#f6f3ed;--w-ink:#132434;--w-mut:#5a6772;--w-line:rgba(7,24,40,.13);
 --w-gold:#7a5f30;--w-acc:#c7a76b;--w-risk:#a8672f;--w-riskbg:rgba(199,138,74,.1);
 max-width:1240px;margin:clamp(2rem,5vw,4.5rem) auto clamp(2rem,5vw,4rem);padding:0 clamp(1rem,3vw,1.5rem);color:var(--w-ink)}
.why *{box-sizing:border-box}
.why-eyebrow{margin:0 0 .5rem;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--w-gold)}
.why h2{margin:0 0 .7rem;font-size:clamp(1.75rem,3.6vw,2.7rem);line-height:1.12;max-width:24ch}
.why-lead{margin:0 0 2rem;max-width:72ch;font-size:1.05rem;line-height:1.65;color:var(--w-mut)}
.why-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.8rem;margin:0 0 2.2rem}
.why-k{position:relative;padding:1.1rem 1.1rem 1.6rem;border-radius:18px;background:var(--w-bg2);
 border:1px solid var(--w-line);transition:transform .25s ease,box-shadow .25s ease}
.why-k:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(7,24,40,.1)}
.why-k-v{display:block;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;line-height:1.05;
 color:var(--w-gold);font-variant-numeric:tabular-nums;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}
.why-k-v.why-in{opacity:1;transform:none}
.why-k-l{display:block;margin-top:.35rem;font-size:.88rem;line-height:1.45;color:var(--w-mut)}
.why-k-s{position:absolute;right:.9rem;bottom:.6rem;font-size:.68rem;letter-spacing:.08em;color:var(--w-mut);opacity:.75}
.why-tabs{display:flex;gap:.45rem;margin:0 0 1.4rem;overflow-x:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}
.why-tabs button{flex:0 0 auto;padding:.55rem 1.05rem;border-radius:999px;border:1px solid var(--w-line);
 background:var(--w-bg);color:inherit;font:inherit;font-size:.92rem;cursor:pointer;white-space:nowrap}
.why-tabs button:hover{background:var(--w-bg2)}
.why-tabs button[aria-selected="true"]{background:var(--w-acc);border-color:var(--w-acc);color:#071828;font-weight:700}
.why-p[hidden]{display:none}
.why-p-lead{margin:0 0 1.3rem;max-width:74ch;font-size:1rem;line-height:1.6;color:var(--w-mut)}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1rem}
.why-c{position:relative;padding:1.2rem 1.3rem 2rem;border-radius:16px;background:var(--w-bg);
 border:1px solid var(--w-line);border-left:3px solid var(--w-acc)}
.why-c h3{margin:0 0 .5rem;font-size:1.06rem;line-height:1.35;padding-right:5.5rem}
.why-c p{margin:0;font-size:.95rem;line-height:1.62;color:var(--w-mut)}
.why-c-f{position:absolute;right:1rem;top:1rem;padding:.2rem .6rem;border-radius:999px;background:var(--w-bg2);
 border:1px solid var(--w-line);font-size:.8rem;font-weight:700;color:var(--w-gold);font-variant-numeric:tabular-nums}
.why-c-s{position:absolute;left:1.3rem;bottom:.7rem;font-size:.68rem;letter-spacing:.08em;color:var(--w-mut);opacity:.75}
.why-p-risk .why-c{border-left-color:var(--w-risk);background:var(--w-riskbg)}
.why-p-risk .why-c-f{color:var(--w-risk)}
.why-chart{margin:1.6rem 0 0;padding:1.2rem 1.3rem 1rem;border-radius:16px;background:var(--w-bg2);border:1px solid var(--w-line)}
.why-ch-t{margin:0 0 .9rem;font-size:.95rem;font-weight:700}
.why-bars{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.why-bars li{display:grid;grid-template-columns:minmax(6rem,11rem) 1fr auto;align-items:center;gap:.7rem}
.why-b-l{font-size:.88rem;color:var(--w-mut)}
.why-b{display:block;height:.85rem;border-radius:999px;background:rgba(7,24,40,.08);overflow:hidden}
.why-b i{display:block;height:100%;width:0;border-radius:999px;background:var(--w-acc);transition:width .9s cubic-bezier(.2,.7,.3,1)}
.why-b i.why-in{width:var(--w)}
.why-b-hi i{background:linear-gradient(90deg,#c7a76b,#8a6a2f)}
.why-b-v{font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}
.why-ch-s{margin:.8rem 0 0;font-size:.7rem;letter-spacing:.08em;color:var(--w-mut);opacity:.8}
.why-src{margin:2rem 0 .6rem;border-top:1px solid var(--w-line);padding-top:1rem}
.why-src summary{cursor:pointer;color:var(--w-gold);font-weight:600;font-size:.95rem}
.why-src ol{margin:.9rem 0 0;padding-left:1.3rem;display:grid;gap:.45rem;font-size:.86rem;line-height:1.5;color:var(--w-mut)}
.why-s-k{display:inline-block;min-width:3.4rem;color:var(--w-ink)}
.why-s-d{opacity:.7}
.why-src a{color:inherit}
.why-asof{margin:0;font-size:.8rem;color:var(--w-mut)}
.why :focus-visible{outline:3px solid #1f6feb;outline-offset:2px}
@media (max-width:640px){.why-c h3{padding-right:0}.why-c-f{position:static;display:inline-block;margin:0 0 .5rem}}
@media print{
 .why-tabs{display:none}
 .why-p[hidden]{display:block !important}
 .why{max-width:none;margin:0;padding:0;color:#000}
 .why-k,.why-c,.why-chart{break-inside:avoid;border:1px solid #999;background:#fff}
 .why-k-v,.why-b i{opacity:1 !important;transform:none !important;width:var(--w) !important}
 .why-src[open] ol,.why-src ol{display:grid !important}
}
@media (prefers-reduced-motion:reduce){.why-k{transition:none}.why-b i{transition:none}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .why{
 --w-bg:#2a2a2a;--w-bg2:#1f1d18;--w-ink:#d3dbe2;--w-mut:#b9bdc0;--w-line:rgba(255,255,255,.22);
 --w-gold:#d0c7b9;--w-acc:#c7a76b;--w-risk:#e0b08a;--w-riskbg:rgba(224,176,138,.1)}
 :root:not([data-theme="light"]) .why-b{background:rgba(255,255,255,.12)}
 :root:not([data-theme="light"]) .why-tabs button[aria-selected="true"]{color:#1f1d18}
 :root:not([data-theme="light"]) .why-k:hover{box-shadow:0 14px 34px rgba(0,0,0,.45)}}
:root[data-theme="dark"] .why{
 --w-bg:#2a2a2a;--w-bg2:#1f1d18;--w-ink:#d3dbe2;--w-mut:#b9bdc0;--w-line:rgba(255,255,255,.22);
 --w-gold:#d0c7b9;--w-acc:#c7a76b;--w-risk:#e0b08a;--w-riskbg:rgba(224,176,138,.1)}
:root[data-theme="dark"] .why-b{background:rgba(255,255,255,.12)}
:root[data-theme="dark"] .why-tabs button[aria-selected="true"]{color:#1f1d18}
:root[data-theme="dark"] .why-k:hover{box-shadow:0 14px 34px rgba(0,0,0,.45)}
.why-p-h{margin:.4rem 0 .5rem;font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.25}
.why-c h4{margin:0 0 .5rem;font-size:1.06rem;line-height:1.35;padding-right:5.5rem}
@media (max-width:640px){.why-c h4{padding-right:0}}
/* Długie złożenia (niemiecki, koreański) nie mogą wychodzić poza kafelek ani poza kartę. */
.why-k-l,.why-k-v,.why-c h4,.why-c p,.why-b-l,.why-tabs button,.why-ch-t,.why-p-h,.why h2{overflow-wrap:break-word;hyphens:auto}
.why-k{display:flex;flex-direction:column;min-width:0}
.why-c{min-width:0}
/* Odstęp między zakładkami a panelem: bez dziedziczenia marginesów z arkusza witryny. */
.why .why-panels{margin:0}
.why .why-p{margin:0;padding:0}
.why .why-p-h{margin:.4rem 0 .5rem}
.why .why-grid{margin:0}
.why-k-v{word-break:keep-all}
