/* Generated illustrations, paired with readable text outside the artwork. */
.abl-illustrated .abl-hero {
    grid-template-columns: 1fr 1fr;
    padding: 0;
    gap: 0;
    background: #edf3e9;
}
.abl-illustrated .abl-hero-copy { padding: 36px 38px; }
.abl-illustrated .abl-hero .ab-eyebrow { font-size: 12px; color: #17665e; }
.abl-illustrated .abl-hero h1 { font-size: 42px; }
.abl-illustrated .abl-hero h1 > span { font-size: 28px; }
.abl-illustrated .abl-hero-copy > p:not(.ab-eyebrow) { font-size: 16px; color: #405a50; }
.abl-illustrated .abl-hero-cta { font-size: 14px; padding: 13px 19px; }
.abl-illustrated .abl-hero-facts { font-size: 12px; color: #415c50; }
.abl-illustrated .abl-hero-facts strong { font-size: 16px; }
.abl-illustrated .abl-hero-art {
    display: flex;
    min-height: 100%;
    align-self: stretch;
    overflow: hidden;
}
.abl-hero-art > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.abl-illustrated .abl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
.abl-illustrated .abl-toolbar .ab-eyebrow { font-size: 11px; color: #17665e; }
.abl-illustrated .abl-toolbar h2 { font-size: 30px; }
.abl-illustrated .abl-toolbar h2 > span { font-size: 12px; color: #475c50; }
.abl-illustrated .abl-search { width: 340px; }
.abl-illustrated .abl-search input { font-size: 14px; }
.abl-illustrated .abl-filters > a { font-size: 13px; padding: 9px 14px; color: #40574c; }
.abl-illustrated .abl-filters > a[aria-current=true] { color: #fff; }
.abl-illustrated .abl-filters > a > span { font-size: 11px; }
.abl-illustrated .abl-card { border-color: #d5ddd5; }
.abl-illustrated .abl-cover-link { height: auto; min-height: 0; aspect-ratio: 3 / 2; }
.abl-illustrated .abl-cover-link::before { display: none; }
.abl-illustrated .abl-card-cover { width: 100%; height: 100%; margin: 0; }
.ab-cover-image { display: block; width: 100%; height: auto; }
.abl-card-cover .ab-cover-image { width: 100%; height: 100%; object-fit: cover; }
.abl-illustrated .abl-card-badge {
    top: 14px; left: 14px; font-size: 10px; letter-spacing: .8px;
    padding: 7px 10px; background: #fff; color: #283f35;
    box-shadow: 0 2px 8px #00000016;
}
.abl-illustrated .abl-free-badge { color: #4c3d00; background: #fff0a9; }
.abl-illustrated .abl-cover-play {
    width: 42px; height: 42px; right: 14px; bottom: 14px;
    background: #fff; color: #16695c; font-size: 13px;
    box-shadow: 0 3px 12px #0002;
}
.abl-illustrated .abl-card-content { padding: 21px; }
.abl-illustrated .abl-card-meta { font-size: 12px; color: #435b4e; gap: 11px; }
.abl-illustrated .abl-card-meta > span + span { color: #116b5d; padding-left: 11px; }
.abl-illustrated .abl-card h3 {
    display: block; overflow: visible; min-height: 0;
    -webkit-line-clamp: unset;
    margin-top: 12px; font-size: 22px; line-height: 1.3;
    letter-spacing: -.25px; overflow-wrap: anywhere;
}
.abl-illustrated .abl-card-hindi {
    white-space: normal; overflow: visible; text-overflow: clip;
    font-size: 16px; line-height: 1.7; color: #40564b; margin-top: 7px;
}
.abl-illustrated .abl-card-duration {
    font-size: 12px; line-height: 1.6; color: #4d6558;
    flex-wrap: wrap; gap: 6px; margin-top: 15px; margin-bottom: 18px;
}
.abl-illustrated .abl-card-duration svg { width: 16px; height: 16px; }
.abl-illustrated .abl-card-footer { margin-top: auto; padding-top: 16px; }
.abl-illustrated .abl-card-price { font-size: 28px; }
.abl-illustrated .abl-card-price > span { font-size: 11px; color: #4d6558; line-height: 1.5; max-width: none; }
.abl-illustrated .abl-card-cta { font-size: 13px; padding: 12px 14px; color: #125f50; border-color: #bfd7c6; }
.ab-illustrated-detail .ab-cover-wrap { padding: 0; }
.ab-illustrated-detail .ab-cover-image {
    aspect-ratio: 3 / 2; border-radius: 18px; object-fit: cover;
    box-shadow: 0 10px 25px #20382a12; border: 1px solid #d9e1d6;
}
.ab-illustrated-detail .ab-hero { grid-template-columns: minmax(200px, .9fr) minmax(0, 1fr); align-items: start; }

@media (max-width: 1150px) {
    .abl-illustrated .abl-hero-copy { padding: 30px; }
    .abl-illustrated .abl-hero h1 { font-size: 35px; }
    .abl-illustrated .abl-hero h1 > span { font-size: 24px; }
    .abl-illustrated .abl-grid { gap: 20px; }
    .abl-illustrated .abl-card-content { padding: 18px; }
    .abl-illustrated .abl-card h3 { font-size: 20px; }
    .abl-illustrated .abl-card-footer { flex-wrap: wrap; gap: 13px; }
    .abl-illustrated .abl-card-cta { font-size: 12px; }
}
@media (max-width: 900px) {
    .abl-illustrated .abl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .abl-illustrated .abl-hero h1 { font-size: 30px; }
    .abl-illustrated .abl-hero h1 > span { font-size: 22px; }
    .abl-illustrated .abl-hero .ab-eyebrow { font-size: 10px; }
    .abl-illustrated .abl-hero-copy > p:not(.ab-eyebrow) { font-size: 14px; }
    .abl-illustrated .abl-hero-facts { gap: 10px; font-size: 10px; }
    .abl-illustrated .abl-hero-facts > span + span { padding-left: 10px; }
    .abl-illustrated .abl-hero-facts strong { font-size: 13px; }
}
@media (max-width: 600px) {
    .abl-illustrated .abl-hero { display: flex; flex-direction: column-reverse; }
    .abl-illustrated .abl-hero-copy { padding: 26px 23px; }
    .abl-illustrated .abl-hero-art { display: block; width: 100%; min-height: 0; }
    .abl-illustrated .abl-hero-art > img { height: auto; aspect-ratio: 3 / 2; }
    .abl-illustrated .abl-hero h1 { font-size: 31px; }
    .abl-illustrated .abl-hero h1 > span { font-size: 23px; }
    .abl-illustrated .abl-hero-copy > p:not(.ab-eyebrow) { font-size: 15px; }
    .abl-illustrated .abl-hero-facts { font-size: 11px; gap: 12px; }
    .abl-illustrated .abl-hero-facts > span + span { padding-left: 12px; }
    .abl-illustrated .abl-toolbar h2 { font-size: 28px; }
    .abl-illustrated .abl-toolbar .ab-eyebrow { font-size: 10px; }
    .abl-illustrated .abl-search { width: 100%; }
    .abl-illustrated .abl-grid { grid-template-columns: 1fr; gap: 22px; }
    .abl-illustrated .abl-card { display: flex; flex-direction: column; }
    .abl-illustrated .abl-filters > a { font-size: 12px; padding: 8px 12px; }
    .abl-illustrated .abl-card-content { padding: 19px; }
    .abl-illustrated .abl-card h3 { font-size: 22px; }
    .abl-illustrated .abl-card-hindi { font-size: 16px; }
    .abl-illustrated .abl-card-meta { font-size: 12px; }
    .abl-illustrated .abl-card-duration { font-size: 12px; }
    .abl-illustrated .abl-card-footer { flex-wrap: nowrap; }
    .abl-illustrated .abl-card-price { margin-top: 0; font-size: 28px; }
    .abl-illustrated .abl-card-price > span { display: block; font-size: 10px; }
    .abl-illustrated .abl-card-cta { font-size: 13px; padding: 11px 13px; margin-top: 0; }
    .ab-illustrated-detail .ab-hero { grid-template-columns: 1fr; gap: 23px; }
    .ab-illustrated-detail .ab-cover-wrap { max-width: 100%; }
    .ab-illustrated-detail .ab-intro h1 { font-size: 30px; }
}
@media (max-width: 360px) {
    .abl-illustrated .abl-hero-copy { padding: 23px 18px; }
    .abl-illustrated .abl-hero h1 { font-size: 27px; }
    .abl-illustrated .abl-hero h1 > span { font-size: 21px; }
    .abl-illustrated .abl-hero-facts { font-size: 9px; }
    .abl-illustrated .abl-card-content { padding: 16px; }
    .abl-illustrated .abl-card h3 { font-size: 20px; }
    .abl-illustrated .abl-card-meta { font-size: 11px; }
    .abl-illustrated .abl-card-price > span { font-size: 9px; }
    .abl-illustrated .abl-card-cta { font-size: 12px; padding: 11px; }
}