/* g10 – सार्वजनिक महाविद्यालय जानकारी पेज */

/* पुराना KrutiDev फ़ॉन्ट (डेटाबेस के कुछ हिन्दी शीर्षक KrutiDev में हैं) */
@font-face {
    font-family: 'KrutiDev010';
    src: url('../font/k010-KrutiDev010_Webfont.woff') format('woff'), url('../font/k010-KrutiDev010_Webfont.ttf') format('truetype'), url('../font/k101.ttf') format('truetype');
    font-display: swap;
}
.hindi { font-family: 'KrutiDev010', Mangal, "Hind", sans-serif; font-size: 1.12em; }

.g10-page { background: #fff; border-radius: 18px; box-shadow: var(--mpm-shadow); border: 1px solid var(--mpm-border); padding: 1.75rem 1.5rem; margin-top: 1.5rem; }
@media (max-width: 575.98px) { .g10-page { padding: 1.25rem 1rem; border-radius: 14px; } }
.g10-page .section-title { margin-bottom: 1.75rem; }

.g10-prose { text-align: justify; line-height: 1.95; font-size: 1.04rem; color: var(--mpm-ink); }
.g10-prose p { margin-bottom: 1.1rem; }
.g10-prose h3 { font-size: 1.25rem; color: var(--mpm-primary-dark); margin: 1.4rem 0 .7rem; }
.g10-prose h3::before { content: ""; display: inline-block; width: 6px; height: 1.05em; vertical-align: -2px; margin-right: .5rem; border-radius: 3px; background: linear-gradient(var(--mpm-primary), var(--mpm-accent)); }
.g10-prose::after { content: ""; display: table; clear: both; }

.g10-fig { margin: 0 0 1rem; }
.g10-fig img { max-width: 100%; height: auto; border-radius: 14px; box-shadow: var(--mpm-shadow-lg); border: 4px solid #fff; background: #f3f4f6; }
.g10-fig figcaption { font-weight: 600; color: var(--mpm-primary); text-align: center; margin-bottom: .5rem; font-size: 1.05rem; }
@media (min-width: 768px) {
    .g10-fl { float: left; margin-right: 1.5rem; max-width: 45%; }
    .g10-fr { float: right; margin-left: 1.5rem; max-width: 42%; }
    .g10-fl.g10-sm, .g10-fr.g10-sm { max-width: 220px; }
}
@media (max-width: 767.98px) { .g10-fig { text-align: center; } }

.g10-block { padding: 1.25rem; border-radius: 14px; background: #fcfcfe; border: 1px solid var(--mpm-border); margin-bottom: 1.25rem; }
.g10-block::after { content: ""; display: table; clear: both; }

.g10-quote { background: var(--mpm-primary-light); border-left: 5px solid var(--mpm-primary); border-radius: 10px; padding: .75rem 1rem; margin: 1rem 0; font-weight: 600; color: var(--mpm-primary-dark); }

.g10-rules { list-style: none; padding: 0; margin: 0; counter-reset: none; }
.g10-rules li { display: flex; gap: .85rem; padding: .8rem 0; border-bottom: 1px dashed var(--mpm-border); text-align: justify; }
.g10-rules li:last-child { border-bottom: 0; }
.g10-rules .num { flex: 0 0 2.1rem; height: 2.1rem; border-radius: 50%; background: var(--mpm-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: .9rem; }

.g10-filter .form-select { min-width: 170px; }

.g10-person .g10-line { font-size: .92rem; color: var(--mpm-muted); line-height: 1.45; }
.g10-person .g10-line.role { color: var(--mpm-primary); font-weight: 600; }
.g10-person .g10-line.fw-semibold { color: var(--mpm-ink); }
.g10-person h5 { line-height: 1.35; }

.g10-msg { max-width: 900px; margin: 0 auto; text-align: center; }
.g10-msg img { max-width: 100%; height: auto; border-radius: 14px; box-shadow: var(--mpm-shadow-lg); }

.g10-linkbar { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }

.g10-table thead th { text-align: center; }
.g10-table td { text-align: center; }

.g10-principal img { width: 170px; height: 200px; object-fit: cover; }
.g10-video { background: #fff; border: 1px solid var(--mpm-border); border-radius: 14px; padding: 1rem; box-shadow: var(--mpm-shadow); }
.g10-video .ratio iframe { border-radius: 10px; }