/* ============================================================
   css/learn-more.css   (SIKAT_UPDATE211_V1)
   Partners page: the Learn More window (modal)
   ============================================================ */
.lm-overlay { position: fixed; inset: 0; z-index: 990; background: rgba(15, 23, 42, 0.55); display: flex; align-items: center; justify-content: center; padding: 20px; }
.lm-overlay[hidden] { display: none; }
body.lm-open { overflow: hidden; }
.lm-modal { position: relative; background: #FFFFFF; border-radius: 18px; width: 980px; max-width: 100%; max-height: calc(100vh - 40px); display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 24px 60px rgba(15, 23, 42, 0.30); font-family: 'Montserrat', sans-serif; }
.lm-x { position: absolute; top: 14px; right: 14px; z-index: 2; width: 36px; height: 36px; border-radius: 50%; border: 0; background: #F4F7FB; color: #4A5568; font-size: 15px; cursor: pointer; }
.lm-x:hover { background: #E9EEF5; }
.lm-x:focus-visible { outline: 3px solid #FDC409; outline-offset: 2px; }
.lm-body { overflow-y: auto; padding: 30px 34px 30px; }
.lm-body .pt-learn { margin: 0; }
.lm-body .pt-learn-intro { padding-right: 40px; margin-bottom: 22px; }
.lm-body .pt-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 26px; }
.lm-body .pt-why { flex-direction: row; align-items: flex-start; padding: 16px; box-shadow: none; }
.lm-body .pt-why:hover { transform: none; box-shadow: none; }
.lm-body .pt-why-icon { flex: 0 0 44px; }
.lm-body .pt-area-grid { gap: 14px; margin-bottom: 26px; }
.lm-body .pt-area { padding: 18px; }
.lm-body .pt-commit { padding: 22px 24px; }
@media (max-width: 760px) {
    .lm-overlay { padding: 0; align-items: stretch; }
    .lm-modal { border-radius: 0; max-height: 100vh; height: 100%; }
    .lm-body { padding: 22px 18px 26px; }
    .lm-body .pt-learn-intro { padding-right: 36px; }
    .lm-body .pt-why-grid { grid-template-columns: 1fr; }
}