/* ==========================================================
   SDPI Digital Campus – Hindi Typing & Font Profiles
   ========================================================== */
.sdpi-hindi-font-control{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:14px;margin:16px 0;padding:16px;border:1px solid #d7e0e8;border-left:4px solid #a4ce3a;border-radius:14px;background:#f4f9fd}.sdpi-hindi-font-control label{margin:0}.sdpi-hindi-font-control small{grid-column:1/-1;color:#4c5d70}.sdpi-hindi-font-control[hidden]{display:none!important}.sdpi-hindi-font-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#edf5dc;color:#1d4982;font-weight:700;font-size:13px}.sdpi-font-preview{min-width:250px;padding:12px;border:1px solid #d7e0e8;border-radius:10px;background:#fff;font-size:22px;line-height:1.7}.sdpi-hindi-typing-target{font-family:var(--sdpi-hindi-font-family,"Kruti Dev 010",Arial,sans-serif)!important;font-size:var(--sdpi-hindi-font-size,22px)!important;line-height:var(--sdpi-hindi-line-height,1.8)!important;letter-spacing:normal!important;font-variant-ligatures:none!important;font-feature-settings:normal!important}.sdpi-encoding-warning{padding:10px 12px;border-radius:10px;background:#fff8e5;border:1px solid #eed18a;color:#614b16}.sdpi-encoding-warning.is-ok{background:#eff8e7;border-color:#b9d77a;color:#365213}@media(max-width:700px){.sdpi-hindi-font-control{grid-template-columns:1fr}.sdpi-font-preview{min-width:0}}

/* English typing font chooser */
.sdpi-english-font-control{display:grid;grid-template-columns:minmax(220px,1fr);gap:10px;margin:16px 0;padding:16px;border:1px solid #d7e0e8;border-left:4px solid #1d4982;border-radius:14px;background:#f4f9fd}.sdpi-english-font-control label{margin:0}.sdpi-english-font-control small{color:#4c5d70}.sdpi-english-font-control[hidden]{display:none!important}@media(max-width:700px){.sdpi-english-font-control{grid-template-columns:1fr}}

/* Portal shell uses `font: inherit !important` on textarea controls. The direct
   Kruti Dev typing target must win that cascade or legacy keystrokes render as
   Latin letters instead of the Kruti Dev glyphs. */
body.sdpi-portal-body .sdpi-typing-label textarea.sdpi-hindi-typing-target,
body.sdpi-portal-body .sdpi-passage-box .sdpi-hindi-typing-target{
    font-family:var(--sdpi-hindi-font-family,"Kruti Dev 010",Arial,sans-serif)!important;
}