/* =============================================================================
   styles.css — Getting Access block styles for block_vidyanagari_access.
   Auto-loaded by Moodle on any page that contains this block.
   ============================================================================= */

/* ── Block wrapper ────────────────────────────────────────────────────────── */
.vn-access {
    background: #FBFAF7 !important;
    border-top: 1px solid #E2DED4 !important;
    border-bottom: 1px solid #E2DED4 !important;
    padding: 52px 0;
}
.vn-access-wrap {
    max-width: 1180px; margin: 0 auto; padding: 0 26px;
}

/* ── Heading ──────────────────────────────────────────────────────────────── */
.vn-access-hd { margin-bottom: 28px; }
.vn-access-hd h2 {
    font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
    font-size: 26px; font-weight: 700; color: #131A26; margin: 0 0 6px;
}
.vn-access-hd p { font-size: 13.5px; color: #6B7285; margin: 0; }

/* ── 3-column grid ────────────────────────────────────────────────────────── */
.vn-access-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}

/* ── Card ─────────────────────────────────────────────────────────────────── */
.vn-ac-card {
    background: #fff; border: 1px solid #E2DED4; border-radius: 12px;
    padding: 22px 22px 20px; display: flex; flex-direction: column; gap: 12px;
}

/* ── Icon container ───────────────────────────────────────────────────────── */
.vn-ac-icon {
    width: 40px; height: 40px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; flex: none;
}
.vn-ac-icon svg {
    width: 20px; height: 20px; fill: none; stroke: currentColor;
    stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
}
.vn-ac-icon--blue { background: #E8EEF8; color: #2F5F9E; }
.vn-ac-icon--gold { background: #F4E9D2; color: #A97B22; }
.vn-ac-icon--moss { background: #DFEEE7; color: #2A6F55; }

/* ── Card body ────────────────────────────────────────────────────────────── */
.vn-ac-body { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.vn-ac-body h3 { font-size: 15px; font-weight: 700; color: #131A26; margin: 0; }
.vn-ac-body p  { font-size: 13px; color: #6B7285; line-height: 1.6; margin: 0; }

/* ── CTA button ───────────────────────────────────────────────────────────── */
.vn-ac-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 7px 18px; border: 1.5px solid #CFC9BB; border-radius: 8px;
    font-size: 13px; font-weight: 600; color: #131A26; background: #fff;
    text-decoration: none; width: fit-content; margin-top: auto;
    transition: border-color .15s, background .15s;
}
.vn-ac-btn:hover { border-color: #A97B22; background: #FDFAF5; text-decoration: none; }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 860px) {
    .vn-access-grid { grid-template-columns: 1fr; }
}