html, body { max-width: 100%; overflow-x: hidden; }
.download-center {
    --dc-ink: #171b2f;
    --dc-muted: #667085;
    --dc-line: #e7e9ef;
    --dc-paper: #f7f8fb;
    --dc-accent: var(--site-primary);
    background: var(--dc-paper);
    color: var(--dc-ink);
    min-height: 70vh;
    padding-bottom: 72px;
    overflow-x: hidden;
}
.download-center, .download-center * { box-sizing: border-box; }
.dc-shell { width: calc(100% - 32px); max-width: 1180px; margin-left: auto; margin-right: auto; }
.dc-breadcrumb { padding: 18px 0; font-size: 13px; color: var(--dc-muted); }
.dc-breadcrumb a { color: var(--dc-accent); text-decoration: none; }
.dc-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr);
    gap: 36px;
    align-items: end;
    padding: 34px 38px;
    background: #fff;
    border: 1px solid var(--dc-line);
    border-radius: 24px;
    box-shadow: 0 16px 45px rgba(23, 27, 47, .06);
}
.dc-intro > *, .dc-stat, .dc-toolbar > *, .dc-card { min-width: 0; max-width: 100%; }
.dc-intro h1, .dc-intro p, .dc-card h2, .dc-card p { overflow-wrap: anywhere; white-space: normal !important; }
.dc-kicker { display: block; color: var(--dc-accent); font-size: 13px; font-weight: 800; margin-bottom: 10px; }
.dc-intro h1 { margin: 0 0 12px; font-size: clamp(28px, 4vw, 48px); line-height: 1.3; letter-spacing: -.8px; }
.dc-intro p { margin: 0; color: var(--dc-muted); line-height: 2; max-width: 760px; }
.dc-intro__index { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.dc-stat { border-right: 3px solid var(--dc-accent); background: #fff7f4; border-radius: 12px; padding: 12px 15px; }
.dc-stat strong { display: block; font-size: 22px; line-height: 1.2; }
.dc-stat span { color: var(--dc-muted); font-size: 12px; }
.dc-brand-nav {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin: 24px 0 14px;
}
.dc-brand-link {
    --brand-color: var(--dc-accent);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 52px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid var(--dc-line);
    border-radius: 14px;
    color: var(--dc-ink);
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.dc-brand-link__identity { display: flex; align-items: center; gap: 9px; min-width: 0; }
.dc-brand-link__name { font-weight: 750; white-space: nowrap; }
.dc-brand-logo {
    display: grid;
    place-items: center;
    width: 42px;
    height: 34px;
    flex: 0 0 42px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--brand-color) 18%, var(--dc-line));
    border-radius: 10px;
    background: #fff;
}
.dc-brand-logo img { width: 100%; height: 100%; object-fit: contain; transform: scale(var(--logo-scale, 1)); }
.dc-brand-logo--generic { color: var(--brand-color); background: color-mix(in srgb, var(--brand-color) 9%, white); }
.dc-brand-logo--generic svg { width: 19px; height: 19px; fill: currentColor; }
.dc-brand-link small { color: var(--dc-muted); }
.dc-brand-link:hover, .dc-brand-link.is-active { transform: translateY(-2px); border-color: var(--brand-color); box-shadow: 0 8px 22px rgba(23, 27, 47, .07); color: var(--dc-ink); }
.dc-toolbar {
    display: grid;
    grid-template-columns: minmax(250px, 1fr) auto;
    gap: 16px;
    align-items: center;
    margin: 14px 0 28px;
    padding: 13px;
    background: #fff;
    border: 1px solid var(--dc-line);
    border-radius: 16px;
}
.dc-search { display: flex; gap: 8px; }
.dc-search input { width: 100%; border: 0; outline: 0; background: #f5f6f8; border-radius: 11px; padding: 12px 15px; font: inherit; }
.dc-search button { border: 0; background: var(--dc-ink); color: #fff; padding: 0 20px; border-radius: 11px; font: inherit; cursor: pointer; }
.dc-types { display: flex; flex-wrap: wrap; gap: 6px; }
.dc-types a { text-decoration: none; color: var(--dc-muted); border: 1px solid var(--dc-line); padding: 8px 12px; border-radius: 999px; font-size: 13px; }
.dc-types a:hover, .dc-types a.is-active { background: var(--dc-accent); border-color: var(--dc-accent); color: #fff; }
.dc-brand-copy { margin-bottom: 22px; padding: 18px 22px; background: #fff; border-right: 4px solid var(--active-brand, var(--dc-accent)); border-radius: 14px; color: var(--dc-muted); line-height: 2; }
.dc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dc-card {
    --brand-color: var(--dc-accent);
    display: flex;
    flex-direction: column;
    min-height: 250px;
    padding: 22px;
    background: #fff;
    border: 1px solid var(--dc-line);
    border-radius: 18px;
    position: relative;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}
.dc-card::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--brand-color); }
.dc-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(23, 27, 47, .09); }
.dc-card__image { display: flex; height: 155px; margin: -22px -22px 18px; padding: 14px; border-bottom: 1px solid var(--dc-line); background: #fff; }
.dc-card__image img { width: 100%; height: 100%; object-fit: contain; }
.dc-card__meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 12px; }
.dc-card__type { padding: 6px 10px; border-radius: 999px; background: color-mix(in srgb, var(--brand-color) 11%, white); color: var(--brand-color); font-weight: 800; }
.dc-card__brand { color: var(--dc-muted); direction: ltr; }
.dc-card h2 { font-size: 19px; line-height: 1.65; margin: 0 0 9px; }
.dc-card h2 a { color: inherit; text-decoration: none; }
.dc-card h2 a:hover { color: var(--brand-color); }
.dc-card p { margin: 0 0 18px; color: var(--dc-muted); line-height: 1.85; font-size: 13px; }
.dc-card__product { margin: auto 0 12px; font-size: 12px; color: var(--dc-muted); }
.dc-card__product a { color: var(--dc-accent); text-decoration: none; font-weight: 700; }
.dc-card__footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 14px; border-top: 1px solid var(--dc-line); }
.dc-card__version { color: var(--dc-muted); font-size: 12px; direction: ltr; }
.dc-download-btn { display: inline-flex; align-items: center; gap: 7px; background: var(--dc-ink); color: #fff; text-decoration: none; border-radius: 10px; padding: 10px 15px; font-size: 13px; font-weight: 800; }
.dc-download-btn:hover { background: var(--brand-color); color: #fff; }
.dc-empty { padding: 60px 20px; text-align: center; color: var(--dc-muted); background: #fff; border: 1px dashed #cfd3dc; border-radius: 18px; }
.dc-pagination { margin-top: 30px; }
.theme-dark .download-center { --dc-ink: #f2f4f8; --dc-muted: #aeb5c4; --dc-line: #35394a; --dc-paper: #191b26; background: var(--dc-paper); }
.theme-dark .dc-intro, .theme-dark .dc-brand-link, .theme-dark .dc-toolbar, .theme-dark .dc-brand-copy, .theme-dark .dc-card { background: #232633; }
.theme-dark .dc-brand-logo { border-color: color-mix(in srgb, var(--brand-color) 35%, #35394a); background: #fff; }
.theme-dark .dc-card__image { background: #20222d; }
.theme-dark .dc-search input { background: #181a24; color: #fff; }
.theme-dark .dc-stat { background: #302621; }
.theme-dark .dc-search button, .theme-dark .dc-download-btn { background: var(--site-primary); }
@media (max-width: 980px) {
    .dc-intro { grid-template-columns: 1fr; }
    .dc-brand-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .dc-toolbar { grid-template-columns: 1fr; }
    .dc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .download-center { padding-bottom: 48px; }
    .dc-shell { width: calc(100% - 20px); max-width: calc(100% - 20px); }
    .dc-intro { padding: 25px 20px; border-radius: 18px; }
    .dc-intro h1 { font-size: 29px; }
    .dc-intro p { font-size: 14px; }
    .dc-intro__index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dc-brand-nav { display: flex; overflow-x: auto; padding-bottom: 6px; }
    .dc-brand-link { min-width: 145px; }
    .dc-types { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
    .dc-types a { white-space: nowrap; }
    .dc-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .dc-brand-link, .dc-card { transition: none; }
}

/* Download detail */
.download-detail { --dd-ink:#171b2f; --dd-muted:#667085; --dd-line:#e6e8ee; direction:rtl; min-height:70vh; padding-bottom:75px; color:var(--dd-ink); background:#f7f8fb; }
.download-detail * { box-sizing:border-box; }
.dd-shell { width:calc(100% - 32px); max-width:1180px; margin:auto; }
.dd-breadcrumb { display:flex; flex-wrap:wrap; gap:7px; padding:18px 0; color:var(--dd-muted); font-size:13px; }
.dd-breadcrumb a { color:var(--brand-color); text-decoration:none; }
.dd-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:35px; align-items:center; padding:38px; border:1px solid var(--dd-line); border-radius:24px; background:#fff; box-shadow:0 16px 45px rgba(23,27,47,.06); }
.dd-badges { display:flex; gap:8px; margin-bottom:17px; }.dd-badges span { padding:6px 11px; border-radius:999px; color:var(--brand-color); background:color-mix(in srgb,var(--brand-color) 11%,white); font-size:12px; font-weight:850; }
.dd-hero h1 { margin:0 0 13px; font-size:clamp(29px,4.2vw,49px); line-height:1.35; }.dd-hero__copy>p { max-width:730px; margin:0; color:var(--dd-muted); font-size:15px; line-height:2; }
.dd-facts { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }.dd-facts div { min-width:105px; padding:10px 13px; border-right:3px solid var(--brand-color); border-radius:9px; background:#f7f8fb; }.dd-facts small,.dd-facts strong { display:block; }.dd-facts small { color:var(--dd-muted); font-size:11px; }.dd-facts strong { margin-top:3px; font-size:14px; }
.dd-hero__media { display:flex; align-items:center; justify-content:center; min-height:280px; padding:20px; border:1px solid var(--dd-line); border-radius:18px; background:#fafbfc; }.dd-hero__media img { width:100%; height:270px; object-fit:contain; }.dd-file-mark { display:grid; place-items:center; width:165px; height:195px; border-radius:18px 18px 30px 18px; color:#fff; background:linear-gradient(145deg,var(--brand-color),#171b2f); box-shadow:0 20px 35px color-mix(in srgb,var(--brand-color) 24%,transparent); }.dd-file-mark span { font-size:46px; font-weight:950; }.dd-file-mark small { opacity:.82; }
.dd-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:25px; align-items:start; margin-top:25px; }.dd-content,.dd-download-box { border:1px solid var(--dd-line); border-radius:20px; background:#fff; }.dd-content { min-height:360px; padding:34px; color:#3e4350; font-size:15px; line-height:2.05; }.dd-content h2,.dd-content h3,.dd-content h4 { margin:1.4em 0 .55em; color:var(--dd-ink); line-height:1.55; }.dd-content h2:first-child { margin-top:0; }.dd-content img { display:block; max-width:100%; height:auto; margin:24px auto; border-radius:13px; }.dd-content table { width:100%; margin:22px 0; border-collapse:collapse; }.dd-content th,.dd-content td { padding:11px 13px; border:1px solid var(--dd-line); text-align:right; }.dd-content th { background:#f4f5f8; }.dd-content a { color:var(--brand-color); }
.dd-sidebar { position:sticky; top:20px; }.dd-download-box { padding:23px; }.dd-download-box__eyebrow { color:var(--brand-color); font-size:12px; font-weight:850; }.dd-download-box h2 { margin:7px 0 17px; font-size:19px; line-height:1.6; }.dd-primary-download { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:13px; border-radius:11px; color:#fff; background:var(--brand-color); text-decoration:none; font-weight:850; }.dd-primary-download:hover { color:#fff; filter:brightness(.94); }.dd-primary-download.is-disabled { color:#858994; background:#eef0f4; }.dd-download-box ul { margin:20px 0 0; padding:0; list-style:none; }.dd-download-box li { display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid var(--dd-line); font-size:12px; }.dd-download-box li span { color:var(--dd-muted); }.dd-download-box li strong { overflow-wrap:anywhere; text-align:left; }.dd-product-link { display:block; margin-top:18px; color:var(--brand-color); font-size:12px; font-weight:800; text-decoration:none; line-height:1.8; }
.dd-related { margin-top:42px; }.dd-section-head span { color:var(--brand-color); font-size:12px; font-weight:850; }.dd-section-head h2 { margin:4px 0 17px; }.dd-related__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.dd-related__grid a { display:flex; flex-direction:column; min-height:150px; padding:18px; border:1px solid var(--dd-line); border-radius:15px; color:var(--dd-ink); background:#fff; text-decoration:none; }.dd-related__grid small { color:var(--brand-color); }.dd-related__grid strong { margin:8px 0 15px; line-height:1.7; }.dd-related__grid span { margin-top:auto; color:var(--dd-muted); font-size:12px; }
.theme-dark .download-detail { --dd-ink:#f2f4f8; --dd-muted:#aeb5c4; --dd-line:#35394a; background:#191b26; }.theme-dark .dd-hero,.theme-dark .dd-content,.theme-dark .dd-download-box,.theme-dark .dd-related__grid a { background:#232633; }.theme-dark .dd-hero__media,.theme-dark .dd-facts div { background:#1b1d27; }.theme-dark .dd-content { color:#d3d6df; }.theme-dark .dd-content th { background:#1b1d27; }
@media(max-width:900px){.dd-hero{grid-template-columns:1fr}.dd-layout{grid-template-columns:1fr}.dd-sidebar{position:static}.dd-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dd-shell{width:calc(100% - 20px)}.dd-hero{padding:23px 19px;border-radius:18px}.dd-hero__media{min-height:220px}.dd-hero__media img{height:210px}.dd-content{padding:23px 19px;overflow-x:auto}.dd-related__grid{grid-template-columns:1fr}}
