/* One scrollable category row, with full labels. */
:is(body.reference-public,.ref-shell) .blog-cats{flex-wrap:nowrap;overflow-x:auto;justify-content:safe center;white-space:nowrap;max-width:100%;padding-bottom:6px;scrollbar-width:thin}
:is(body.reference-public,.ref-shell) .blog-cat-chip{flex:0 0 auto;white-space:nowrap}
:is(body.reference-public,.ref-shell) .course-active-filters,
:is(body.reference-public,.ref-shell) .tj-show-results{display:none!important}
:is(body.reference-public,.ref-shell) .tj-course-filter-wrap{margin-bottom:16px}
:is(body.reference-public,.ref-shell) .hamburger-search-area{margin-top:12px;margin-bottom:12px}
:is(body.reference-public,.ref-shell) .hamburger_search{margin-bottom:12px}
@media(max-width:991px){
 :is(body.reference-public,.ref-shell) .mrnha-details>.container>.row>.col-lg-4{order:-1}
 :is(body.reference-public,.ref-shell) .mrnha-details .tj-course-tab{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:14px;max-width:100%;scrollbar-width:thin}
 :is(body.reference-public,.ref-shell) .mrnha-details .tj-course-tab>a{flex:0 0 auto;white-space:nowrap}
 :is(body.reference-public,.ref-shell) .mrnha-side-wrap{max-width:440px;margin:0 auto 20px}
 .about-profile-flip{display:grid;perspective:1000px;position:relative}
 .about-profile-front,.about-profile-back{grid-area:1/1;backface-visibility:hidden;transition:transform .45s ease;border-radius:16px;overflow:hidden}
 .about-profile-front{position:relative;display:block;border:0;padding:0;background:transparent;width:100%;cursor:pointer}
 .about-profile-front .mrnha-side-photo{height:100%;margin:0}
 .about-profile-front .mrnha-side-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
 .about-profile-back{transform:rotateY(180deg);background:#fff;display:flex;flex-direction:column}
 .about-profile-back .mrnha-facts{border:0;box-shadow:none;margin:0;padding:12px 18px 18px}
 .about-profile-back .mrnha-facts .course-widget-title{margin-top:0}
 .about-profile-flip.is-flipped .about-profile-front{transform:rotateY(-180deg)}
 .about-profile-flip.is-flipped .about-profile-back{transform:rotateY(0)}
 .about-profile-flip [inert]{pointer-events:none}
 .about-flip-hint{position:absolute;top:12px;right:12px;background:#01468c;color:white;padding:6px 10px;border-radius:999px;font-size:13px}
 .about-flip-back{align-self:flex-end;margin:12px 14px 0;padding:5px 8px;border:1px solid #c5d6ed;border-radius:8px;background:#fff;color:#01468c}
}
@media(max-width:575px){
 :is(body.reference-public,.ref-shell) .blog-cats{justify-content:flex-start;margin-top:12px}
 :is(body.reference-public,.ref-shell) .news-listing .news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 :is(body.reference-public,.ref-shell) .news-grid>.blog-item.news-card{padding:10px;border-radius:14px}
 :is(body.reference-public,.ref-shell) .news-grid .news-card .blog-content{padding-top:10px}
 :is(body.reference-public,.ref-shell) .news-grid .news-card .blog-category{font-size:10px;padding:3px 7px}
 :is(body.reference-public,.ref-shell) .news-grid .news-card .blog-title{font-size:14px;line-height:1.4;margin:8px 0 14px}
 :is(body.reference-public,.ref-shell) .news-grid .news-card .blog-title>a{-webkit-line-clamp:2}
 :is(body.reference-public,.ref-shell) .news-grid .news-card .blog-meta-item.date{display:flex;flex-direction:row;align-items:center;gap:3px;font-size:10px;line-height:1.4}
 :is(body.reference-public,.ref-shell) .news-grid .news-card .blog-view-count{display:inline-flex!important;align-items:center;gap:3px;margin:0 0 0 3px;font-size:10px;white-space:nowrap}
 :is(body.reference-public,.ref-shell) .news-grid .news-card .blog-view-unit{display:none}
 :is(body.reference-public,.ref-shell) .news-grid .news-card .tj-text-btn{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.about-profile-front,.about-profile-back{transition:none}}

/* Only the visible mobile face contributes height; the desktop flip is inactive here. */
@media(max-width:991px){
 :is(body.reference-public,.ref-shell) .about-profile-flip{display:block;margin-bottom:14px;min-height:0}
 :is(body.reference-public,.ref-shell) .about-profile-front{position:relative;inset:auto;width:100%;height:auto;min-height:0;display:block}
 :is(body.reference-public,.ref-shell) .about-profile-back{position:absolute;inset:0;width:100%;height:auto;min-height:0}
 :is(body.reference-public,.ref-shell) .about-profile-flip.is-flipped>.about-profile-front{position:absolute;inset:0}
 :is(body.reference-public,.ref-shell) .about-profile-flip.is-flipped>.about-profile-back{position:relative;inset:auto}
 :is(body.reference-public,.ref-shell) .about-profile-front .mrnha-side-photo{height:auto;margin:0!important;overflow:hidden;perspective:none}
 :is(body.reference-public,.ref-shell) .about-profile-front .mrnha-flip{display:block;transform:none!important;min-height:0}
 :is(body.reference-public,.ref-shell) .about-profile-front .mrnha-flip-face.is-front{position:relative;display:block;min-height:0}
 :is(body.reference-public,.ref-shell) .about-profile-front .mrnha-flip-face.is-back,
 :is(body.reference-public,.ref-shell) .about-profile-front .mrnha-flip-hint{display:none!important}
 :is(body.reference-public,.ref-shell) .about-profile-front .mrnha-side-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 15%}
 :is(body.reference-public,.ref-shell) .about-profile-back .mrnha-facts{min-width:0;min-height:0;height:auto;flex:0 0 auto}
 :is(body.reference-public,.ref-shell) .about-profile-back .mrnha-socials{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0;padding:12px 0 0}
 :is(body.reference-public,.ref-shell) .about-profile-back .mrnha-socials>li{display:block;flex:0 0 auto;width:auto;min-width:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
 :is(body.reference-public,.ref-shell) .about-profile-back .mrnha-socials>li>a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;height:44px;margin:0;padding:0;border:1px solid #d7e4f5;border-radius:10px;background:#eef4fb;color:#01468c}
 :is(body.reference-public,.ref-shell) .about-profile-back .mrnha-socials>li>a>i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;font-size:20px;line-height:1;color:inherit}
}