/* KENDOS – Dokumenty do Pobrania
   Wszystkie klasy mają unikalny prefiks kdld-, aby nie kolidować z pozostałymi modułami. */

.kdld-section{
    --kdld-bg:#f7f7f7;
    --kdld-red:#d40000;
    --kdld-yellow:#f5c400;
    --kdld-cols:2;
    width:100%;
    background:var(--kdld-bg);
    color:#111;
    margin:0;
    padding:74px 24px 82px;
    box-sizing:border-box;
    font-family:inherit;
}
.kdld-section *,
.kdld-section *::before,
.kdld-section *::after{box-sizing:border-box}

.kdld-inner{
    width:min(1180px,100%);
    margin:0 auto;
}

.kdld-header{
    max-width:820px;
    margin:0 auto 34px;
    text-align:center;
}

.kdld-eyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:12px;
    color:var(--kdld-red);
    font-size:13px;
    font-weight:700;
    letter-spacing:.02em;
}
.kdld-eyebrow span{
    width:54px;
    height:2px;
    background:var(--kdld-red);
    display:block;
}
.kdld-title{
    margin:0;
    padding:0;
    color:#111;
    font-size:clamp(34px,4vw,52px);
    line-height:1.08;
    font-weight:700;
    letter-spacing:-.035em;
}
.kdld-intro{
    margin:16px auto 0;
    color:#4b4b4b;
    font-size:16px;
    line-height:1.65;
}
.kdld-rule{
    display:flex;
    justify-content:center;
    width:118px;
    height:4px;
    margin:20px auto 0;
    overflow:hidden;
}
.kdld-rule i:nth-child(1){background:#111;flex:1}
.kdld-rule i:nth-child(2){background:var(--kdld-red);flex:1}
.kdld-rule i:nth-child(3){background:var(--kdld-yellow);flex:1}

.kdld-grid{
    display:grid;
    grid-template-columns:repeat(var(--kdld-cols), minmax(0,1fr));
    gap:14px;
}

.kdld-card{
    position:relative;
    display:flex;
    align-items:center;
    gap:17px;
    min-height:112px;
    padding:18px 20px;
    background:#fff;
    color:#111;
    text-decoration:none !important;
    border:1px solid rgba(0,0,0,.06);
    border-radius:10px;
    box-shadow:0 8px 25px rgba(0,0,0,.055);
    overflow:hidden;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.kdld-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:var(--kdld-red);
}
.kdld-card:nth-child(even)::before{background:var(--kdld-yellow)}
.kdld-card:hover,
.kdld-card:focus-visible{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(0,0,0,.10);
    border-color:rgba(0,0,0,.10);
}
.kdld-card:focus-visible{
    outline:3px solid color-mix(in srgb, var(--kdld-yellow) 70%, white);
    outline-offset:3px;
}

.kdld-icon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(212,0,0,.075);
    color:var(--kdld-red);
}
.kdld-card:nth-child(even) .kdld-icon{
    background:rgba(245,196,0,.13);
    color:#b38f00;
}
.kdld-icon svg{width:24px;height:24px}

.kdld-card-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.kdld-card-title{
    color:#171717;
    font-size:15px;
    line-height:1.35;
    font-weight:650;
}
.kdld-card-action{
    display:flex;
    align-items:center;
    gap:7px;
    color:var(--kdld-red);
    font-size:11px;
    line-height:1;
    font-weight:650;
    letter-spacing:.025em;
}
.kdld-card:nth-child(even) .kdld-card-action{color:#b38f00}
.kdld-card-action svg{width:16px;height:16px;transition:transform .2s ease}
.kdld-card:hover .kdld-card-action svg{transform:translateX(3px)}
.kdld-empty{text-align:center;margin:0;color:#666}

@media (max-width:900px){
    .kdld-section{padding:58px 20px 64px}
    .kdld-grid{grid-template-columns:1fr}
    .kdld-title{font-size:clamp(32px,7vw,44px)}
}
@media (max-width:560px){
    .kdld-section{padding:46px 16px 52px}
    .kdld-header{margin-bottom:25px;text-align:left}
    .kdld-eyebrow{justify-content:flex-start;gap:12px}
    .kdld-eyebrow span{width:35px}
    .kdld-title{font-size:32px;line-height:1.1}
    .kdld-intro{font-size:15px}
    .kdld-rule{margin-left:0}
    .kdld-card{min-height:98px;padding:15px 15px 15px 17px;gap:13px}
    .kdld-icon{width:42px;height:42px;flex-basis:42px}
    .kdld-icon svg{width:21px;height:21px}
    .kdld-card-title{font-size:14px}
    .kdld-card-action{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
    .kdld-card,.kdld-card-action svg{transition:none}
}