/* DOWNLOADS PAGE — fits all screen sizes */
.dl-section{background:var(--surface);padding:clamp(48px,7vw,60px) clamp(20px,6.5vw,80px)}
.dl-inner{max-width:1200px;margin:0 auto}
.dl-card{padding:32px}
.dl-card-inner{display:flex;gap:40px}
.dl-info{flex:3;min-width:0}
.dl-action{flex:2;min-width:0}
.dl-header-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.dl-icon-box{width:56px;height:56px;border-radius:16px;background:#E8F5E9;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dl-title{font-size:20px;font-weight:600;color:var(--text)}
.dl-subtitle{font-size:13px;color:var(--text-sec)}
.dl-desc{font-size:16px;color:var(--text-sec);line-height:1.8;margin-bottom:16px}
.dl-action-box{
  background:linear-gradient(135deg,#E8F5E9,#F1F8E9);
  border:1px solid #C8E6C9;border-radius:18px;padding:28px;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.dl-action-icon{width:64px;height:64px;border-radius:50%;background:rgba(46,125,50,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.dl-action-filename{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}
.dl-action-sub{font-size:12px;color:var(--text-sec);margin-bottom:6px}
.dl-action-stat{font-size:10px;font-weight:600;color:var(--success);letter-spacing:0.3px;margin-bottom:20px}
.dl-btn{width:100%;justify-content:center}

/* Social grid */
.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.social-card{
  display:flex;align-items:flex-start;gap:16px;
  background:#fff;border-radius:18px;border:1.5px solid var(--primary);
  padding:20px;cursor:pointer;
  transition:background .22s,box-shadow .22s,transform .2s;
  box-shadow:0 3px 12px rgba(91,44,154,0.08);text-decoration:none;color:var(--text);
}
.social-card:hover{background:var(--primary);box-shadow:0 8px 28px rgba(91,44,154,0.22);transform:translateY(-4px)}
.social-card:hover *{color:#fff!important;background:transparent!important}
.social-card:hover .sc-icon-box{background:rgba(255,255,255,0.18)!important}
.sc-icon-box{width:52px;height:52px;border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .22s}
.sc-icon-box img{width:28px;height:28px;object-fit:contain}
.sc-text{flex:1;min-width:0}
.sc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;gap:8px}
.sc-name{font-size:16px;font-weight:600;color:var(--text)}
.sc-stat{font-size:10px;font-weight:600;padding:3px 7px;border-radius:6px;white-space:nowrap;flex-shrink:0}
.sc-handle{font-size:12px;font-weight:500;margin-bottom:8px}
.sc-desc{font-size:12px;color:var(--text-sec);line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-follow{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600}
.sc-arrow{display:inline-block;transition:transform .2s}
.social-card:hover .sc-arrow{transform:translateX(4px)}

@media(max-width:1100px){.dl-section{padding:60px 40px}}
@media(max-width:768px){
  .dl-section{padding:40px 20px}
  .dl-card-inner{flex-direction:column}
  .dl-card{padding:20px}
  .social-grid{grid-template-columns:1fr}
  .dl-btn{align-self:stretch;text-align:center}
}