.tanlab-public .page-hero--astro:before{background-image:linear-gradient(90deg,#fbfaf4 0%,#fbfaf4f2 32%,#fbfaf48c 55%,#fbfaf400 78%),url(/assets-tanlab/brand/hero-online.jpg)!important;background-position:100%!important;background-repeat:no-repeat!important;background-size:cover!important}.online-page .course-cards{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.online-page .course-card{grid-row:span 5;grid-template-rows:subgrid;background:#fff;min-width:0;display:grid;overflow:hidden}.online-page .course-card__img{aspect-ratio:1;background-position:50%;background-size:cover;min-width:0}.online-page .course-card__body{display:contents}.online-page .course-card__top{min-width:0;padding:14px 16px 0;overflow:hidden}.online-page .course-card__title{word-break:break-all;overflow-wrap:break-word;margin-bottom:8px;font-size:18px;font-weight:900;line-height:1.4}.online-page .course-card__desc{color:#5f6a64;overflow-wrap:break-word;word-break:normal;margin-bottom:10px;font-size:13px;font-weight:500;line-height:1.7}.online-page .exp-block{background:var(--soft);min-width:0;margin:0 16px;padding:10px 14px;overflow:hidden}.online-page .exp-block--empty{background:0 0;margin:0}.online-page .exp-block__label{letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:8px;font-size:10px;font-weight:900}.online-page .exp-block ul{align-content:start;gap:4px;min-width:0;min-height:0;list-style:none;display:grid}.online-page .exp-block li{color:#3f4a44;white-space:nowrap;text-overflow:ellipsis;min-width:0;padding-left:16px;font-size:13px;font-weight:700;line-height:1.7;position:relative;overflow:hidden}.online-page .exp-block li:before{content:;background:var(--green);width:8px;height:2px;position:absolute;top:8px;left:0}.online-page .keep-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:baseline;gap:8px;min-width:0;margin:8px 0;padding:8px 0;display:flex}.online-page .keep-line__label{letter-spacing:.1em;text-transform:uppercase;color:var(--green);white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:900}.online-page .keep-line__val{color:var(--ink);overflow-wrap:break-word;min-width:0;font-size:13px;font-weight:700;line-height:1.6}.online-page .date-chips-wrap{min-width:0;margin:0 16px;padding-top:8px;padding-bottom:12px;overflow:hidden}.online-page .date-chips-wrap__label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:900}.online-page .date-chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.online-page .date-chip{border:1.5px solid var(--green);color:var(--green);cursor:pointer;word-break:break-all;background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;max-width:100%;padding:8px 14px;font-size:11px;font-weight:800;line-height:1.4;transition:all .15s;display:inline-flex;overflow:hidden}.online-page .date-chip:hover{border-color:var(--green);color:#fff;background:var(--green)}.online-page .date-chip:hover small{color:#fff}.online-page .date-chip small{color:var(--muted);font-size:10px;font-weight:600}.online-page .card-footer{border-top:1px solid var(--line);justify-content:space-between;align-self:end;align-items:center;gap:10px;min-width:0;padding:14px 16px 16px;display:flex;overflow:hidden}.online-page .card-footer__price{color:var(--green);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Inter,sans-serif;font-size:24px;font-weight:900;overflow:hidden}.online-page .card-footer__sub{color:var(--muted);overflow-wrap:break-word;margin-top:2px;font-size:11px;font-weight:600}.online-page .course-card__actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tanlab-public .page-hero__lead,.tanlab-public .section__copy{overflow-wrap:break-word;word-break:normal}.tanlab-public .panel{min-width:0;overflow:hidden}.tanlab-public .list li{overflow-wrap:break-word;word-break:break-word;min-width:0}.tanlab-public .online-page .course-card__desc,.tanlab-public .cards--2col .card p{overflow-wrap:break-word;word-break:normal}.tanlab-public .online-page .section__title{font-size:28px}.tanlab-public .online-page .panel h2{font-size:24px}@media (max-width:980px){.tanlab-public .page-hero--astro{flex-direction:column;display:flex;height:auto!important;min-height:unset!important;border-bottom:none!important;padding:0!important}.tanlab-public .page-hero--astro:before{background-image:none!important;display:none!important}.tanlab-public .page-hero--astro .page-hero__body{padding:32px 20px 48px}.tanlab-public .page-hero--astro .hero-img-mobile{flex-shrink:0;width:100%;margin-bottom:-1px;display:block;position:relative;overflow:hidden}.tanlab-public .page-hero--astro .hero-img-mobile img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:240px;display:block}.tanlab-public .page-hero--astro .hero-img-mobile:after{content:"";background:linear-gradient(#0000,#fbfaf4);height:100px;position:absolute;bottom:0;left:0;right:0}.online-page .course-cards{grid-template-columns:1fr}}@media (min-width:601px) and (max-width:980px){.tanlab-public .page-hero--astro .hero-img-mobile img{height:360px}}@media (max-width:560px){.tanlab-public .online-page .section__title{font-size:22px}.tanlab-public .online-page .panel h2{font-size:20px}.online-page .course-card__title{font-size:17px}.online-page .card-footer__price{font-size:18px}.online-page .date-chip{padding:6px 10px}}