/* BaBooks 0.6.1 — calm editorial UI. Scoped to BaBooks; never re-style SWELL widgets. */
.bab-ui-v061{
  --bab-surface:#f7f9fb;--bab-ink:#1b2838;--bab-blue:#008fdf;--bab-muted:#64748b;
  color:var(--bab-ink);font-size:15px;line-height:1.7;
}
.bab-wrap.bab-ui-v061{box-sizing:border-box;width:min(1460px,calc(100vw - 64px))!important;max-width:none!important;
 position:relative;left:50%;transform:translateX(-50%);margin:30px 0 72px!important;padding:0!important;overflow:visible;}
.bab-ui-v061 *, .bab-ui-v061 *::before, .bab-ui-v061 *::after{box-sizing:border-box;min-width:0}
/* Reset SWELL heading graphics only inside BaBooks containers, not the site's main title. */
.post_content .bab-ui-v061 :is(h1,h2,h3,h4),.bab-ui-v061 :is(h1,h2,h3,h4),
.post_content .bab-ui-v061 .bab-card__title,.bab-ui-v061 .bab-card__title a{
 background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;
 border-radius:0!important;text-shadow:none!important;text-decoration:none!important;padding:0!important;
 text-indent:0!important;letter-spacing:normal!important;}
.post_content .bab-ui-v061 :is(h1,h2,h3,h4)::before,.post_content .bab-ui-v061 :is(h1,h2,h3,h4)::after,
.bab-ui-v061 :is(h1,h2,h3,h4)::before,.bab-ui-v061 :is(h1,h2,h3,h4)::after,
.bab-ui-v061 .bab-card__title a::before,.bab-ui-v061 .bab-card__title a::after{
 content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important;}
