/* WA KBDL 0411: страницы «Скачать Lineage 2» и «Скачать патч Lineage 2» (l2k_dl_pages.py) */
.k-dl{--dl-acc:var(--gold-1,var(--accent-1,var(--acc,#e2b04a)));--dl-acc2:var(--gold-2,var(--accent-2,#b8862b));--dl-on:#1a1408}
.k-dl-main{max-width:1180px;margin:0 auto}
.k-dl-tabs{display:inline-flex;gap:4px;padding:4px;margin:2px 0 18px;border:1px solid var(--line-2,rgba(255,255,255,.1));border-radius:12px;background:var(--bg-2,#19212a)}
.k-dl-tabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:9px;color:var(--ink-2,#c3cbd6);font:600 var(--fs-14,14px)/1.2 var(--font-body,sans-serif);text-decoration:none;transition:background .15s,color .15s}
.k-dl-tabs a:hover{color:var(--ink-1,#f2f4f7);background:var(--bg-3,#202a35)}
.k-dl-tabs a[aria-current]{background:linear-gradient(180deg,var(--dl-acc),var(--dl-acc2));color:var(--dl-on)}
.k-dl-tabs svg{width:16px;height:16px}
.k-dl-intro{max-width:880px;color:var(--ink-2,#c3cbd6);font:400 var(--fs-15,15px)/var(--lh-body,1.6) var(--font-body,sans-serif)}
.k-dl-intro p{margin:0 0 10px}
.k-dl-intro a{color:var(--dl-acc);text-decoration:underline;text-underline-offset:3px}
.k-dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;margin:22px 0 10px}
.k-dl-card{--c1:#7d8899;--c2:#3a4250;position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 18px 16px;border:1px solid var(--line-2,rgba(255,255,255,.1));border-radius:16px;background:linear-gradient(180deg,var(--bg-2,#19212a),var(--bg-1,#131920));overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s;scroll-margin-top:90px}
.k-dl-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--c1),var(--c2))}
.k-dl-card::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(closest-side,var(--c1),transparent);opacity:.10;pointer-events:none}
.k-dl-card:hover{transform:translateY(-2px);border-color:var(--line-3,rgba(255,255,255,.16));box-shadow:0 12px 30px rgba(0,0,0,.35)}
.k-dl-card:target{border-color:var(--dl-acc)}
.k-dl-head{display:flex;gap:14px;align-items:center}
.k-dl-mono{flex:0 0 56px;height:56px;border-radius:14px;display:grid;place-items:center;font:700 15px/1 var(--font-display,sans-serif);letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 6px 16px rgba(0,0,0,.3)}
.k-dl-ht{min-width:0}
.k-dl-card h2{margin:0 0 7px;font:700 var(--fs-16,16px)/var(--lh-snug,1.3) var(--font-body,sans-serif);color:var(--ink-1,#f2f4f7)}
.k-dl-meta{display:flex;flex-wrap:wrap;gap:6px}
.k-dl-meta span{padding:5px 8px;border-radius:7px;background:var(--bg-3,#202a35);color:var(--ink-3,#8b96a5);font:500 var(--fs-12,12px)/1 var(--font-body,sans-serif);white-space:nowrap}
.k-dl-meta .k-dl-clean{color:#9fe3b0;background:rgba(80,200,120,.12)}
.k-dl-cover{position:relative;margin:-18px -18px 2px;height:118px;display:grid;place-items:center;padding:12px 18px;background:radial-gradient(120% 140% at 50% 0%,#f7f9fc 0%,#e3e8ef 60%,#cfd7e2 100%);border-bottom:1px solid var(--line-2,rgba(255,255,255,.1))}
.k-dl-cover img{max-width:min(78%,300px);max-height:86px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}
.k-dl-card::before{z-index:1}
.k-dl-meta .k-dl-repack{color:#f0c78a;background:rgba(240,170,80,.12)}
.k-dl-meta .k-dl-archive{color:#a9c8f5;background:rgba(90,150,240,.12)}
.k-dl-what{flex:1;margin:0;color:var(--ink-2,#c3cbd6);font:400 var(--fs-14,14px)/var(--lh-body,1.6) var(--font-body,sans-serif)}
.k-dl-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.k-dl-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--line-3,rgba(255,255,255,.16));color:var(--ink-1,#f2f4f7);font:600 var(--fs-14,14px)/1 var(--font-body,sans-serif);text-decoration:none;transition:background .15s,border-color .15s,filter .15s}
.k-dl-btn:hover{background:var(--bg-3,#202a35);border-color:var(--dl-acc)}
.k-dl-btn svg{width:16px;height:16px;flex:0 0 16px}
.k-dl-btn-p{border-color:transparent;background:linear-gradient(180deg,var(--dl-acc),var(--dl-acc2));color:var(--dl-on)}
.k-dl-btn-p:hover{border-color:transparent;background:linear-gradient(180deg,var(--dl-acc),var(--dl-acc2));filter:brightness(1.08)}
.k-dl-srv{align-self:flex-start;color:var(--dl-acc);font:600 var(--fs-13,13px)/1.2 var(--font-body,sans-serif);text-decoration:none}
.k-dl-srv:hover{text-decoration:underline;text-underline-offset:3px}
.k-dl-upd{margin:4px 0 28px;color:var(--ink-4,#5c6775);font:400 var(--fs-12,12px)/1.4 var(--font-body,sans-serif)}
.k-dl-sec{max-width:880px;margin:0 0 28px}
.k-dl-sec h2{margin:0 0 14px;font:700 var(--fs-20,20px)/var(--lh-snug,1.3) var(--font-body,sans-serif);color:var(--ink-1,#f2f4f7)}
.k-dl-steps{list-style:none;margin:0;padding:0;counter-reset:dls}
.k-dl-steps li{position:relative;margin:0 0 10px;padding:12px 14px 12px 52px;border:1px solid var(--line-1,rgba(255,255,255,.06));border-radius:12px;background:var(--bg-2,#19212a);color:var(--ink-2,#c3cbd6);font:400 var(--fs-14,14px)/var(--lh-body,1.6) var(--font-body,sans-serif);counter-increment:dls}
.k-dl-steps li::before{content:counter(dls);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(180deg,var(--dl-acc),var(--dl-acc2));color:var(--dl-on);font:700 13px/1 var(--font-display,sans-serif)}
.k-dl-faq{margin:0 0 8px;border:1px solid var(--line-2,rgba(255,255,255,.1));border-radius:12px;background:var(--bg-2,#19212a);transition:border-color .15s}
.k-dl-faq[open]{border-color:var(--line-3,rgba(255,255,255,.16))}
.k-dl-faq summary{position:relative;padding:14px 44px 14px 16px;cursor:pointer;list-style:none;color:var(--ink-1,#f2f4f7);font:600 var(--fs-15,15px)/1.35 var(--font-body,sans-serif)}
.k-dl-faq summary::-webkit-details-marker{display:none}
.k-dl-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--dl-acc);font:700 20px/1 var(--font-body,sans-serif)}
.k-dl-faq[open] summary::after{content:"−"}
.k-dl-faq p{margin:0;padding:0 16px 15px;color:var(--ink-2,#c3cbd6);font:400 var(--fs-14,14px)/var(--lh-body,1.6) var(--font-body,sans-serif)}
.k-dl-card[data-c=interlude]{--c1:#c9ced8;--c2:#5b6372}
.k-dl-card[data-c=high-five]{--c1:#f5a623;--c2:#c2410c}
.k-dl-card[data-c=classic]{--c1:#d8c08a;--c2:#6b5a33}
.k-dl-card[data-c=essence]{--c1:#e0a458;--c2:#7c3f12}
.k-dl-card[data-c=final]{--c1:#5fb8ff;--c2:#1d4e89}
.k-dl-card[data-c=epilogue]{--c1:#7dd3fc;--c2:#2563a8}
.k-dl-card[data-c=god]{--c1:#ef4444;--c2:#7f1d1d}
.k-dl-card[data-c=c4]{--c1:#fbbf24;--c2:#9a3412}
.k-dl-card[data-c=c5]{--c1:#dc2626;--c2:#450a0a}
.k-dl-card[data-c=grand-crusade]{--c1:#a3a3a3;--c2:#262626}
@media (max-width:600px){
.k-dl-tabs{display:flex}.k-dl-tabs a{flex:1;justify-content:center;padding:9px 10px}
.k-dl-grid{grid-template-columns:1fr}
.k-dl-btn{flex:1 1 auto;justify-content:center}
.k-dl-card:hover{transform:none}
}
.k-dl-card[data-c=c5] .k-dl-cover img{mix-blend-mode:multiply;filter:none}