/* MiniGap release archive — works both as a standalone page and inside the CMS. */
.release-page {
    color: #243247;
    background: #f4f7fb;
    font-family: Vazir, Tahoma, sans-serif;
    line-height: 1.9;
    overflow-wrap: break-word;
    word-break: normal;
}

.release-page *,
.release-page *::before,
.release-page *::after { box-sizing: border-box; }

.release-page a { color: #155f9f; text-underline-offset: 4px; }
.release-page a:focus-visible { outline: 3px solid #155f9f; outline-offset: 4px; }

.release-page .public-site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem 1.5rem;
    width: min(100% - 2rem, 1240px);
    max-width: 1240px;
    margin: 1rem auto;
    padding: .55rem .75rem .55rem 1rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    color: #f8fafc;
    background: linear-gradient(110deg, #071629, #102944);
    box-shadow: 0 12px 30px rgba(8, 23, 42, .16);
    flex-wrap: wrap;
}

.release-page .public-site-header nav { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.release-page .public-site-header a { display: inline-flex; align-items: center; min-height: 42px; padding: .35rem .7rem; border-radius: 10px; color: #dbe7f4; text-decoration: none; transition: background-color .18s ease, color .18s ease; }
.release-page .public-site-header a:hover { color: #fff; background: rgba(255,255,255,.1); }
.release-page .public-site-brand { gap: .7rem; color: #fff !important; font-size: 1rem; font-weight: 800; }
.release-page .public-site-brand::before { content: ""; display: block; width: 38px; height: 38px; flex: 0 0 38px; border: 1px solid rgba(255,255,255,.18); border-radius: 11px; background: #061428 url("/assets/img/miknetwork-logo.png") center / cover no-repeat; box-shadow: 0 4px 12px rgba(0,0,0,.2); }

.release-page .release-main.container {
    width: min(100% - 2rem, 1100px);
    max-width: 1100px;
    margin: 1.5rem auto;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
}

.release-page .download-hub { padding: clamp(1rem, 2.5vw, 1.75rem); border-radius: 24px; }
.release-page .download-breadcrumb,
.release-page .download-hub > .card-container { display: none !important; }

.release-page .release-hero,
.release-page .release-card,
.release-page .release-article {
    color: inherit;
    background: #fff;
    border: 1px solid #dfe7f0;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(27, 47, 75, .06);
}

.release-page .release-hero { padding: clamp(1.25rem, 3vw, 2rem); }
.release-page .release-hero h1 { margin: .4rem 0 .75rem; color: #155c98; font-size: clamp(1.55rem, 3vw, 2.2rem); font-weight: 800; line-height: 1.65; text-wrap: balance; }
.release-page .release-hero p { max-width: 72ch; margin-bottom: 0; color: #536477; }
.release-page .release-kicker { color: #287051 !important; font-weight: 800; }

.release-page .release-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.release-page .release-card { display: flex; min-width: 0; flex-direction: column; padding: 1.25rem; }
.release-page .release-card h2 { margin: .8rem 0 .5rem; font-size: 1.15rem; font-weight: 750; line-height: 1.75; }
.release-page .release-card h2 a { color: #155c98; text-decoration: none; }
.release-page .release-card h2 a:hover { text-decoration: underline; }
.release-page .release-card > p { color: #536477; }
.release-page .release-meta { display: flex; align-items: center; gap: .35rem 1rem; flex-wrap: wrap; color: #64748b; font-size: .86rem; }
.release-page .release-link { display: inline-flex; align-items: center; gap: .45rem; min-height: 42px; margin-top: auto; font-weight: 750; }
.release-page .release-note { margin: 1rem 0; color: #64748b; font-size: .9rem; }

.release-page .release-article { overflow: hidden; }
.release-page .release-article > .release-hero { border: 0; border-bottom: 1px solid #e4eaf1; border-radius: 0; box-shadow: none; }
.release-page .release-body { padding: .5rem clamp(1.25rem, 3vw, 2rem) 1.5rem; }
.release-page .release-body h2 { margin: 1.5rem 0 .5rem; color: #26704e; font-size: 1.15rem; line-height: 1.8; }
.release-page .release-body p { color: #40556a; }
.release-page .release-breadcrumb { display: flex; align-items: center; gap: .45rem; margin: 0 0 1rem; color: #64748b; }
.release-page .release-breadcrumb a { text-decoration: none; }
.release-page .release-footer { display: flex; justify-content: center; align-items: center; gap: .5rem 1rem; max-width: 1100px; margin: 1rem auto 0; padding: 1rem; border-top: 1px solid #dce4ed; color: #64748b; font-size: .88rem; flex-wrap: wrap; }
.release-page .release-skip { position: fixed; z-index: 1200; top: -100px; right: 12px; padding: .75rem 1rem; background: #fff; }
.release-page .release-skip:focus { top: 8px; }

/* The archive is rendered inside the site's download route; keep one clear page shell. */
body.release-page .site-hero { display: none !important; }
body.release-page #main-content > .content > .row:first-child { display: none !important; }
body.release-page #main-content > .content.container {
    max-width: 1240px;
    padding-inline: clamp(.75rem, 2vw, 1.5rem);
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.release-page #main-content .download-hub {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
body.release-page #main-content .download-hub .public-site-header,
body.release-page #main-content .download-hub .release-footer { display: none !important; }
body.release-page .site-navbar .nav-download-link:not(.is-active) { color: #fff !important; background: linear-gradient(135deg, #4f46e5, #7c3aed) !important; box-shadow: 0 8px 18px rgba(79,70,229,.28) !important; }
body.release-page #main-content .release-main.container { margin-top: .75rem; }

@media (max-width: 700px) {
    .release-page .release-main.container { width: min(100% - 1rem, 1100px); margin-block: .75rem; }
    .release-page .public-site-header { width: min(100% - 1rem, 1240px); padding: .5rem .65rem; border-radius: 14px; }
    .release-page .release-grid { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
    .release-page .release-card { padding: 1rem; }
    .release-page #chat-toggle,
    .release-page .calls-float,
    .release-page .whatsapp-float { display: none !important; }
    body.release-page #main-content > .content.container { padding-inline: .5rem; }
}

@media print {
    .release-page .public-site-header,
    .release-page .release-footer,
    .release-page .release-skip { display: none; }
    .release-page { background: #fff; }
    .release-page .release-grid { display: block; }
    .release-page .release-card { break-inside: avoid; margin-bottom: 1rem; }
}