/* "Dla kogo" (design "Porownai Dla Kogo"). Classes k1..kN / h1..hN come from the design export (dla-kogo-gen.css); .dk-* are layout and state helpers. */
:where(.dk){font-family:'Poppins','Inter',system-ui,sans-serif;font-size:16px;line-height:1.6;color:#1C1934;-webkit-font-smoothing:antialiased;background:#F6F5FC}
:where(.dk) *{box-sizing:border-box}
:where(.dk) :is(h1,h2,h3,h4,p,ol,ul,dl,dd,figure){margin:0;padding:0}
:where(.dk) a{color:#534AB7;text-decoration:none}
:where(.dk) a:hover{color:#7a5bff}
:where(.dk) :is(button,select,input){font:inherit;color:inherit}
:where(.dk) button{background:none;border:0;cursor:pointer;padding:0}
:where(.dk) table{border-collapse:separate;border-spacing:0}
.dk :focus-visible{outline:2px solid #7C5CFC;outline-offset:2px;border-radius:6px}
.dk{scroll-behavior:smooth}
.dk details>summary{list-style:none;cursor:pointer}
.dk details>summary::-webkit-details-marker{display:none}
.dk details .pa-x{display:none}
.dk details[open] .pa-x{display:block}
.dk details[open] .pa-plus{display:none}
.dk .pa-guide a{text-decoration:underline;text-underline-offset:3px}
.dk .pa-noscroll::-webkit-scrollbar{display:none}
.dk [hidden]{display:none!important}
.dk-m,.dk-nm,.dk-nar,.dk-wide,.dk-sr,.dk-sc,.dk-msh{display:contents}
.dk .dk-soon{opacity:.55;pointer-events:none;cursor:default}
.dk-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* tooltips: hover and keyboard focus, no JavaScript needed */
.dk .dk-tip{display:none}
.dk .dk-tw:is(:hover,:focus,:focus-within)>.dk-tip,.dk .dk-tw:is(:hover,:focus)~.dk-tip{display:block}
.dk .dk-hchip:is(:hover,:focus-visible){background:#EEEDFE!important;border-color:#7F77DD!important}
.dk .dk-hchip:is(:hover,:focus-visible) svg:last-child{opacity:1!important}
.dk a[href^="#zadanie-"]{scroll-margin-top:96px}
/* responsive values (desktop >= 1200 first) */
.dk{--dk-padX:24px;--dk-h1Size:54px;--dk-ansSize:20px;--dk-heroCols:minmax(0,1.5fr) minmax(0,1fr);--dk-heroGap:56px;--dk-heroTop:28px;--dk-factCols:repeat(4,max-content);--dk-chipWrap:wrap;--dk-chipBleed:0px;--dk-chipPad:0px;
--dk-colPad:28px 24px 12px;--dk-setPad:40px;--dk-setCols:repeat(var(--dk-n,3),minmax(0,1fr));--dk-cardGap:32px;--dk-sumCols:minmax(0,1fr) auto;--dk-sumAlign:right;--dk-secPad:112px;--dk-bandPad:96px;--dk-h2Size:34px;--dk-h3Size:24px;--dk-relH:28px;
--dk-taskCols:260px minmax(0,1fr);--dk-tasksTop:40px;--dk-cardPad:32px;--dk-taskScroll:96px;--dk-dnCols:repeat(2,minmax(0,1fr));--dk-promptCols:minmax(0,1fr) auto;--dk-pillMax:none;--dk-mxOverflow:clip;--dk-mxMinW:0px;--dk-thTop:72px;--dk-firstW:260px;
--dk-stickyShadow:none;--dk-safeCols:repeat(3,minmax(0,1fr));--dk-sfOverflow:visible;--dk-sfMinW:0px;--dk-guideTop:96px;--dk-guideCols:minmax(0,720px) 280px;--dk-guideSize:18px;--dk-toggleW:auto}
.dk-m{display:none}
.dk-nar,.dk-sc,.dk-msh{display:none}
@media (max-width:1199px){.dk{--dk-mxOverflow:auto;--dk-mxMinW:calc(600px + var(--dk-k,4)*96px);--dk-thTop:0px;--dk-stickyShadow:6px 0 8px -6px rgba(38,33,92,.18)}.dk-msh{display:contents}}
@media (max-width:1099px){.dk-sr{display:none}.dk-sc{display:contents}}
@media (max-width:1023px){.dk{--dk-h1Size:46px;--dk-heroCols:minmax(0,1fr);--dk-setCols:repeat(auto-fit,minmax(260px,1fr));--dk-taskCols:minmax(0,1fr);--dk-tasksTop:20px;--dk-taskScroll:136px;--dk-guideCols:minmax(0,1fr)}
.dk-wide{display:none}.dk-nar{display:contents}}
@media (max-width:759px){.dk{--dk-padX:16px;--dk-h1Size:34px;--dk-ansSize:17px;--dk-heroGap:28px;--dk-heroTop:20px;--dk-factCols:repeat(2,minmax(0,max-content));--dk-chipWrap:nowrap;--dk-chipBleed:-16px;--dk-chipPad:16px;--dk-colPad:24px 16px 8px;--dk-setPad:20px;
--dk-setCols:minmax(0,1fr);--dk-cardGap:16px;--dk-sumCols:minmax(0,1fr);--dk-sumAlign:left;--dk-secPad:72px;--dk-bandPad:64px;--dk-h2Size:28px;--dk-h3Size:21px;--dk-relH:24px;--dk-cardPad:20px;--dk-dnCols:minmax(0,1fr);--dk-promptCols:minmax(0,1fr);
--dk-pillMax:120px;--dk-firstW:180px;--dk-safeCols:minmax(0,1fr);--dk-sfOverflow:auto;--dk-sfMinW:640px;--dk-guideTop:56px;--dk-guideSize:17px;--dk-toggleW:100%}
.dk-nm{display:none}.dk-m{display:contents}
.dk #hero ul>li{white-space:normal!important}
.dk[data-mx=zadania]{--dk-mxMinW:calc(200px + var(--dk-k,4)*76px)}
.dk[data-mx=zadania] [data-g=p],.dk[data-mx=ceny] [data-g=t]{display:none}
.dk[data-mx=ceny]{--dk-mxMinW:520px}}
.dk-sticky-fix{position:sticky}