/* Headings — no blue L-corners, no little boxed underlines. */
.bab-ui-v061 .bab-section-heading{display:flex;width:100%;align-items:center;justify-content:space-between;
 padding:0 0 12px;margin:0 0 19px!important;border-bottom:1px solid #e6ebf0;gap:16px;}
.bab-ui-v061 .bab-section-heading h2{margin:0!important;font-size:clamp(18px,1.3vw,23px)!important;
 line-height:1.5!important;font-weight:750!important;color:#23364c!important;width:auto!important;flex:0 1 auto;}
.bab-ui-v061 .bab-section-heading>a{font-size:.86rem;color:#0077be;text-underline-offset:3px;}
.bab-ui-v061 .bab-section{width:100%;margin:0;padding:0}
/* Grid alignment; same width, gap, and columns for genre and work rows. */
.bab-ui-v061 .bab-grid,.bab-ui-v061 .bab-genres-grid,.bab-ui-v061 .bab-home-content .bab-grid{
 display:grid;width:100%;gap:18px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;}
.bab-ui-v061 .bab-home-content{display:flex;flex-direction:column;gap:48px;width:100%;margin:0;padding:0}
.bab-ui-v061.bab-home .bab-discovery,.bab-ui-v061.bab-home .bab-genres-section{margin:0 0 42px;width:100%}
.bab-ui-v061 .bab-genres-grid{margin:0!important;padding:0;}
.bab-ui-v061 .bab-genre-card{background:#f7f9fb!important;border:1px solid transparent!important;border-radius:8px!important;
 box-shadow:none!important;padding:17px 18px!important;min-height:86px;transition:background .12s, border-color .12s;}
.bab-ui-v061 .bab-genre-card:hover{background:#eef5fa!important;border-color:#dce8f0!important;}
.bab-ui-v061 .bab-genre-card__name{font-size:.98rem;color:#20354e}
.bab-ui-v061 .bab-genre-card__count{font-size:.76rem;color:#687a8d}
.bab-ui-v061 .bab-genre-card__arrow{color:#5084aa}
/* Clean shelves: one image and unframed metadata. */
.bab-ui-v061 .bab-card,.bab-ui-v061 .bab-home-content .bab-card{
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
 display:flex;flex-direction:column;min-height:0;}
.bab-ui-v061 .bab-card__image,.bab-ui-v061.bab-home .bab-card__image{
 display:flex;width:100%;aspect-ratio:4/3;align-items:center;justify-content:center;border:0!important;
 border-radius:8px!important;background:#f1f4f7!important;overflow:hidden!important;padding:11px!important;}
.bab-ui-v061 .bab-card__image img,.bab-ui-v061.bab-home .bab-card__image img{object-fit:contain!important;
 object-position:center;width:100%;height:100%;max-height:100%;border:0!important;box-shadow:none!important;}
.bab-ui-v061 .bab-card__body,.bab-ui-v061.bab-home .bab-card__body{padding:12px 2px 0!important;gap:4px!important;}
.bab-ui-v061 .bab-card__title,.bab-ui-v061.bab-home .bab-card__title{margin:5px 0 3px!important;
 font-weight:700!important;font-size:.96rem!important;line-height:1.55!important;color:#233b56!important;}
.bab-ui-v061 .bab-card__title a{text-decoration:none!important;color:inherit!important;}
.bab-ui-v061 .bab-card__title a:hover{text-decoration:underline!important;text-underline-offset:3px;}
.bab-ui-v061 .bab-tags span{border:0;border-radius:4px;background:#eef4f9;color:#275c84}
.bab-ui-v061 .bab-card__chapter{margin:0;color:#697b8e}
.bab-ui-v061 .bab-card__date{margin:auto 0 0;color:#708096;padding-top:9px}
/* Discovery page takes the same full-width container as the home page. */
.bab-ui-v061.bab-discovery-page{--bab-input-border:#d9e2ea;}
.bab-discovery-page .bab-discovery-header{margin:0 0 23px;padding:5px 0 25px;border-bottom:1px solid #e5ebf1}
.bab-discovery-page .bab-discovery-kicker{display:block;font-size:12px;letter-spacing:.045em;color:#66819b;font-weight:650}
.bab-discovery-page .bab-discovery-header h1{font-size:clamp(26px,3vw,39px)!important;
 margin:7px 0 5px!important;line-height:1.4!important;color:#1f334c!important;font-weight:800!important;}
.bab-discovery-page .bab-discovery-header p{font-size:14px;color:#64758a;line-height:1.7;margin:0!important;}
.bab-discovery-page .bab-search-types{display:flex;flex-wrap:wrap;gap:6px 22px;padding:0 0 11px;
 margin:0 0 24px;border-bottom:1px solid #e5ebf1;}
.bab-discovery-page .bab-search-types a{display:inline-block;padding:10px 3px 13px;font-size:14px;
 font-weight:600;text-decoration:none!important;color:#566980;border-bottom:2px solid transparent;}
.bab-discovery-page .bab-search-types a.is-selected,.bab-discovery-page .bab-search-types a:hover{color:#0075bb;border-bottom-color:#008bd6;}
.bab-discovery-page .bab-discovery-finder{padding:21px 24px 12px;margin:0 0 33px;background:#f6f8fa;border-radius:10px;}
.bab-discovery-page .bab-discovery-finder h2{font-size:1.1rem!important;line-height:1.5!important;font-weight:750!important;
 margin:0 0 14px!important;color:#263a51!important;}
.bab-discovery-page .bab-filters{background:transparent!important;display:grid;padding:0!important;margin:0 0 10px!important;
 grid-template-columns:minmax(180px,1.6fr) minmax(170px,1.2fr) repeat(4,minmax(115px,1fr)) auto;gap:10px;align-items:stretch;}
.bab-discovery-page .bab-filters input,.bab-discovery-page .bab-filters select{font-size:13px!important;min-width:0!important;width:100%;
 padding:7px 11px!important;height:44px!important;background:#fff!important;border:1px solid var(--bab-input-border)!important;
 border-radius:6px!important;box-shadow:none!important;}
.bab-discovery-page .bab-filters button{min-height:44px!important;white-space:nowrap;border-radius:6px;}
.bab-discovery-page .bab-discovery-results-bar{display:flex;justify-content:space-between;align-items:center;
 border-bottom:1px solid #e5ebf1;padding-bottom:11px;margin:0 0 20px;gap:12px;}
.bab-discovery-page .bab-discovery-results-bar h2{margin:0!important;font-size:20px!important;color:#20354d!important;font-weight:750!important;}
.bab-discovery-page .bab-results{margin:0;font-size:13px;color:#65768a}
.bab-discovery-page .bab-pagination{margin:32px 0 0}
.bab-discovery-page .bab-empty{padding:30px 0}
/* Hide only the SWELL page title for the dedicated discovery page, never globally. */
body.babooks-discovery-layout .c-pageTitle{display:none!important}
body.babooks-discovery-layout .l-mainContent__inner{padding-top:0}
body.babooks-discovery-layout .l-sidebar{display:none!important}
body.babooks-discovery-layout .l-mainContent{width:100%!important;max-width:100%!important}
.bab-ui-v061 :focus-visible{outline:3px solid #007ec5!important;outline-offset:3px}
@media(max-width:1320px){
 .bab-ui-v061 .bab-grid,.bab-ui-v061 .bab-genres-grid,.bab-ui-v061 .bab-home-content .bab-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .bab-discovery-page .bab-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
 .bab-discovery-page .bab-filters input{min-width:0;}
 .bab-discovery-page .bab-filters input:nth-of-type(1){grid-column:span 2}
}
@media(max-width:980px){
 .bab-wrap.bab-ui-v061{width:calc(100vw - 40px)!important}
 .bab-ui-v061 .bab-grid,.bab-ui-v061 .bab-genres-grid,.bab-ui-v061 .bab-home-content .bab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .bab-discovery-page .bab-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
 .bab-discovery-page .bab-filters input:nth-of-type(1){grid-column:auto}
}
@media(max-width:650px){
 .bab-wrap.bab-ui-v061{width:calc(100vw - 28px)!important;margin:20px 0 48px!important}
 .bab-ui-v061 .bab-grid,.bab-ui-v061 .bab-genres-grid,.bab-ui-v061 .bab-home-content .bab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .bab-ui-v061 .bab-home-content{gap:34px}
 .bab-ui-v061.bab-home .bab-discovery,.bab-ui-v061.bab-home .bab-genres-section{margin-bottom:32px}
 .bab-ui-v061 .bab-section-heading{padding-bottom:10px;margin-bottom:15px!important}
 .bab-ui-v061 .bab-section-heading h2{font-size:17px!important}
 .bab-ui-v061 .bab-genre-card{min-height:74px;padding:13px!important}
 .bab-ui-v061 .bab-card__image{aspect-ratio:1/1;padding:9px!important}
 .bab-ui-v061 .bab-card__body{padding-top:9px!important}
 .bab-discovery-page .bab-discovery-header{padding-bottom:18px;margin-bottom:14px}
 .bab-discovery-page .bab-discovery-header h1{font-size:28px!important}
 .bab-discovery-page .bab-search-types{gap:4px 14px;margin-bottom:16px}
 .bab-discovery-page .bab-search-types a{padding:8px 1px 10px;font-size:12px}
 .bab-discovery-page .bab-discovery-finder{padding:16px 13px 9px;margin-bottom:25px}
 .bab-discovery-page .bab-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .bab-discovery-page .bab-filters input{grid-column:span 2!important;max-width:100%!important}
 .bab-discovery-page .bab-filters select,.bab-discovery-page .bab-filters button{height:43px!important;min-height:43px!important;min-width:0!important}
 .bab-discovery-page .bab-filters button{grid-column:span 2}
 .bab-discovery-page .bab-discovery-results-bar h2{font-size:18px!important}
}
/* Consistent editorial treatment for the manga / books catalogue pages. The gradient hero stays intact. */
.bab-wrap.bab-cat-v5{width:min(1460px,calc(100vw - 64px))!important;max-width:none!important;}
.bab-cat-v5__results{padding-bottom:10px;border-bottom:1px solid #e7edf2;margin-bottom:19px;}
.bab-cat-v5__grid .bab-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important;}
.bab-cat-v5__grid .bab-card__image{background:#f1f4f7!important;border-radius:8px!important;aspect-ratio:4/3!important;}
.bab-cat-v5__grid .bab-card__body{padding:11px 2px 0!important;}
.bab-cat-v5__panel{border:1px solid #e7edf3;box-shadow:none!important;}
.bab-cat-v5__panel h2{border:0!important;border-bottom:1px solid #e7edf2!important;
 padding:0 0 12px!important;margin:0 0 14px!important;}
.bab-cat-v5__panel h2::before,.bab-cat-v5__panel h2::after{content:none!important;display:none!important;}
.bab-cat-v5__taglist a{background:#f2f6fa;color:#2d658e;border-radius:6px}
@media(max-width:980px){.bab-wrap.bab-cat-v5{width:calc(100vw - 40px)!important}}
@media(max-width:650px){.bab-wrap.bab-cat-v5{width:calc(100vw - 28px)!important}}