/* Keep all cover details; crop only the existing white canvas in the card view. */
.why-top .p71-teaching-photo{display:block;width:100%;max-width:640px;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border:1px solid #e3eaf1;border-radius:26px;box-shadow:0 12px 35px #1533540c}
.why:has(.p71-teaching-photo) .why-grid{margin-top:30px}
.kcmm-page .kcmm-hero-photo{aspect-ratio:3/2;object-position:center}
.kcmm-page .kcmm-book-image.p71-book-frame{position:relative;height:auto;aspect-ratio:1;overflow:hidden;padding:0;background:#fff;border-radius:32px 32px 0 0}
.kcmm-page .p71-book-frame img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(var(--p71-book-scale,1));transform-origin:center;filter:none}
.p71-enlarge{display:inline-flex;position:absolute;right:12px;bottom:10px;align-items:center;min-height:38px;padding:8px 13px;border:1px solid #dce5ef;border-radius:25px;background:#fffffff2;color:#1e5b86;font:600 11px/1.5 Poppins,Arial,sans-serif;text-decoration:none;box-shadow:0 3px 10px #1533540a}
.p71-enlarge:hover{background:#edf5fc}.p71-enlarge:focus-visible{outline:3px solid #bf2d70;outline-offset:3px}
.p71-photo-dialog{width:min(1120px,calc(100vw - 28px));max-width:none;max-height:92dvh;padding:0;overflow:auto;border:1px solid #e0e8f1;border-radius:20px;background:white;color:#153354;box-shadow:0 25px 80px #0003}
.p71-photo-dialog::backdrop{background:#10243bb3}
.p71-photo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;padding:14px 18px;background:white;border-bottom:1px solid #e7edf4}
.p71-photo-heading h2{margin:0;font:600 15px/1.5 Poppins,Arial,sans-serif}
.p71-photo-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #dce5ef;border-radius:10px;background:white;color:#153354;font:400 25px/1 Arial;cursor:pointer}
.p71-photo-dialog img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(92dvh - 135px);object-fit:contain;margin:auto}
.p71-photo-footer{margin:0;padding:12px 18px;border-top:1px solid #e7edf4;font:500 12px/1.6 Poppins,Arial,sans-serif}
.p71-photo-footer a{color:#a52e65;text-underline-offset:4px}
@media(max-width:700px){.why-top .p71-teaching-photo{border-radius:20px;max-width:none}.kcmm-page .kcmm-book-image.p71-book-frame{max-height:430px}.p71-photo-heading h2{font-size:13px}}

.kcmm-page .kcmm-module-card .kcmm-step{z-index:2}

.kcmm-page .kcmm-gallery-main{aspect-ratio:4/3;object-fit:contain;object-position:center;background:#f4f7fb}