/*
Theme Name: ComixRead Unified Catalog
Author: ComixRead
Description: Professional Main + 18+ manga, manhwa, manhua, webtoon, comics and Story catalog for ComixRead Unified Reader.
Version: 8.5.2
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: mangaverse-adult-catalog
*/
:root{--mva-accent:#f28a00;--mva-shell:1080px;--mva-gutter:#f2f2f2;--mva-surface:#fff;--mva-text:#202124;--mva-muted:#6f7378;--mva-border:#dedede;--mva-dock:62px;--mva-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--mva-gutter)}body{margin:0;padding-bottom:calc(var(--mva-dock) + env(safe-area-inset-bottom));background:var(--mva-gutter);color:var(--mva-text);font-family:var(--mva-font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--mva-accent);outline-offset:2px}
.mva-site-header{position:sticky;top:0;z-index:80;width:min(100%,var(--mva-shell));margin:0 auto;background:#fff;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid var(--mva-border);transition:transform .22s ease,box-shadow .22s ease;will-change:transform}.mva-site-header.is-hidden{transform:translateY(-100%)}.mva-site-header.is-raised{box-shadow:0 5px 18px rgba(0,0,0,.08)}
.mva-header-inner{width:100%;height:64px;padding:0 16px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center}.mva-icon-btn{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;border-radius:4px}.mva-icon-btn:hover{background:#f5f5f5}.mva-icon-btn svg{width:28px;height:28px;fill:none;stroke:#242424;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mva-logo{justify-self:center;display:flex;align-items:center;min-width:0}.mva-logo img{max-height:42px;width:auto}.mva-logo-text{font-size:26px;font-weight:800;letter-spacing:-.7px;line-height:1}
.mva-category-strip{border-top:1px solid #f2f2f2}.mva-category-inner{width:100%;height:44px;padding:0 10px;display:flex;align-items:stretch;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.mva-category-inner::-webkit-scrollbar{display:none}.mva-category-inner>a{display:flex;align-items:center;gap:6px;padding:0 11px;color:#6d6d6d;font-size:14px;border-bottom:2px solid transparent}.mva-category-inner>a:hover,.mva-category-inner>a.active{color:var(--mva-accent);border-bottom-color:var(--mva-accent)}.mva-category-inner .mva-all-genres{margin-left:auto;color:#444}.mva-all-genres svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.mva-content-shell{width:min(100%,var(--mva-shell));min-height:70vh;margin:0 auto;background:var(--mva-surface);border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.mva-main{min-height:62vh}.mva-intro{padding:17px 24px 9px;display:flex;justify-content:center;gap:5px;align-items:baseline;font-size:16px}.mva-intro strong{font-weight:500}.mva-intro span{font-weight:700}
.mva-featured{position:relative;width:calc(100% - 40px);margin:12px 20px 24px;overflow:hidden;background:#fff;border:1px solid var(--mva-border)}.mva-featured-track{display:flex;transition:transform .46s cubic-bezier(.22,.61,.36,1);will-change:transform}.mva-feature{min-width:100%;height:270px;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(270px,.78fr)}.mva-feature-media{display:block;overflow:hidden;background:#ececec}.mva-feature-media img{width:100%;height:100%;object-fit:cover}.mva-feature-copy{padding:25px 27px 22px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;border-left:1px solid #ededed}.mva-feature-text{min-width:0;width:100%}.mva-feature-copy small{display:block;color:var(--mva-accent);font-size:9px;font-weight:800;letter-spacing:.08em}.mva-feature-copy h2{margin:5px 0 8px;font-size:25px;line-height:1.12;letter-spacing:-.4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mva-feature-copy p{margin:0 0 15px;color:#62666b;font-size:11px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.mva-primary-link{display:inline-flex;align-items:center;gap:7px;width:max-content;color:#fff;background:#202124;min-height:35px;padding:0 13px;font-size:10px;font-weight:700}.mva-primary-link:hover{background:var(--mva-accent)}.mva-primary-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.mva-feature-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:44px;border:0;background:rgba(255,255,255,.92);color:#222;font-size:25px;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 7px rgba(0,0,0,.12)}.mva-feature-arrow.prev{left:8px}.mva-feature-arrow.next{right:8px}.mva-feature-arrow:hover{color:var(--mva-accent)}.mva-feature-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px;pointer-events:none}.mva-feature-dots button{pointer-events:auto;width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.76);box-shadow:0 0 0 1px rgba(0,0,0,.14);cursor:pointer}.mva-feature-dots button.active{background:var(--mva-accent);box-shadow:none}
.mva-quick-links{margin:0 24px 4px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--mva-border);border-bottom:1px solid var(--mva-border)}.mva-quick-links a{min-height:76px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border-right:1px solid var(--mva-border);font-size:12px}.mva-quick-links a:last-child{border-right:0}.mva-quick-links a:hover{color:var(--mva-accent);background:#fffaf3}.mva-quick-links svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.mva-section{padding:28px 28px 32px}.mva-section+.mva-section{border-top:1px solid #ececec}.mva-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}.mva-section-head h2{margin:0;font-size:21px;line-height:1.2}.mva-section-head p{margin:4px 0 0;color:var(--mva-muted);font-size:12px}.mva-section-head>a{color:var(--mva-accent);font-weight:700;font-size:12px}
.mva-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 14px}.mva-book{min-width:0}.mva-cover{aspect-ratio:2/3;overflow:hidden;background:#efefef;position:relative;border:1px solid #e2e2e2}.mva-cover img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.mva-book a:hover .mva-cover img{transform:scale(1.018)}.mva-badge{position:absolute;top:6px;left:6px;padding:3px 6px;background:var(--mva-accent);color:#fff;font-size:9px;font-weight:800}.mva-book-title{margin-top:7px;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mva-book-meta{margin-top:3px;color:#8a8d91;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mva-book-meta span{color:#b9b9b9;margin:0 2px}
.mva-update-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;border-top:1px solid var(--mva-border)}.mva-update{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:78px;padding:8px 2px;border-bottom:1px solid var(--mva-border)}.mva-update img{width:46px;height:62px;object-fit:cover;border:1px solid #e3e3e3}.mva-update strong{display:block;font-size:13px}.mva-update span{display:block;color:var(--mva-accent);font-size:11px;font-weight:700;margin-top:2px}.mva-update time{font-size:10px;color:#999}.mva-update:hover strong{color:var(--mva-accent)}
.mva-pagehead{padding:26px 28px 18px;border-bottom:1px solid var(--mva-border)}.mva-page-kicker{display:block;color:var(--mva-accent);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mva-pagehead h1{margin:5px 0 2px;font-size:29px;line-height:1.15}.mva-pagehead p{margin:0;color:var(--mva-muted);font-size:12px}.mva-page-content{padding:24px 28px 34px}
.mva-toolbar{min-height:50px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--mva-border);background:#fbfbfb;color:#6b6f74;font-size:12px}.mva-sort-links{display:flex;align-self:stretch}.mva-sort-links a{display:flex;align-items:center;padding:0 14px;border-bottom:2px solid transparent}.mva-sort-links a:first-child{padding-left:0}.mva-sort-links a.active,.mva-sort-links a:hover{color:var(--mva-accent);border-bottom-color:var(--mva-accent)}.mva-listing-section{border-top:0!important}
.mva-genre-directory{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--mva-border);border-left:1px solid var(--mva-border)}.mva-genre-link{min-height:44px;display:grid;grid-template-columns:1fr auto 12px;align-items:center;gap:6px;padding:0 12px;border-right:1px solid var(--mva-border);border-bottom:1px solid var(--mva-border);background:#fff;font-size:13px}.mva-genre-link small{color:#999;font-size:10px}.mva-genre-link i{font-style:normal;color:#aaa;font-size:17px}.mva-genre-link:hover{color:var(--mva-accent);background:#fffaf3}
.mva-pagination{display:flex;justify-content:center;gap:5px;margin:30px 0 4px}.mva-pagination .page-numbers{min-width:34px;height:34px;display:grid;place-items:center;padding:0 8px;border:1px solid var(--mva-border);background:#fff;color:#555;font-size:12px}.mva-pagination .current{background:#242424;color:#fff;border-color:#242424}
.mva-detail{padding:28px}.mva-detail-top{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.mva-detail-cover{aspect-ratio:2/3;overflow:hidden;background:#eee;border:1px solid var(--mva-border);position:relative}.mva-detail-cover img{width:100%;height:100%;object-fit:cover}.mva-detail-badge{position:absolute;top:8px;left:8px;background:#222;color:#fff;padding:4px 7px;font-size:10px;font-weight:800}.mva-detail-kicker{font-size:11px;color:var(--mva-accent);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.mva-detail h1{margin:5px 0 2px;font-size:31px;line-height:1.12}.mva-alt{color:#898d92;font-size:12px;margin-bottom:14px}.mva-detail-actions{display:flex;gap:8px;margin:15px 0 17px}.mva-readbtn,.mva-secondary-btn{min-height:39px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;font-size:12px;font-weight:700}.mva-readbtn{background:#242424;color:#fff}.mva-readbtn:hover{background:var(--mva-accent)}.mva-secondary-btn{border:1px solid #cfcfcf}.mva-info{margin:0;border-top:1px solid var(--mva-border)}.mva-info>div{display:grid;grid-template-columns:115px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid #eee;font-size:12px}.mva-info dt{color:#7d8186}.mva-info dd{margin:0;font-weight:600}.mva-inline-genres{display:flex;gap:7px;flex-wrap:wrap}.mva-inline-genres a{color:var(--mva-accent)}.mva-summary{margin-top:28px;padding-top:21px;border-top:1px solid var(--mva-border)}.mva-summary h2{margin:0 0 9px;font-size:19px}.mva-story{color:#4f5358;font-size:13px;max-width:76ch}.mva-chapters{margin-top:30px;border-top:1px solid var(--mva-border)}.mva-chapters-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mva-border)}.mva-chapters-head span{font-size:11px;color:#929292}.mva-chapter{min-height:54px;display:grid;grid-template-columns:1fr 110px 18px;align-items:center;gap:12px;border-bottom:1px solid #ececec;padding:8px 6px}.mva-chapter strong{font-size:12px}.mva-chapter div span{font-size:11px;color:#7d8186;margin-left:8px}.mva-chapter time{font-size:10px;color:#969696;text-align:right}.mva-chapter-arrow{font-size:18px;color:#999}.mva-chapter:hover{background:#fffaf3}
.mva-empty{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;color:#8a8e93;padding:28px}.mva-empty strong{color:#444}.mva-empty span{font-size:11px}.mva-error{padding:80px 24px;text-align:center}.mva-error>strong{font-size:50px;color:#c9c9c9}.mva-error a{display:inline-block;margin-top:14px;border:1px solid #ccc;padding:8px 12px}
.mva-drawer{position:fixed;inset:0;z-index:120;visibility:hidden}.mva-drawer.open{visibility:visible}.mva-drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.42);opacity:0;transition:.18s}.mva-drawer.open .mva-drawer-bg{opacity:1}.mva-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(88vw,350px);background:#fff;transform:translateX(-100%);transition:.2s;overflow:auto;box-shadow:8px 0 28px rgba(0,0,0,.13)}.mva-drawer.open .mva-drawer-panel{transform:none}.mva-drawer-head{height:62px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mva-border);font-size:17px}.mva-drawer-head button{border:0;background:transparent;font-size:28px;cursor:pointer}.mva-drawer-block{padding:15px 17px;border-bottom:1px solid #e9e9e9}.mva-drawer-block h3{margin:0 0 7px;color:#979797;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mva-drawer-block>a{display:block;padding:7px 0;font-size:13px}.mva-drawer-block>a:hover{color:var(--mva-accent)}.mva-drawer-genres{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.mva-drawer-genres a{padding:6px 0;border-bottom:1px solid #f2f2f2;font-size:12px}
.mva-searchpanel{position:fixed;inset:0;z-index:130;display:none;background:rgba(0,0,0,.42)}.mva-searchpanel.open{display:block}.mva-searchbox{width:min(92%,620px);margin:84px auto 0;background:#fff;padding:18px;box-shadow:0 14px 40px rgba(0,0,0,.2)}.mva-search-title{font-size:17px;font-weight:750;margin-bottom:10px}.mva-searchbox form{display:flex}.mva-searchbox input{height:44px;flex:1;min-width:0;border:1px solid #bfc1c3;padding:0 12px}.mva-searchbox form button{border:0;background:#242424;color:#fff;padding:0 17px;font-weight:700}.mva-search-results{border:1px solid #ddd;border-top:0}.mva-search-result{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:8px;border-bottom:1px solid #eee}.mva-search-result img{width:40px;height:55px;object-fit:cover}.mva-search-result strong{font-size:12px}.mva-search-result small{font-size:10px;color:#888}
.mva-site-footer{width:min(100%,var(--mva-shell));margin:0 auto;background:#fff;border:1px solid #e8e8e8;border-top:1px solid var(--mva-border);border-bottom:0}.mva-footer-nav{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap;padding:20px 20px 12px}.mva-footer-nav a{color:#5c6065;font-size:11px}.mva-footer-nav a:hover{color:var(--mva-accent)}.mva-hosting-note{width:min(calc(100% - 40px),820px);margin:0 auto;padding:14px 0 16px;text-align:center;border-top:1px solid #eee}.mva-hosting-note strong{display:block;margin-bottom:4px;font-size:10px;color:#5b5f64;text-transform:uppercase;letter-spacing:.06em}.mva-hosting-note p{margin:0;color:#8a8d91;font-size:10px;line-height:1.55}.mva-footer-bottom{width:min(calc(100% - 40px),var(--mva-shell));margin:0 auto;min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #ececec;color:#989898;font-size:10px}.mva-footer-bottom a{color:#666}
.mva-bottom-nav{position:fixed;z-index:110;left:50%;bottom:0;width:min(100%,var(--mva-shell));transform:translateX(-50%);min-height:calc(var(--mva-dock) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.98);border:1px solid #d4d4d4;border-bottom:0;box-shadow:0 -3px 14px rgba(0,0,0,.07);backdrop-filter:blur(8px)}.mva-bottom-nav-inner{width:100%;height:var(--mva-dock);display:grid;grid-template-columns:repeat(5,1fr)}.mva-bottom-nav a,.mva-bottom-nav button{position:relative;border:0;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#585b60;font-size:10px;cursor:pointer}.mva-bottom-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mva-bottom-nav .active{color:var(--mva-accent);font-weight:700}.mva-bottom-nav .active:before{content:"";position:absolute;top:0;left:33%;right:33%;height:2px;background:var(--mva-accent)}.mva-ad{text-align:center;margin:18px auto;overflow:hidden}
@media(max-width:980px){.mva-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mva-feature{height:250px;grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr)}.mva-update-list{grid-template-columns:1fr}}
@media(max-width:680px){:root{--mva-dock:60px}.mva-site-header,.mva-site-footer,.mva-bottom-nav{width:100%;border-left:0;border-right:0}.mva-header-inner{height:57px;padding:0 5px;grid-template-columns:46px 1fr 46px}.mva-category-inner{height:41px;padding:0 4px}.mva-category-inner>a{font-size:13px;padding:0 9px}.mva-category-inner .mva-all-genres{margin-left:0}.mva-all-genres span{display:none}.mva-logo-text{font-size:21px}.mva-logo img{max-height:37px}.mva-icon-btn{width:42px;height:42px}.mva-content-shell{border-left:0;border-right:0}.mva-intro{padding:12px 12px 6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mva-featured{width:calc(100% - 20px);margin:7px 10px 17px}.mva-feature{height:auto;min-height:210px;grid-template-columns:112px minmax(0,1fr)}.mva-feature-media{min-height:210px}.mva-feature-copy{min-height:210px;padding:16px 13px 21px}.mva-feature-copy small{font-size:7.5px}.mva-feature-copy h2{font-size:18px;margin:3px 0 6px}.mva-feature-copy p{font-size:9px;line-height:1.45;-webkit-line-clamp:4;margin-bottom:10px}.mva-primary-link{min-height:31px;padding:0 9px;font-size:9px}.mva-feature-arrow{display:none}.mva-feature-dots{bottom:6px}.mva-quick-links{margin:0 10px 2px}.mva-quick-links a{min-height:65px;font-size:10px}.mva-quick-links svg{width:23px;height:23px}.mva-section{padding:20px 12px 24px}.mva-section-head h2{font-size:18px}.mva-section-head p{font-size:10px}.mva-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 9px}.mva-book-title{font-size:11px}.mva-book-meta{font-size:9px}.mva-update{grid-template-columns:42px 1fr auto}.mva-update img{width:42px;height:57px}.mva-update time{display:none}.mva-pagehead{padding:20px 13px 14px}.mva-pagehead h1{font-size:23px}.mva-page-content{padding:16px 12px 26px}.mva-toolbar{padding:0 12px;min-height:46px}.mva-genre-directory{grid-template-columns:repeat(2,1fr)}.mva-detail{padding:16px 12px 24px}.mva-detail-top{grid-template-columns:116px 1fr;gap:15px}.mva-detail h1{font-size:22px}.mva-detail-actions{display:grid}.mva-readbtn,.mva-secondary-btn{min-height:35px;font-size:11px}.mva-info>div{grid-template-columns:77px 1fr;padding:5px 0;font-size:10.5px}.mva-summary{margin-top:18px;padding-top:15px}.mva-story{font-size:12px}.mva-chapter{grid-template-columns:1fr 16px;padding:9px 4px}.mva-chapter time{display:none}.mva-chapter div span{display:block;margin-left:0;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mva-searchbox{margin-top:62px}.mva-footer-nav{padding:17px 14px 10px;gap:8px 14px}.mva-hosting-note{width:calc(100% - 28px)}.mva-footer-bottom{width:calc(100% - 28px)}}
@media(max-width:420px){.mva-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mva-reset-age{border:0;background:transparent;padding:7px 0;color:#666;font-size:12px;cursor:pointer;text-align:left}.mva-reset-age:hover{color:var(--mva-accent)}


/* v1.1 Discover + Browser Library */
.mva-save-btn{cursor:pointer;background:#fff}
.mva-save-btn.saved{border-color:var(--mva-accent);color:var(--mva-accent)}
.mva-discover{min-height:280px}
.mva-discover-filters{
 margin:0 0 22px;
 border:1px solid var(--mva-border);
 background:#fafafa
}
.mva-filter-group{
 min-height:48px;
 display:grid;
 grid-template-columns:72px 1fr;
 align-items:start;
 gap:12px;
 padding:10px 12px;
 border-bottom:1px solid #e8e8e8
}
.mva-filter-group:last-child{border-bottom:0}
.mva-filter-group>span{
 padding-top:6px;
 color:#8a8e93;
 font-size:10px;
 font-weight:800;
 letter-spacing:.06em;
 text-transform:uppercase
}
.mva-filter-group>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mva-filter-group a{
 min-height:29px;
 display:inline-flex;
 align-items:center;
 padding:0 9px;
 border:1px solid transparent;
 color:#555;
 font-size:11px
}
.mva-filter-group a:hover{color:var(--mva-accent);border-color:#ddd;background:#fff}
.mva-filter-group a.active{background:#242424;border-color:#242424;color:#fff}

.mva-library{min-height:320px}
.mva-library-tabs{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 border:1px solid var(--mva-border);
 background:#fafafa
}
.mva-library-tabs button{
 min-height:44px;
 border:0;
 border-right:1px solid var(--mva-border);
 background:transparent;
 color:#64686d;
 font-size:12px;
 font-weight:700;
 cursor:pointer
}
.mva-library-tabs button:last-child{border-right:0}
.mva-library-tabs button.active{
 background:#242424;
 color:#fff
}
.mva-library-tools{
 min-height:45px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 padding:8px 2px;
 border-bottom:1px solid var(--mva-border)
}
.mva-library-tools p{margin:0;color:#92959a;font-size:10px}
.mva-library-tools button{
 border:0;
 background:transparent;
 color:#777;
 font-size:10px;
 cursor:pointer
}
.mva-library-tools button:hover{color:#c33}
.mva-library-panel{border-top:0}
.mva-library-item{
 min-height:94px;
 display:grid;
 grid-template-columns:54px minmax(0,1fr) auto;
 align-items:center;
 gap:12px;
 padding:9px 2px;
 border-bottom:1px solid #ececec
}
.mva-library-cover{
 width:54px;
 height:76px;
 overflow:hidden;
 background:#eee;
 border:1px solid #e1e1e1
}
.mva-library-cover img{width:100%;height:100%;object-fit:cover}
.mva-library-copy{min-width:0}
.mva-library-title{
 display:block;
 margin-bottom:4px;
 color:#2c2f33;
 font-size:13px;
 font-weight:750;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.mva-library-copy>span{
 display:block;
 color:#85898e;
 font-size:10px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.mva-library-progress{
 height:4px;
 margin-top:9px;
 overflow:hidden;
 background:#e8e8e8
}
.mva-library-progress i{display:block;height:100%;background:var(--mva-accent)}
.mva-library-actions{display:flex;align-items:center;gap:7px}
.mva-library-actions a,.mva-library-actions button{
 min-height:31px;
 border:1px solid #d1d1d1;
 background:#fff;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:0 9px;
 color:#333;
 font-size:10px;
 font-weight:700;
 cursor:pointer
}
.mva-library-actions a:hover{background:#242424;border-color:#242424;color:#fff}
.mva-library-actions button:hover{border-color:#c33;color:#c33}
.mva-library-empty{
 min-height:190px;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-direction:column;
 gap:4px;
 text-align:center;
 color:#8b8f94
}
.mva-library-empty strong{color:#444;font-size:14px}
.mva-library-empty span{font-size:10px}

@media(max-width:680px){
 .mva-filter-group{grid-template-columns:1fr;gap:4px;padding:9px 8px}
 .mva-filter-group>span{padding-top:0}
 .mva-filter-group>div{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
 .mva-filter-group>div::-webkit-scrollbar{display:none}
 .mva-filter-group a{white-space:nowrap}
 .mva-library-tabs button{font-size:10px}
 .mva-library-tools{align-items:flex-start;flex-direction:column;gap:4px;padding:9px 0}
 .mva-library-item{grid-template-columns:48px minmax(0,1fr);gap:9px}
 .mva-library-cover{width:48px;height:68px}
 .mva-library-actions{grid-column:2;justify-content:flex-start;margin-top:-3px}
 .mva-library-title{font-size:12px}
}


/* v1.3 Professional empty-aware navigation, infinite Discover and live search */
.mva-quick-count-1{grid-template-columns:1fr}
.mva-quick-count-2{grid-template-columns:repeat(2,1fr)}
.mva-quick-count-3{grid-template-columns:repeat(3,1fr)}
.mva-quick-count-4{grid-template-columns:repeat(4,1fr)}
.mva-quick-count-5{grid-template-columns:repeat(5,1fr)}

.mva-badge{
 top:7px;
 left:7px;
 min-height:20px;
 display:inline-flex;
 align-items:center;
 padding:0 7px;
 border:1px solid rgba(255,255,255,.35);
 border-radius:2px;
 background:rgba(24,26,29,.82);
 color:#fff;
 font-size:8px;
 font-weight:800;
 letter-spacing:.06em;
 box-shadow:0 2px 8px rgba(0,0,0,.14);
 backdrop-filter:blur(5px);
 -webkit-backdrop-filter:blur(5px)
}
.mva-book-meta{
 display:flex;
 align-items:center;
 gap:4px;
 min-width:0
}
.mva-book-meta>span{
 min-width:0;
 color:#8a8d91;
 margin:0;
 overflow:hidden;
 text-overflow:ellipsis
}
.mva-book-meta .mva-meta-sep{flex:0 0 auto;color:#c3c3c3}

.mva-infinite-wrap{
 min-height:96px;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-direction:column;
 gap:7px;
 padding:22px 0 8px
}
.mva-infinite-sentinel{height:1px;width:100%}
.mva-infinite-status{
 min-height:34px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 color:#868a8f;
 font-size:10px
}
.mva-infinite-status[hidden]{display:none}
.mva-infinite-status.is-error{color:#777}
.mva-infinite-status.is-end{color:#9a9da1}
.mva-infinite-retry{
 min-height:32px;
 border:1px solid #d0d0d0;
 background:#fff;
 padding:0 12px;
 color:#333;
 font-size:10px;
 font-weight:700;
 cursor:pointer
}
.mva-infinite-retry:hover{border-color:#aaa;color:var(--mva-accent)}
.mva-infinite-end{
 min-height:68px;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#a0a3a6;
 font-size:10px
}
.mva-spinner{
 width:15px;
 height:15px;
 border:2px solid #dedede;
 border-top-color:var(--mva-accent);
 border-radius:50%;
 animation:mva-spin .7s linear infinite
}
@keyframes mva-spin{to{transform:rotate(360deg)}}
.mva-book-loaded{animation:mva-card-in .22s ease both}
@keyframes mva-card-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.mva-searchpanel{
 background:rgba(18,20,23,.52);
 backdrop-filter:blur(3px);
 -webkit-backdrop-filter:blur(3px)
}
.mva-searchbox{
 border:1px solid rgba(255,255,255,.5);
 box-shadow:0 22px 65px rgba(0,0,0,.28)
}
.mva-search-results{
 max-height:min(62vh,520px);
 overflow:auto;
 background:#fff
}
.mva-search-result{
 grid-template-columns:48px minmax(0,1fr) 16px;
 min-height:72px;
 gap:11px;
 padding:8px 10px
}
.mva-search-result:last-of-type{border-bottom:0}
.mva-search-result img{
 width:48px;
 height:64px;
 border:1px solid #e2e2e2;
 background:#eee
}
.mva-search-result>span{min-width:0}
.mva-search-result strong{
 display:block;
 font-size:12px;
 line-height:1.35;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.mva-search-result small{
 display:block;
 margin-top:4px;
 color:#8a8e93;
 font-size:9.5px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.mva-search-result>i{
 color:#b1b3b6;
 font-style:normal;
 font-size:17px
}
.mva-search-result:hover,.mva-search-result.keyboard-active{
 background:#fff9f1
}
.mva-search-result:hover strong,.mva-search-result.keyboard-active strong{color:var(--mva-accent)}
.mva-search-loading,.mva-search-message{
 min-height:68px;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-direction:column;
 gap:4px;
 padding:12px;
 color:#85898e;
 text-align:center;
 font-size:10px
}
.mva-search-loading{flex-direction:row;gap:8px}
.mva-search-message strong{color:#4b4e52;font-size:11px}
.mva-search-all{
 min-height:38px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-top:1px solid #ececec;
 color:#555;
 font-size:10px;
 font-weight:700
}
.mva-search-all:hover{color:var(--mva-accent);background:#fafafa}

.mva-discover-filters:empty{display:none}

@media(max-width:680px){
 .mva-searchbox{
  width:calc(100% - 20px);
  margin-top:64px;
  padding:12px
 }
 .mva-search-title{font-size:15px}
 .mva-search-result{grid-template-columns:43px minmax(0,1fr) 14px;min-height:65px}
 .mva-search-result img{width:43px;height:58px}
 .mva-infinite-wrap{min-height:82px;padding-top:17px}
}

.mva-category-inner>a:first-child.mva-all-genres{margin-left:0}
.mva-detail-badge{
 border:1px solid rgba(255,255,255,.35);
 background:rgba(24,26,29,.82);
 box-shadow:0 2px 8px rgba(0,0,0,.15);
 backdrop-filter:blur(5px);
 -webkit-backdrop-filter:blur(5px);
 letter-spacing:.04em
}


/* v1.3 final special-page cleanup */
.mva-pagehead-simple{
 padding-top:24px;
 padding-bottom:17px
}
.mva-pagehead-simple h1{
 margin:0;
 font-size:29px;
 line-height:1.15
}
.mva-special-page{
 min-height:300px
}
.mva-empty-clean{
 min-height:220px;
 border:1px solid var(--mva-border);
 background:#fafafa
}
.mva-empty-clean strong{
 font-size:14px;
 font-weight:750
}
.mva-library-skeleton{
 min-height:190px;
 position:relative;
 overflow:hidden
}
.mva-library-skeleton:before{
 content:"";
 position:absolute;
 left:0;
 right:0;
 top:18px;
 height:70px;
 background:linear-gradient(90deg,#f3f3f3 20%,#fafafa 40%,#f3f3f3 60%);
 background-size:220% 100%;
 animation:mva-library-shimmer 1.2s linear infinite
}
@keyframes mva-library-shimmer{
 to{background-position:-220% 0}
}
@media(max-width:680px){
 .mva-pagehead-simple{padding:20px 14px 14px}
 .mva-pagehead-simple h1{font-size:25px}
 .mva-special-page{min-height:260px}
}

.mva-library-loading{
 min-height:190px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:9px;
 color:#8a8e93;
 font-size:10px
}

/* v1.5 Uncensored navigation */
@media(max-width:680px){.mva-quick-count-5{grid-template-columns:repeat(5,1fr)}.mva-quick-count-5 a{font-size:9px;padding:0 2px}.mva-quick-count-5 svg{width:21px;height:21px}}


/* v1.7 — Flat white site shell + professional auto-hiding navigation.
   Geometry/section positions are intentionally unchanged. */
html,body{background:var(--mva-gutter)!important}
.mva-site-header,.mva-content-shell,.mva-site-footer{
 background:var(--mva-surface)!important;
 border-left-color:transparent!important;
 border-right-color:transparent!important
}
.mva-site-header.is-raised{box-shadow:none!important}
.mva-bottom-nav{
 background:rgba(255,255,255,.985);
 border-left-color:transparent!important;
 border-right-color:transparent!important;
 border-top:1px solid #e2e2e2;
 box-shadow:none!important;
 transition:transform .22s ease,opacity .18s ease;
 will-change:transform
}
.mva-bottom-nav.is-hidden{
 transform:translateX(-50%) translateY(calc(100% + 4px));
 opacity:0;
 pointer-events:none
}


/* ============================================================
   v1.8 — Read18Plus Professional Compact UI
   Keeps the existing information architecture and section order.
   ============================================================ */
:root{
 --mva-dock:56px;
 --mva-radius:2px;
 --mva-control:34px;
 --mva-fs-xs:9px;
 --mva-fs-sm:10px;
 --mva-fs-ui:11px;
 --mva-fs-body:12px;
 --mva-fs-title:17px;
}
html,body{font-size:13px;line-height:1.48;background:#fff!important}
body{padding-bottom:calc(var(--mva-dock) + env(safe-area-inset-bottom))}
button,input,select,textarea{font-size:12px}

/* Header + brand */
.mva-header-inner{height:56px;padding:0 12px;grid-template-columns:42px 1fr 42px}
.mva-icon-btn{width:38px;height:38px;border-radius:2px}
.mva-icon-btn svg{width:22px;height:22px;stroke-width:1.8}
.mva-logo{min-height:38px;justify-content:center}
.mva-logo-custom .custom-logo-link{display:flex;align-items:center;justify-content:center}
.mva-logo img,.mva-logo-custom img{max-height:34px;width:auto}
.mva-logo-text{display:inline-flex;align-items:baseline;gap:2px;font-size:20px;font-weight:800;letter-spacing:-.45px;line-height:1}
.mva-brand-core{color:#222}
.mva-brand-plus{color:var(--mva-accent);font-size:.76em;font-weight:850;letter-spacing:-.15px}
.mva-category-inner{height:37px;padding:0 7px}
.mva-category-inner>a{gap:4px;padding:0 9px;font-size:11px;font-weight:600}
.mva-all-genres svg{width:15px;height:15px}

/* Intro */
.mva-intro{padding:11px 18px 5px;gap:5px;font-size:11px;color:#686c70}
.mva-intro strong{font-weight:750;color:#27292c}
.mva-intro .mva-brand-plus{font-size:.78em}

/* Featured */
.mva-featured{width:calc(100% - 32px);margin:9px 16px 18px}
.mva-feature{height:224px;grid-template-columns:minmax(0,1.7fr) minmax(245px,.72fr)}
.mva-feature-copy{padding:18px 20px 17px}
.mva-feature-copy small{font-size:8px;letter-spacing:.07em}
.mva-feature-copy h2{margin:4px 0 6px;font-size:20px;line-height:1.14;letter-spacing:-.25px}
.mva-feature-copy p{margin:0 0 11px;font-size:10px;line-height:1.48;-webkit-line-clamp:3}
.mva-primary-link{gap:5px;min-height:31px;padding:0 10px;font-size:9px}
.mva-primary-link svg{width:12px;height:12px}
.mva-feature-arrow{width:28px;height:38px;font-size:20px;box-shadow:none;border:1px solid #e4e4e4}
.mva-feature-dots{bottom:6px;gap:5px}
.mva-feature-dots button{width:6px;height:6px}

/* Quick links */
.mva-quick-links{margin:0 18px 2px}
.mva-quick-links a{min-height:58px;gap:4px;font-size:10px;font-weight:600}
.mva-quick-links svg{width:21px;height:21px}

/* Sections and cards */
.mva-section{padding:22px 22px 25px}
.mva-section-head{gap:12px;margin-bottom:11px}
.mva-section-head h2{font-size:17px;line-height:1.2;letter-spacing:-.15px}
.mva-section-head p{margin-top:2px;font-size:10px}
.mva-section-head>a{font-size:10px}
.mva-grid{gap:17px 12px}
.mva-book-title{margin-top:6px;font-size:11.5px;line-height:1.33;font-weight:700}
.mva-book-meta{margin-top:2px;font-size:8.5px;gap:3px}
.mva-badge{top:5px;left:5px;min-height:17px;padding:0 5px;font-size:7px;letter-spacing:.045em;box-shadow:none}
.mva-cover{border-color:#e6e6e6}
.mva-book a:hover .mva-cover img{transform:scale(1.012)}

/* Latest updates */
.mva-update-list{column-gap:22px}
.mva-update{grid-template-columns:40px minmax(0,1fr) auto;gap:9px;min-height:67px;padding:6px 1px}
.mva-update img{width:40px;height:55px}
.mva-update strong{font-size:11px;line-height:1.3}
.mva-update span{font-size:9px;margin-top:1px}
.mva-update time{font-size:8.5px}

/* Pages / discover */
.mva-pagehead{padding:20px 22px 14px}
.mva-page-kicker{font-size:8px}
.mva-pagehead h1{margin:4px 0 2px;font-size:23px;letter-spacing:-.25px}
.mva-pagehead p{font-size:10px}
.mva-page-content{padding:19px 22px 27px}
.mva-toolbar{min-height:42px;padding:0 22px;gap:12px;font-size:10px}
.mva-sort-links a{padding:0 11px}
.mva-discover-filters{margin-bottom:15px}
.mva-filter-group{min-height:40px;grid-template-columns:62px 1fr;gap:9px;padding:7px 9px}
.mva-filter-group>span{padding-top:5px;font-size:8px}
.mva-filter-group>div{gap:4px}
.mva-filter-group a{min-height:25px;padding:0 7px;font-size:9.5px}
.mva-genre-directory{grid-template-columns:repeat(4,1fr)}
.mva-genre-link{min-height:38px;padding:0 10px;font-size:11px}
.mva-genre-link small{font-size:8.5px}
.mva-genre-link i{font-size:14px}
.mva-pagination{gap:4px;margin:22px 0 2px}
.mva-pagination .page-numbers{min-width:30px;height:30px;padding:0 6px;font-size:10px}

/* Detail page */
.mva-detail{padding:22px}
.mva-detail-top{grid-template-columns:190px minmax(0,1fr);gap:22px}
.mva-detail-badge{top:6px;left:6px;padding:3px 6px;font-size:8px}
.mva-detail-kicker{font-size:8.5px;letter-spacing:.055em}
.mva-detail h1{margin:4px 0 2px;font-size:25px;line-height:1.14;letter-spacing:-.28px}
.mva-alt{font-size:10px;margin-bottom:10px}
.mva-detail-actions{gap:6px;margin:11px 0 13px}
.mva-readbtn,.mva-secondary-btn{min-height:33px;padding:0 11px;font-size:10px}
.mva-info>div{grid-template-columns:100px 1fr;gap:10px;padding:5px 0;font-size:10.5px}
.mva-info dt{font-size:9.5px}
.mva-inline-genres{gap:5px}
.mva-summary{margin-top:21px;padding-top:16px}
.mva-summary h2{margin-bottom:6px;font-size:15px}
.mva-story{font-size:11.5px;line-height:1.62}
.mva-chapters{margin-top:22px}
.mva-chapters-head{min-height:40px}
.mva-chapters-head strong{font-size:12px}
.mva-chapters-head span{font-size:9px}
.mva-chapter{min-height:45px;grid-template-columns:1fr 92px 14px;gap:9px;padding:6px 4px}
.mva-chapter strong{font-size:10.5px}
.mva-chapter div span{font-size:9.5px;margin-left:6px}
.mva-chapter time{font-size:8.5px}
.mva-chapter-arrow{font-size:15px}

/* Drawer */
.mva-drawer-panel{width:min(86vw,315px);box-shadow:6px 0 20px rgba(0,0,0,.11)}
.mva-drawer-head{height:54px;padding:0 14px;font-size:15px}
.mva-drawer-head button{font-size:23px}
.mva-drawer-block{padding:11px 14px}
.mva-drawer-block h3{margin-bottom:5px;font-size:8px}
.mva-drawer-block>a{padding:5.5px 0;font-size:11.5px}
.mva-drawer-genres{gap:0 12px}
.mva-drawer-genres a{padding:5px 0;font-size:10.5px}
.mva-reset-age{padding:5px 0;font-size:10.5px}

/* Search */
.mva-searchbox{width:min(92%,560px);margin-top:70px;padding:13px;box-shadow:0 16px 42px rgba(0,0,0,.22)}
.mva-search-title{font-size:14px;margin-bottom:8px}
.mva-searchbox input{height:37px;padding:0 10px;font-size:11px}
.mva-searchbox form button{padding:0 13px;font-size:10px}
.mva-search-results{max-height:min(58vh,460px)}
.mva-search-result{grid-template-columns:40px minmax(0,1fr) 13px;min-height:58px;gap:8px;padding:6px 8px}
.mva-search-result img{width:40px;height:53px}
.mva-search-result strong{font-size:10.5px}
.mva-search-result small{margin-top:2px;font-size:8.5px}
.mva-search-result>i{font-size:14px}
.mva-search-loading,.mva-search-message{min-height:54px;padding:9px;font-size:9px}
.mva-search-message strong{font-size:10px}
.mva-search-all{min-height:32px;font-size:9px}

/* Library */
.mva-library-tabs button{min-height:37px;font-size:10px}
.mva-library-tools{min-height:38px;gap:10px;padding:6px 1px}
.mva-library-tools p,.mva-library-tools button{font-size:9px}
.mva-library-item{min-height:78px;grid-template-columns:46px minmax(0,1fr) auto;gap:9px;padding:6px 1px}
.mva-library-cover{width:46px;height:64px}
.mva-library-title{margin-bottom:2px;font-size:11px}
.mva-library-copy>span{font-size:9px}
.mva-library-progress{height:3px;margin-top:6px}
.mva-library-actions{gap:5px}
.mva-library-actions a,.mva-library-actions button{min-height:27px;padding:0 7px;font-size:9px}
.mva-library-empty,.mva-library-loading{min-height:150px}
.mva-library-empty strong{font-size:12px}
.mva-library-empty span{font-size:9px}

/* Empty/error/special pages */
.mva-empty{min-height:135px;gap:3px;padding:21px;font-size:11px}
.mva-empty span{font-size:9px}
.mva-error{padding:55px 20px}
.mva-error>strong{font-size:34px}
.mva-error a{margin-top:10px;padding:6px 9px;font-size:10px}
.mva-pagehead-simple{padding-top:19px;padding-bottom:13px}
.mva-pagehead-simple h1{font-size:23px}
.mva-special-page{min-height:240px}
.mva-empty-clean{min-height:170px}
.mva-empty-clean strong{font-size:12px}
.mva-infinite-wrap{min-height:72px;gap:5px;padding:15px 0 6px}
.mva-infinite-status{min-height:28px;gap:6px;font-size:9px}
.mva-infinite-retry{min-height:28px;padding:0 9px;font-size:9px}
.mva-infinite-end{min-height:48px;font-size:9px}
.mva-spinner{width:13px;height:13px}

/* Footer */
.mva-footer-nav{gap:6px 14px;padding:14px 16px 9px}
.mva-footer-nav a{font-size:9.5px}
.mva-hosting-note{padding:10px 0 11px}
.mva-hosting-note strong{font-size:8.5px}
.mva-hosting-note p{font-size:8.5px;line-height:1.5}
.mva-footer-bottom{min-height:40px;gap:12px;font-size:8.5px}

/* Bottom navigation */
.mva-bottom-nav{min-height:calc(var(--mva-dock) + env(safe-area-inset-bottom))}
.mva-bottom-nav-inner{height:var(--mva-dock)}
.mva-bottom-nav a,.mva-bottom-nav button{gap:1px;font-size:8.5px}
.mva-bottom-nav svg{width:20px;height:20px}
.mva-bottom-nav .active:before{left:36%;right:36%;height:2px}

/* Tablet */
@media(max-width:980px){
 .mva-feature{height:215px;grid-template-columns:minmax(0,1.5fr) minmax(225px,.75fr)}
 .mva-detail-top{grid-template-columns:175px minmax(0,1fr);gap:20px}
}

/* Mobile */
@media(max-width:680px){
 :root{--mva-dock:54px}
 html,body{font-size:12px}
 .mva-header-inner{height:50px;padding:0 4px;grid-template-columns:39px 1fr 39px}
 .mva-icon-btn{width:36px;height:36px}
 .mva-icon-btn svg{width:20px;height:20px}
 .mva-logo-text{font-size:18px}
 .mva-logo img,.mva-logo-custom img{max-height:30px}
 .mva-category-inner{height:34px;padding:0 3px}
 .mva-category-inner>a{font-size:10px;padding:0 7px}
 .mva-intro{padding:8px 10px 4px;font-size:10px}
 .mva-featured{width:calc(100% - 16px);margin:5px 8px 13px}
 .mva-feature{min-height:182px;grid-template-columns:98px minmax(0,1fr)}
 .mva-feature-media{min-height:182px}
 .mva-feature-copy{min-height:182px;padding:12px 11px 16px}
 .mva-feature-copy small{font-size:6.8px}
 .mva-feature-copy h2{font-size:15px;margin:3px 0 5px}
 .mva-feature-copy p{font-size:8px;line-height:1.42;margin-bottom:8px}
 .mva-primary-link{min-height:27px;padding:0 8px;font-size:8px}
 .mva-quick-links{margin:0 8px 1px}
 .mva-quick-links a{min-height:50px;font-size:8.5px;gap:3px}
 .mva-quick-links svg{width:18px;height:18px}
 .mva-section{padding:16px 10px 19px}
 .mva-section-head{margin-bottom:9px}
 .mva-section-head h2{font-size:15px}
 .mva-section-head p{font-size:8.5px}
 .mva-section-head>a{font-size:9px}
 .mva-grid{gap:14px 8px}
 .mva-book-title{font-size:10px;margin-top:5px}
 .mva-book-meta{font-size:7.8px}
 .mva-update{grid-template-columns:36px 1fr auto;gap:7px;min-height:59px}
 .mva-update img{width:36px;height:50px}
 .mva-update strong{font-size:10px}
 .mva-update span{font-size:8px}
 .mva-pagehead{padding:15px 11px 10px}
 .mva-pagehead h1,.mva-pagehead-simple h1{font-size:19px}
 .mva-pagehead p{font-size:9px}
 .mva-page-content{padding:13px 10px 20px}
 .mva-toolbar{min-height:38px;padding:0 10px;font-size:9px}
 .mva-sort-links a{padding:0 8px}
 .mva-filter-group{grid-template-columns:1fr;gap:3px;padding:6px 5px}
 .mva-filter-group>span{font-size:7.5px}
 .mva-filter-group a{min-height:23px;padding:0 6px;font-size:8.5px}
 .mva-genre-link{min-height:35px;padding:0 8px;font-size:10px}
 .mva-detail{padding:13px 10px 19px}
 .mva-detail-top{grid-template-columns:104px 1fr;gap:12px}
 .mva-detail h1{font-size:19px}
 .mva-detail-kicker{font-size:7.5px}
 .mva-alt{font-size:9px;margin-bottom:8px}
 .mva-detail-actions{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 10px}
 .mva-readbtn,.mva-secondary-btn{min-height:29px;padding:0 8px;font-size:9px}
 .mva-info>div{grid-template-columns:70px 1fr;gap:7px;padding:4px 0;font-size:9px}
 .mva-info dt{font-size:8.5px}
 .mva-summary{margin-top:15px;padding-top:12px}
 .mva-summary h2{font-size:13px}
 .mva-story{font-size:10px;line-height:1.58}
 .mva-chapters{margin-top:16px}
 .mva-chapters-head{min-height:35px}
 .mva-chapter{min-height:40px;grid-template-columns:1fr 13px;padding:5px 3px}
 .mva-chapter strong{font-size:9.5px}
 .mva-chapter div span{font-size:8.5px}
 .mva-drawer-panel{width:min(84vw,290px)}
 .mva-drawer-head{height:49px;padding:0 12px;font-size:13px}
 .mva-drawer-block{padding:9px 12px}
 .mva-drawer-block>a{font-size:10.5px;padding:5px 0}
 .mva-drawer-genres a{font-size:9.5px}
 .mva-searchbox{width:calc(100% - 16px);margin-top:54px;padding:10px}
 .mva-search-title{font-size:12px}
 .mva-searchbox input{height:34px}
 .mva-search-result{grid-template-columns:36px minmax(0,1fr) 12px;min-height:53px}
 .mva-search-result img{width:36px;height:48px}
 .mva-library-tabs button{min-height:34px;font-size:9px}
 .mva-library-item{grid-template-columns:42px minmax(0,1fr);gap:7px}
 .mva-library-cover{width:42px;height:59px}
 .mva-library-title{font-size:10px}
 .mva-library-actions{grid-column:2}
 .mva-footer-nav{padding:12px 10px 8px}
 .mva-footer-bottom{width:calc(100% - 20px);font-size:8px}
 .mva-hosting-note{width:calc(100% - 20px)}
}

/* Very small phones */
@media(max-width:420px){
 .mva-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mva-quick-count-5 a{font-size:7.5px;padding:0 1px}
 .mva-quick-count-5 svg{width:17px;height:17px}
}


/* ============================================================
   v1.9 — homepage discovery + chapter-list refinement
   ============================================================ */

/* Recently Updated = one row per series */
.mva-update-copy{min-width:0}
.mva-update-status{display:flex!important;align-items:center;gap:4px;margin-top:2px!important;color:var(--mva-muted)!important;font-size:8.5px!important}
.mva-update-status b{font-weight:700;color:#2d3135;background:#f4f4f4;border:1px solid #e6e6e6;border-radius:999px;padding:2px 6px;white-space:nowrap}
.mva-update:hover .mva-update-status b{border-color:#d4d4d4;background:#fff}

/* Homepage genre discovery */
.mva-home-genres-section{padding-top:18px}
.mva-home-genres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--mva-border);border-left:1px solid var(--mva-border)}
.mva-home-genres a{min-height:43px;display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:7px;padding:0 11px;border-right:1px solid var(--mva-border);border-bottom:1px solid var(--mva-border);background:#fff;color:inherit;text-decoration:none}
.mva-home-genres a:hover{background:#fafafa}
.mva-home-genres span{font-size:10.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mva-home-genres small{font-size:8.5px;color:var(--mva-muted)}
.mva-home-genres i{font-style:normal;color:#a1a1a1;font-size:14px}

/* Chapters as a clean boxed list */
.mva-chapters{position:relative}
.mva-chapters-head{border-bottom:0;margin-bottom:8px;padding:0 1px}
.mva-chapters-head>div{display:flex;align-items:baseline;gap:7px}
.mva-chapters-head small{font-size:8px;color:var(--mva-muted);font-weight:500}
.mva-chapter-list{display:grid;gap:6px;position:relative}
.mva-chapter{
 min-height:43px!important;
 grid-template-columns:minmax(0,1fr) 86px 13px!important;
 gap:9px!important;
 padding:7px 10px!important;
 border:1px solid #e7e7e7!important;
 border-radius:3px;
 background:#fff;
 transition:border-color .15s ease,background .15s ease,transform .15s ease
}
.mva-chapter:hover{background:#fafafa;border-color:#d6d6d6!important;transform:translateY(-1px)}
.mva-chapter-name{min-width:0;display:flex;align-items:center}
.mva-chapter-name strong{font-size:10.5px;font-weight:680}
.mva-chapter time{font-size:8.5px;color:var(--mva-muted);text-align:right}
.mva-chapter-preview{opacity:.24;filter:blur(.55px);pointer-events:none;user-select:none}
.mva-chapter-more-wrap{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0 2px}
.mva-chapter-more-wrap[hidden]{display:none}
.mva-chapter-list.has-more + .mva-chapter-more-wrap:before{
 content:"";position:absolute;left:0;right:0;top:-42px;height:48px;
 background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 84%);
 pointer-events:none
}
.mva-chapter-more{
 position:relative;z-index:2;min-height:31px;border:1px solid #d9d9d9;background:#fff;color:#303236;
 padding:0 10px;border-radius:3px;font-size:9.5px;font-weight:650;display:inline-flex;align-items:center;gap:6px;cursor:pointer
}
.mva-chapter-more:hover{border-color:#bdbdbd;background:#fafafa}
.mva-chapter-more i{font-style:normal;font-size:12px;color:#777}
.mva-chapter-more-wrap>small{position:relative;z-index:2;color:var(--mva-muted);font-size:8.5px}

@media(max-width:680px){
 .mva-home-genres{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mva-home-genres a{min-height:38px;padding:0 8px}
 .mva-home-genres span{font-size:9.5px}
 .mva-update-status{font-size:8px!important}
 .mva-update-status b{padding:1px 5px}
 .mva-chapter{min-height:39px!important;grid-template-columns:minmax(0,1fr) 12px!important;padding:6px 8px!important}
 .mva-chapter time{display:none}
 .mva-chapter-name strong{font-size:9.5px}
 .mva-chapter-more{min-height:29px;font-size:9px}
}


/* v2.0 — stable global Home / Discover / Search / Genres / Library navigation */
.mva-bottom-nav,.mva-bottom-nav *{box-sizing:border-box}
.mva-bottom-nav{isolation:isolate;overflow:visible}
.mva-bottom-nav-inner{
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 align-items:stretch!important;
 width:100%!important;
 min-width:0!important
}
.mva-bottom-nav-inner>a,.mva-bottom-nav-inner>button{
 -webkit-appearance:none!important;appearance:none!important;
 position:relative!important;float:none!important;
 width:100%!important;min-width:0!important;max-width:none!important;
 height:100%!important;min-height:0!important;
 margin:0!important;padding:0 2px!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:transparent!important;color:#5d6065!important;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
 font-size:8.5px!important;font-weight:550!important;line-height:1!important;
 text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 gap:2px!important;overflow:hidden;cursor:pointer;touch-action:manipulation
}
.mva-bottom-nav-inner>a>svg,.mva-bottom-nav-inner>button>svg{
 display:block!important;flex:0 0 auto!important;width:20px!important;height:20px!important;
 margin:0!important;padding:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important
}
.mva-bottom-nav-inner>a>span,.mva-bottom-nav-inner>button>span{
 display:block!important;max-width:100%;margin:0!important;padding:0!important;
 color:inherit!important;font-size:8.5px!important;font-weight:inherit!important;line-height:1.1!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.mva-bottom-nav-inner>a:hover,.mva-bottom-nav-inner>button:hover{color:#2f3236!important;background:#fafafa!important}
.mva-bottom-nav-inner>.active,.mva-bottom-nav-inner>button.search-active{
 color:var(--mva-accent)!important;font-weight:720!important;background:#fffaf2!important
}
.mva-bottom-nav-inner>.active:before,.mva-bottom-nav-inner>button.search-active:before{
 content:"";position:absolute;top:0;left:34%;right:34%;height:2px;background:var(--mva-accent)
}

/* Header shortcut rail never compresses or pushes Genres out of alignment. */
.mva-category-inner{
 display:flex!important;align-items:stretch!important;justify-content:flex-start!important;
 gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;
 scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch
}
.mva-category-inner>a{flex:0 0 auto!important;min-width:max-content!important;margin-left:0!important;white-space:nowrap!important}
.mva-category-inner .mva-all-genres{margin-left:0!important}

/* Detail pages cannot override the global nav geometry. */
.single-mva_manga .mva-bottom-nav-inner>a,
.single-mva_manga .mva-bottom-nav-inner>button{
 writing-mode:horizontal-tb!important
}
@media(max-width:680px){
 .mva-bottom-nav-inner>a,.mva-bottom-nav-inner>button{padding:0 1px!important;font-size:8px!important;gap:1px!important}
 .mva-bottom-nav-inner>a>svg,.mva-bottom-nav-inner>button>svg{width:19px!important;height:19px!important}
 .mva-bottom-nav-inner>a>span,.mva-bottom-nav-inner>button>span{font-size:8px!important}
 .mva-category-inner>a{min-height:34px}
}


/* ============================================================
   v2.1 — Featured showcase controls + Top Week / Top Month
   ============================================================ */

/* Make desktop Featured feel like the polished mobile card style,
   while still filling the PC layout professionally. */
.mva-featured{
 max-width:min(1000px,calc(100% - 24px))!important;
 margin:8px auto 20px!important;
 border-radius:4px;
 box-shadow:none;
}
.mva-feature{
 min-height:236px!important;
 height:auto!important;
 grid-template-columns:212px minmax(0,1fr)!important;
}
.mva-feature-media{
 min-height:236px;
}
.mva-feature-copy{
 padding:18px 18px 18px!important;
}
.mva-feature-copy small{
 font-size:8px!important;
 letter-spacing:.07em!important;
}
.mva-feature-copy h2{
 font-size:20px!important;
 margin:4px 0 6px!important;
 line-height:1.14!important;
}
.mva-feature-copy p{
 font-size:10px!important;
 line-height:1.48!important;
 margin:0 0 11px!important;
}
.mva-primary-link{
 min-height:33px!important;
 padding:0 11px!important;
 font-size:9.5px!important;
}
@media(min-width:981px){
 .mva-feature{
  grid-template-columns:260px minmax(0,1fr)!important;
  min-height:270px!important;
 }
 .mva-feature-media{min-height:270px}
 .mva-feature-copy{padding:22px 24px 22px!important}
 .mva-feature-copy h2{font-size:24px!important}
 .mva-feature-copy p{font-size:11px!important}
}
@media(max-width:680px){
 .mva-featured{
  max-width:calc(100% - 16px)!important;
  margin:5px auto 13px!important;
 }
}

/* Top Rankings section with numbered rows and Week / Month tabs */
.mva-ranking-section{
 padding-top:18px!important;
}
.mva-ranking-shell{
 border:1px solid var(--mva-border);
 background:#fff;
}
.mva-ranking-switch{
 display:flex;
 gap:0;
 border-bottom:1px solid var(--mva-border);
 background:#fafafa;
}
.mva-ranking-switch button{
 -webkit-appearance:none;
 appearance:none;
 min-height:38px;
 padding:0 14px;
 border:0;
 background:transparent;
 color:#5d6065;
 font-size:10px;
 font-weight:700;
 letter-spacing:.02em;
 cursor:pointer;
}
.mva-ranking-switch button.active{
 color:#202124;
 background:#fff;
 box-shadow:inset 0 -2px 0 var(--mva-accent);
}
.mva-ranking-panel{display:block}
.mva-ranking-panel[hidden]{display:none!important}
.r18-story-ranking-panel[hidden]{display:none!important}
.r18-story-ranking-panel:not([hidden]){display:block!important}
.mva-ranking-list{
 display:grid;
 grid-template-columns:1fr 1fr;
}
.mva-rank-item{
 display:grid;
 grid-template-columns:50px 50px minmax(0,1fr) auto;
 gap:10px;
 align-items:center;
 min-height:76px;
 padding:10px 12px;
 border-bottom:1px solid #ededed;
 text-decoration:none;
 color:inherit;
 background:#fff;
}
.mva-rank-item:nth-child(odd){
 border-right:1px solid #ededed;
}
.mva-rank-item:hover{
 background:#fafafa;
}
.mva-rank-no{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:38px;
 min-height:28px;
 border:1px solid #e7d1ad;
 background:#fff8ee;
 color:var(--mva-accent);
 font-size:10px;
 font-weight:800;
 border-radius:999px;
}
.mva-rank-item img{
 width:50px;
 height:68px;
 object-fit:cover;
 border:1px solid #ececec;
 background:#f5f5f5;
}
.mva-rank-copy{
 min-width:0;
 display:flex;
 flex-direction:column;
 gap:3px;
}
.mva-rank-copy strong{
 font-size:11px;
 line-height:1.22;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.mva-rank-copy small{
 color:var(--mva-muted);
 font-size:8.8px;
 line-height:1.35;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.mva-rank-score{
 display:flex;
 flex-direction:column;
 align-items:flex-end;
 gap:3px;
 white-space:nowrap;
}
.mva-rank-score b{
 font-size:12px;
 line-height:1;
 color:#202124;
}
.mva-rank-score small{
 font-size:8.5px;
 color:var(--mva-muted);
}
@media(max-width:980px){
 .mva-ranking-list{
  grid-template-columns:1fr;
 }
 .mva-rank-item:nth-child(odd){
  border-right:0;
 }
}
@media(max-width:680px){
 .mva-ranking-switch button{
  flex:1 1 0;
  min-height:34px;
  padding:0 8px;
  font-size:9px;
 }
 .mva-rank-item{
  grid-template-columns:42px 42px minmax(0,1fr) auto;
  min-height:64px;
  gap:8px;
  padding:8px 9px;
 }
 .mva-rank-no{
  width:34px;
  min-height:24px;
  font-size:9px;
 }
 .mva-rank-item img{
  width:42px;
  height:58px;
 }
 .mva-rank-copy strong{
  font-size:10px;
 }
 .mva-rank-copy small{
  font-size:8px;
 }
 .mva-rank-score b{
  font-size:10.5px;
 }
 .mva-rank-score small{
  font-size:7.8px;
 }
}


/* ============================================================
   Read18Plus v2.5 — Story Hub
   ============================================================ */
.r18-story-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 14px}
.r18-story-card{min-width:0}.r18-story-card>a{display:block}.r18-story-cover{position:relative;aspect-ratio:2/3;background:#f0f0f0;border:1px solid var(--mva-border);overflow:hidden}.r18-story-cover img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.r18-story-card a:hover img{transform:scale(1.018)}
.r18-story-card-copy{padding-top:7px}.r18-story-card-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.35}.r18-story-card-copy small{display:block;margin-top:3px;color:#8a8d91;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r18-story-pagehead{background:#fff}.r18-story-browser{padding-top:20px}.r18-search-mixed-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 14px}
.r18-story-detail{padding:28px}.r18-story-hero{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.r18-story-detail-cover{aspect-ratio:2/3;position:relative;overflow:hidden;border:1px solid var(--mva-border);background:#eee}.r18-story-detail-cover img{width:100%;height:100%;object-fit:cover}.r18-story-detail-cover>span{position:absolute;top:8px;left:8px;background:#222;color:#fff;font-size:9px;font-weight:800;padding:4px 7px}
.r18-story-detail-main h1{font-size:30px;line-height:1.15;margin:5px 0 7px}.r18-story-excerpt{margin:0 0 12px;color:var(--mva-muted);font-size:12px;line-height:1.6;max-width:760px}.r18-episodes{margin-top:24px}.r18-episode-row .mva-chapter-name small{display:block;margin-top:2px;color:#888;font-size:9px;font-weight:400}
.r18-related-stories{margin:25px -28px -28px;border-top:1px solid #ececec}
.r18-library-mode{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;border:1px solid var(--mva-border);background:#fafafa}.r18-library-mode button{min-height:38px;border:0;background:transparent;font-size:10px;font-weight:750;color:#666;cursor:pointer}.r18-library-mode button+button{border-left:1px solid var(--mva-border)}.r18-library-mode button.active{background:#242424;color:#fff}.r18-story-library{min-height:280px}

/* Manual Story reader — no auto-scroll control exists. */
.r18-text-reader{--story-font:18px;--story-line:1.8;--story-width:760px;background:#f7f7f7;min-height:70vh;padding-bottom:20px;transition:background .15s ease}
.r18-reader-head{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 14px;border-bottom:1px solid #e1e1e1;background:rgba(255,255,255,.97);backdrop-filter:blur(8px)}
.r18-reader-title{min-width:0}.r18-reader-title>a{display:block;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r18-reader-title>span{display:block;margin-top:2px;color:#777;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r18-reader-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.r18-reader-tools button{min-height:29px;padding:0 7px;border:1px solid #d7d7d7;background:#fff;color:#444;font-size:8.5px;cursor:pointer;border-radius:2px}.r18-reader-tools button.active{background:#242424;border-color:#242424;color:#fff}
.r18-reader-progress{position:sticky;top:48px;z-index:34;height:2px;background:#eee}.r18-reader-progress span{display:block;width:0;height:100%;background:var(--mva-accent)}
.r18-reader-paper{width:min(calc(100% - 28px),var(--story-width));margin:18px auto;background:#fff;border:1px solid #e5e5e5;padding:34px 42px;color:#242424}
.r18-reader-meta{color:var(--mva-accent);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.r18-reader-paper h1{margin:7px 0 24px;font-size:28px;line-height:1.2}.r18-reader-content{font-size:var(--story-font);line-height:var(--story-line);font-family:Georgia,"Times New Roman",serif;word-wrap:break-word}.r18-reader-content p{margin:0 0 1.25em}.r18-reader-content h2,.r18-reader-content h3{font-family:var(--mva-font);line-height:1.3;margin:1.6em 0 .7em}.r18-reader-content blockquote{margin:1.4em 0;padding:0 0 0 16px;border-left:3px solid var(--mva-accent);color:#555}
.r18-reader-nav{width:min(calc(100% - 28px),var(--story-width));margin:0 auto 15px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.r18-reader-nav a{min-height:36px;padding:0 11px;border:1px solid #d8d8d8;background:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.r18-reader-nav a:last-child{justify-self:end}.r18-reader-nav .primary{background:#242424;border-color:#242424;color:#fff}
.r18-text-reader[data-theme="sepia"]{background:#eee7d8}.r18-text-reader[data-theme="sepia"] .r18-reader-paper{background:#f8f0df;border-color:#dfd5c0;color:#342f27}.r18-text-reader[data-theme="sepia"] .r18-reader-head{background:rgba(248,240,223,.97)}
.r18-text-reader[data-theme="dark"]{background:#151617}.r18-text-reader[data-theme="dark"] .r18-reader-paper{background:#1d1f21;border-color:#34373a;color:#e9eaeb}.r18-text-reader[data-theme="dark"] .r18-reader-content blockquote{color:#c5c7c9}.r18-text-reader[data-theme="dark"] .r18-reader-head{background:rgba(29,31,33,.97);border-color:#34373a}.r18-text-reader[data-theme="dark"] .r18-reader-title>a{color:#f0f0f0}.r18-text-reader[data-theme="dark"] .r18-reader-title>span{color:#aaa}.r18-text-reader[data-theme="dark"] .r18-reader-tools button{background:#26292b;border-color:#45494d;color:#ddd}.r18-text-reader[data-theme="dark"] .r18-reader-nav a{background:#1d1f21;border-color:#34373a;color:#e9eaeb}

@media(max-width:900px){.r18-story-grid,.r18-search-mixed-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.r18-story-hero{grid-template-columns:180px minmax(0,1fr);gap:22px}.r18-reader-head{align-items:flex-start;flex-direction:column}.r18-reader-progress{top:82px}.r18-reader-tools{justify-content:flex-start}}
@media(max-width:680px){
 .r18-story-grid,.r18-search-mixed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 9px}
 .r18-story-card-copy strong{font-size:10.5px}.r18-story-card-copy small{font-size:8px}
 .r18-story-detail{padding:16px 12px 24px}.r18-story-hero{grid-template-columns:116px minmax(0,1fr);gap:14px}.r18-story-detail-main h1{font-size:21px}.r18-story-excerpt{font-size:10px}
 .r18-related-stories{margin:20px -12px -24px}
 .r18-reader-head{position:relative;padding:8px}.r18-reader-progress{position:sticky;top:0}.r18-reader-tools{gap:3px}.r18-reader-tools button{min-height:27px;padding:0 6px;font-size:8px}
 .r18-reader-paper{width:100%;margin:0;border-left:0;border-right:0;padding:24px 15px}.r18-reader-paper h1{font-size:23px;margin-bottom:19px}.r18-reader-content{font-size:var(--story-font)}
 .r18-reader-nav{width:100%;padding:0 8px;grid-template-columns:1fr 1fr}.r18-reader-nav>a:nth-child(2){grid-column:1/-1;grid-row:2}.r18-reader-nav a:last-child{justify-self:stretch}
}
@media(max-width:420px){.r18-story-grid,.r18-search-mixed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ============================================================
   v2.5 — UI polish: full shortcuts, Genre browser, Featured drag,
   professional chapter reveal and full-width story copy.
   ============================================================ */

/* Top catalog shortcut: use the full word instead of a three-line glyph. */
.mva-category-inner .mva-all-genres{margin-left:0!important}
.mva-category-inner .mva-all-genres span{display:inline!important}
.mva-category-inner .mva-all-genres svg{display:none!important}

/* Genre browser: All is default; one selected genre filters only that genre. */
.mva-genre-browser{width:100%}
.mva-genre-filter{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:2px 0 12px;margin-bottom:14px;border-bottom:1px solid var(--mva-border);scroll-snap-type:x proximity}
.mva-genre-chip{flex:0 0 auto;min-height:32px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #dedede;background:#fff;color:#4f5358;border-radius:999px;font-size:9.5px;font-weight:650;scroll-snap-align:start;transition:border-color .15s ease,background .15s ease,color .15s ease}
.mva-genre-chip small{font-size:7.5px;color:#91959a;font-weight:650}
.mva-genre-chip:hover{border-color:#bebebe;background:#fafafa}
.mva-genre-chip.active{background:#242424;border-color:#242424;color:#fff}
.mva-genre-chip.active small{color:#d7d7d7}
.mva-genre-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 14px}
.mva-genre-results-head>div{min-width:0}.mva-genre-results-head strong{display:block;font-size:16px;line-height:1.2}.mva-genre-results-head span{display:block;margin-top:3px;color:var(--mva-muted);font-size:9px}.mva-genre-results-head>b{flex:0 0 auto;font-size:9px;color:#71757a;font-weight:650}
.mva-genre-results{margin-top:0!important}

/* Featured: clean source badge, full title, left visual/right copy, drag on PC. */
.mva-featured{max-width:min(1040px,calc(100% - 28px))!important;margin:10px auto 22px!important;border:1px solid #dedede!important;border-radius:4px!important;overflow:hidden!important;touch-action:pan-y}
.mva-featured-track{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.mva-featured-track.is-dragging{cursor:grabbing}
.mva-featured-track.is-dragging a{pointer-events:none}
.mva-feature{min-height:280px!important;height:auto!important;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)!important;background:#fff}
.mva-feature-media{min-height:280px!important;background:#eee}.mva-feature-media img{width:100%!important;height:100%!important;object-fit:cover!important;user-select:none;-webkit-user-drag:none}
.mva-feature-copy{min-height:280px!important;padding:24px 26px!important;justify-content:center!important}
.mva-feature-label{display:inline-flex!important;width:max-content;min-height:21px;align-items:center;padding:0 7px;border:1px solid #f0d7af;background:#fff8ed;color:#c87300!important;border-radius:999px;font-size:8px!important;font-weight:800!important;letter-spacing:.055em!important;line-height:1!important}
.mva-feature-copy h2{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;white-space:normal!important;overflow-wrap:anywhere;font-size:clamp(22px,2.25vw,30px)!important;line-height:1.08!important;margin:8px 0 9px!important;letter-spacing:-.45px!important}
.mva-feature-copy p{font-size:10.5px!important;line-height:1.55!important;-webkit-line-clamp:3!important;margin-bottom:14px!important}
.mva-feature-arrow{display:none!important}
@media(min-width:681px){.mva-feature-dots{display:none!important}}
@media(max-width:680px){
 .mva-featured{max-width:calc(100% - 16px)!important;margin:6px auto 15px!important}
 .mva-feature{min-height:190px!important;grid-template-columns:106px minmax(0,1fr)!important}
 .mva-feature-media{min-height:190px!important}
 .mva-feature-copy{min-height:190px!important;padding:13px 11px 17px!important}
 .mva-feature-label{min-height:18px;padding:0 5px;font-size:6.8px!important}
 .mva-feature-copy h2{font-size:16px!important;line-height:1.12!important;margin:5px 0 6px!important}
 .mva-feature-copy p{font-size:8.6px!important;line-height:1.45!important;-webkit-line-clamp:4!important;margin-bottom:8px!important}
 .mva-feature-dots{bottom:5px!important}
}

/* One faded Chapter/Episode preview, then a smooth full reveal. */
.mva-chapter-preview{opacity:.28!important;filter:blur(.65px)!important;transform:translateY(1px);pointer-events:none!important;user-select:none!important}
.mva-chapter-list.has-more+.mva-chapter-more-wrap:before,.r18-episode-list+.mva-chapter-more-wrap:before{content:"";position:absolute;left:0;right:0;top:-50px;height:58px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.97) 80%,#fff);pointer-events:none}
.mva-chapter-more-wrap{padding-top:12px!important;gap:7px!important}
.mva-chapter-more{min-height:33px!important;padding:0 12px!important;border-color:#d5d5d5!important;border-radius:999px!important;background:#fff!important;font-size:9.5px!important;font-weight:700!important;transition:transform .15s ease,border-color .15s ease,background .15s ease!important}
.mva-chapter-more:hover{transform:translateY(-1px);border-color:#bcbcbc!important;background:#fafafa!important}.mva-chapter-more i{font-size:11px!important}
.mva-chapter-more-wrap>small{font-size:8px!important}
@keyframes r18ChapterReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.mva-chapter-reveal{animation:r18ChapterReveal .32s ease both;animation-delay:var(--reveal-delay,0ms)}

/* Detail story/summary should use the available content width on PC. */
.single-mva_manga .mva-summary,.single-r18_story .mva-summary{width:100%}
.single-mva_manga .mva-story,.single-r18_story .mva-story{width:100%;max-width:none!important}

@media(max-width:680px){
 .mva-genre-filter{margin-left:-2px;margin-right:-2px;padding-bottom:10px}.mva-genre-chip{min-height:30px;padding:0 9px;font-size:9px}
 .mva-genre-results-head strong{font-size:14px}.mva-genre-results-head span{font-size:8px}
 .mva-chapter-more{min-height:31px!important;font-size:9px!important}
}


/* ============================================================
   Read18Plus v2.8 — Story action parity
   and wide desktop Featured layout.
   ============================================================ */
.r18-story-detail .r18-story-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 17px}.r18-story-detail .r18-story-actions .mva-readbtn,.r18-story-detail .r18-story-actions .mva-secondary-btn{min-height:39px;padding:0 15px;font-size:12px;font-weight:700}.r18-story-detail .r18-story-actions .mva-save-btn.saved{border-color:var(--mva-accent);color:var(--mva-accent);background:#fffaf2}.r18-story-detail .r18-story-actions .mva-readbtn.has-progress{background:#242424}
.r18-reader-episode-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.r18-reader-episode-actions a,.r18-reader-episode-actions button{min-height:29px;padding:0 8px;border:1px solid #d7d7d7;background:#fff;color:#444;font-size:8.5px;font-weight:700;cursor:pointer}.r18-reader-episode-actions button.saved{border-color:var(--mva-accent);color:var(--mva-accent);background:#fff8ed}
@media(min-width:981px){.mva-featured{width:calc(100% - 24px)!important;max-width:none!important;margin:10px 12px 22px!important}.mva-feature{min-height:282px!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important}.mva-feature-media{min-height:282px!important}.mva-feature-media img{object-position:center 36%!important}.mva-feature-copy{min-height:282px!important;padding:22px 32px!important}.mva-feature-copy h2{font-size:clamp(24px,2.15vw,31px)!important}}
@media(max-width:680px){.r18-story-detail .r18-story-actions{display:grid;grid-template-columns:1fr;gap:6px}.r18-story-detail .r18-story-actions .mva-readbtn{grid-column:auto}.r18-reader-episode-actions{gap:3px}.r18-reader-episode-actions a,.r18-reader-episode-actions button{min-height:27px;padding:0 6px;font-size:7.5px}}

.r18-text-reader[data-theme="dark"] .r18-reader-episode-actions a,.r18-text-reader[data-theme="dark"] .r18-reader-episode-actions button{background:#26292b;border-color:#45494d;color:#ddd}


/* ============================================================
   Read18Plus v3.4 — Production audit polish
   ============================================================ */
html.mva-overlay-lock,html.mva-overlay-lock body{overflow:hidden!important;overscroll-behavior:none}
.mva-drawer[aria-hidden="true"],.mva-searchpanel[aria-hidden="true"]{pointer-events:none}
.mva-drawer.open,.mva-searchpanel.open{pointer-events:auto}
.mva-drawer-panel:focus,.mva-searchbox:focus{outline:none}
.mva-drawer-head button,.mva-search-close{touch-action:manipulation}

.mva-search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.mva-search-title{margin-bottom:0!important}
.mva-search-close{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border:1px solid #e0e0e0;background:#fff;color:#444;font-size:20px;line-height:1;cursor:pointer;border-radius:2px}
.mva-search-close:hover{background:#f7f7f7;color:#111}
.mva-search-results[aria-busy="true"]{cursor:progress}

/* The shortcut must always be readable; never collapse Genres into an empty icon slot. */
.mva-category-inner .mva-all-genres span{display:inline!important}
.mva-category-inner .mva-all-genres{min-width:max-content!important}

/* Keep long metadata, titles and buttons from forcing horizontal page overflow. */
.mva-content-shell,.mva-main,.mva-section,.mva-detail,.r18-story-detail{min-width:0}
.mva-detail-main,.r18-story-detail-main,.mva-feature-copy,.mva-library-copy{min-width:0}
.mva-detail h1,.r18-story-detail-main h1,.mva-library-title,.mva-book-title,.r18-story-card-copy strong{overflow-wrap:anywhere}
.mva-detail-actions,.r18-story-actions{max-width:100%}
.mva-readbtn,.mva-secondary-btn{max-width:100%;text-align:center}

/* Compact pagination remains usable with large archives. */
.mva-pagination{flex-wrap:wrap;padding-inline:8px}
.mva-pagination .dots{border-color:transparent;background:transparent;pointer-events:none}

/* Overlay panels remain inside small/mobile viewports. */
@media(max-width:680px){
 .mva-searchbox{max-height:calc(100dvh - 66px);overflow:auto;overscroll-behavior:contain}
 .mva-drawer-panel{max-width:calc(100vw - 36px)}
 .mva-category-inner .mva-all-genres span{display:inline!important}
}


/* ============================================================
   Read18Plus v3.5 — Reader / Detail / Featured final polish
   ============================================================ */

/* Featured dimensions are Admin-controlled independently for desktop and mobile. */
@media(min-width:681px){
 .mva-featured{width:var(--mva-feature-d-width)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
 .mva-feature{height:var(--mva-feature-d-height)!important;min-height:var(--mva-feature-d-height)!important;max-height:var(--mva-feature-d-height)!important}
 .mva-feature-media,.mva-feature-copy{height:100%!important;min-height:0!important;max-height:100%!important}
 .mva-feature-copy{overflow:hidden!important}
}
@media(max-width:680px){
 .mva-featured{width:var(--mva-feature-m-width)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
 .mva-feature{height:var(--mva-feature-m-height)!important;min-height:var(--mva-feature-m-height)!important;max-height:var(--mva-feature-m-height)!important}
 .mva-feature-media,.mva-feature-copy{height:100%!important;min-height:0!important;max-height:100%!important}
 .mva-feature-copy{overflow:hidden!important}
}

/* Manga title pages: every Chapter is visible; no faded preview / Show More state. */
.mva-chapter-list-all .mva-chapter{opacity:1!important;filter:none!important;transform:none!important}
.mva-chapter-list-all .mva-chapter[hidden]{display:grid!important}
.mva-chapter-list-all + .mva-chapter-more-wrap{display:none!important}

/* Professional related-title shelf at the true bottom of the title page. */
.mva-related-titles{margin:28px 0 -28px!important;border-top:1px solid var(--mva-border);background:#fff}
.mva-related-titles .mva-section-head{margin-bottom:14px}
.mva-related-titles .mva-section-head h2{font-size:20px}
.mva-related-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:980px){.mva-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){
 .mva-related-titles{margin:22px 0 -24px!important;padding-top:19px!important}
 .mva-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 9px}
}
@media(max-width:420px){.mva-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ============================================================
   Read18Plus v3.6 — Professional Text Story Reader
   ============================================================ */
.r18-story-reader-v36{
 --story-font:18px;
 --story-line:1.8;
 --story-width:760px;
 width:100%;
 max-width:none;
 margin:0;
 padding:0 0 28px;
 min-height:70vh;
 background:#fff!important;
 color:#242424;
}
.r18-story-reader-v36 .r18-reader-head{
 position:relative!important;
 top:auto!important;
 z-index:20;
 display:block;
 padding:0;
 border:0;
 border-bottom:1px solid #e8e8e8;
 background:#fff!important;
 backdrop-filter:none!important;
}
.r18-reader-head-main{
 width:min(calc(100% - 32px),1080px);
 min-height:62px;
 margin:0 auto;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
}
.r18-story-reader-v36 .r18-reader-title{
 flex:1 1 auto;
 min-width:0;
}
.r18-story-reader-v36 .r18-reader-title>a{
 display:block;
 color:#1f2022;
 font-size:13px;
 font-weight:800;
 line-height:1.2;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.r18-story-reader-v36 .r18-reader-title>span{
 display:block;
 margin-top:4px;
 color:#777b80;
 font-size:9px;
 line-height:1.3;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.r18-story-reader-v36 .r18-reader-episode-actions{
 flex:0 0 auto;
 display:flex;
 align-items:center;
 gap:6px;
 flex-wrap:nowrap;
}
.r18-story-reader-v36 .r18-reader-episode-actions a,
.r18-story-reader-v36 .r18-reader-episode-actions button{
 min-height:36px;
 padding:0 11px;
 border:1px solid #d9d9d9;
 border-radius:4px;
 background:#fff;
 color:#3e4145;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:5px;
 font-size:9px;
 font-weight:750;
 white-space:nowrap;
 font-family:inherit;
 transition:background .14s ease,border-color .14s ease,color .14s ease;
}
.r18-story-reader-v36 .r18-reader-episode-actions a:hover,
.r18-story-reader-v36 .r18-reader-episode-actions button:hover{
 background:#f8f8f8;
 border-color:#c9c9c9;
 color:#111;
}
.r18-story-reader-v36 .r18-reader-episode-actions svg{
 width:15px;
 height:15px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.8;
 stroke-linecap:round;
 stroke-linejoin:round;
}

/* Centered typography strip. */
.r18-reader-toolbar{
 min-height:50px;
 padding:7px 16px 8px;
 border-top:1px solid #f0f0f0;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:6px;
 flex-wrap:wrap;
 background:#fff;
}
.r18-reader-toolbar-label{
 margin-right:2px;
 color:#8a8d91;
 font-size:8px;
 font-weight:800;
 letter-spacing:.07em;
 text-transform:uppercase;
}
.r18-reader-size-group{
 display:grid;
 grid-template-columns:36px 42px 36px;
 min-height:36px;
 overflow:hidden;
 border:1px solid #d8d8d8;
 border-radius:4px;
 background:#fff;
}
.r18-reader-size-group button{
 border:0;
 background:#fff;
 color:#333;
 cursor:pointer;
 font-size:10px;
 font-weight:800;
}
.r18-reader-size-group button:hover{background:#f7f7f7}
.r18-reader-size-group output{
 display:flex;
 align-items:center;
 justify-content:center;
 border-left:1px solid #e3e3e3;
 border-right:1px solid #e3e3e3;
 color:#202124;
 font-size:9px;
 font-weight:800;
}
.r18-reader-setting,.r18-reader-reset{
 min-height:36px;
 padding:0 10px;
 border:1px solid #d8d8d8;
 border-radius:4px;
 background:#fff;
 color:#444;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:5px;
 cursor:pointer;
 font-size:8.5px;
 font-weight:750;
 white-space:nowrap;
}
.r18-reader-setting:hover,.r18-reader-reset:hover{background:#f7f7f7;border-color:#c9c9c9}
.r18-reader-setting output{color:#111;font-weight:850}
.r18-reader-reset svg{
 width:14px;height:14px;
 fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}

/* A very thin global reading progress indicator. */
.r18-story-reader-v36 .r18-reader-progress{
 position:fixed!important;
 top:0!important;
 left:0;
 right:0;
 z-index:110;
 height:2px;
 background:transparent;
 pointer-events:none;
}
.r18-story-reader-v36 .r18-reader-progress span{
 display:block;
 height:100%;
 width:0;
 background:var(--mva-accent);
 transition:width .08s linear;
}

.r18-reader-main{
 width:100%;
 margin:0;
 background:#fff;
}
.r18-story-reader-v36 .r18-reader-paper{
 width:min(calc(100% - 40px),var(--story-width));
 max-width:var(--story-width);
 margin:0 auto;
 padding:44px 0 38px;
 border:0!important;
 background:#fff!important;
 color:#242424!important;
 box-shadow:none!important;
}
.r18-story-reader-v36 .r18-reader-meta{
 margin:0 0 7px;
 color:var(--mva-accent);
 font-size:8px;
 font-weight:850;
 letter-spacing:.08em;
 text-transform:uppercase;
}
.r18-story-reader-v36 .r18-reader-paper h1{
 margin:0 0 30px;
 color:#17181a;
 font-size:31px;
 line-height:1.18;
 letter-spacing:-.015em;
}
.r18-story-reader-v36 .r18-reader-content{
 color:#292b2e;
 font-size:var(--story-font);
 line-height:var(--story-line);
 font-family:Georgia,"Times New Roman",serif;
 overflow-wrap:anywhere;
}
.r18-story-reader-v36 .r18-reader-content p{margin:0 0 1.35em}
.r18-story-reader-v36 .r18-reader-content h2,
.r18-story-reader-v36 .r18-reader-content h3{
 color:#1e2023;
 font-family:var(--mva-font);
 line-height:1.3;
 margin:1.65em 0 .72em;
}
.r18-story-reader-v36 .r18-reader-content blockquote{
 margin:1.5em 0;
 padding:1px 0 1px 18px;
 border-left:3px solid var(--mva-accent);
 color:#555a60;
}

/* Professional Previous / All Episodes / Next navigation. */
.r18-story-reader-v36 .r18-reader-nav{
 width:min(calc(100% - 40px),var(--story-width));
 max-width:var(--story-width);
 margin:0 auto;
 padding:22px 0 26px;
 border-top:1px solid #e8e8e8;
 display:grid;
 grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
 align-items:stretch;
 gap:8px;
}
.r18-reader-nav-card,.r18-reader-nav-all{
 min-width:0;
 min-height:64px;
 border:1px solid #dcdcdc;
 border-radius:5px;
 background:#fff;
 color:#303338;
 text-decoration:none;
 display:flex;
 align-items:center;
 gap:10px;
 font-family:inherit;
 cursor:pointer;
 transition:background .14s ease,border-color .14s ease,transform .14s ease;
}
.r18-reader-nav-card{padding:9px 12px}
.r18-reader-nav-card.next{justify-content:flex-end;text-align:right}
.r18-reader-nav-card:hover,.r18-reader-nav-all:hover{background:#f8f8f8;border-color:#c9c9c9}
.r18-reader-nav-card:active,.r18-reader-nav-all:active{transform:scale(.99)}
.r18-reader-nav-card.primary{
 background:#242424;
 border-color:#242424;
 color:#fff;
}
.r18-reader-nav-card.primary:hover{background:#151515;border-color:#151515}
.r18-reader-nav-card svg,.r18-reader-nav-all svg{
 width:18px;height:18px;flex:0 0 18px;
 fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.r18-reader-nav-copy{
 min-width:0;
 display:flex;
 flex-direction:column;
}
.r18-reader-nav-copy small{
 color:#878b90;
 font-size:7.5px;
 font-weight:800;
 letter-spacing:.04em;
 text-transform:uppercase;
}
.r18-reader-nav-card.primary .r18-reader-nav-copy small{color:#bfc2c5}
.r18-reader-nav-copy strong{
 margin-top:2px;
 font-size:10.5px;
 line-height:1.2;
}
.r18-reader-nav-copy em{
 margin-top:3px;
 max-width:100%;
 overflow:hidden;
 color:#7c8085;
 font-size:8px;
 font-style:normal;
 white-space:nowrap;
 text-overflow:ellipsis;
}
.r18-reader-nav-card.primary .r18-reader-nav-copy em{color:#c9cccf}
.r18-reader-nav-all{
 padding:0 13px;
 justify-content:center;
 flex-direction:column;
 gap:3px;
 font-size:8.5px;
 font-weight:800;
 white-space:nowrap;
}
.r18-reader-nav-all svg{width:19px;height:19px}
.r18-reader-nav-spacer{min-height:64px}

/* Manga-reader parity: Episodes open inside a searchable right-side panel. */
.story-episode-backdrop{
 position:fixed;inset:0;z-index:172;background:rgba(17,18,20,.38);opacity:0;visibility:hidden;pointer-events:none;
 transition:opacity .24s ease,visibility 0s linear .3s;backdrop-filter:blur(1px)
}
.story-episode-panel{
 position:fixed;z-index:173;top:0;right:0;bottom:0;width:min(410px,92vw);background:#fff;border-left:1px solid #e1e1e1;
 box-shadow:-18px 0 42px rgba(0,0,0,.14);transform:translate3d(104%,0,0);visibility:hidden;pointer-events:none;
 transition:transform .32s cubic-bezier(.16,1,.3,1),visibility 0s linear .34s;display:flex;flex-direction:column;
 padding-bottom:env(safe-area-inset-bottom);will-change:transform;color:#26282b
}
body.story-episodes-open{overflow:hidden!important}
body.story-episodes-open .story-episode-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s ease}
body.story-episodes-open .story-episode-panel{transform:translate3d(0,0,0);visibility:visible;pointer-events:auto;transition:transform .32s cubic-bezier(.16,1,.3,1),visibility 0s}
.story-episode-panel-head{min-height:58px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ececec;flex:0 0 auto}
.story-episode-panel-head strong{display:block;font-size:13px}.story-episode-panel-head small{display:block;margin-top:2px;color:#777;font-size:8.5px}
.story-episode-panel-close{width:34px;height:34px;border:1px solid #dedede;border-radius:2px;background:#fff;color:#222;font-size:19px;cursor:pointer}
.story-episode-search{padding:10px 12px;border-bottom:1px solid #ededed;flex:0 0 auto}
.story-episode-search input{width:100%;height:36px;border:1px solid #d7d7d7;border-radius:2px;background:#fff;color:#222;padding:0 10px;font-size:10px}
.story-episode-list{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:6px 9px 18px;flex:1 1 auto;scrollbar-width:thin;scrollbar-color:rgba(242,138,0,.85) rgba(0,0,0,.07)}
.story-episode-list::-webkit-scrollbar{width:7px}.story-episode-list::-webkit-scrollbar-track{background:rgba(0,0,0,.055)}.story-episode-list::-webkit-scrollbar-thumb{background:rgba(242,138,0,.86);border:2px solid #fff;border-radius:10px}
.story-episode-item{min-height:50px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #f0f0f0;color:#34373b;font-size:10px;transition:background .14s ease,color .14s ease}
.story-episode-item>span{min-width:0}.story-episode-item strong{display:block;font-size:10px}.story-episode-item small{display:block;margin-top:3px;overflow:hidden;color:#82868b;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.story-episode-item em{flex:0 0 auto;color:#969a9e;font-size:8px;font-style:normal}
.story-episode-item:hover{background:#fafafa;color:#111}.story-episode-item.current{background:#fff7eb;color:#a75b00}.story-episode-item.current em{color:#a75b00;font-weight:800}
.story-episode-empty{padding:24px 10px;text-align:center;color:#888;font-size:10px}
.story-episode-panel-foot{padding:10px 13px 12px;border-top:1px solid #ececec;background:#fafafa;flex:0 0 auto;color:#777;font-size:8px}.story-episode-panel-foot strong{color:#222}.story-episode-panel-foot small{display:block;margin-top:3px}

/* Retired theme UI can never recolor the v3.6 Story Reader. */
.r18-story-reader-v36[data-theme],
.r18-story-reader-v36[data-theme="sepia"],
.r18-story-reader-v36[data-theme="dark"]{background:#fff!important;color:#242424!important}
.r18-story-reader-v36[data-theme] .r18-reader-paper{background:#fff!important;color:#242424!important;border-color:#e7e7e7!important}

@media(max-width:900px){
 .r18-reader-head-main{width:min(calc(100% - 24px),1080px);min-height:58px;gap:10px}
 .r18-story-reader-v36 .r18-reader-episode-actions a,.r18-story-reader-v36 .r18-reader-episode-actions button{min-height:34px;padding:0 9px}
 .r18-reader-toolbar{padding-inline:10px}
}
@media(max-width:680px){
 .r18-story-reader-v36{padding-bottom:18px}
 .r18-reader-head-main{width:100%;min-height:56px;padding:7px 10px;gap:7px}
 .r18-story-reader-v36 .r18-reader-title>a{font-size:11.5px}
 .r18-story-reader-v36 .r18-reader-title>span{font-size:8px}
 .r18-story-reader-v36 .r18-reader-episode-actions{gap:4px}
 .r18-story-reader-v36 .r18-reader-episode-actions a,.r18-story-reader-v36 .r18-reader-episode-actions button{
  width:36px;height:36px;min-height:36px;padding:0;border-radius:4px;
 }
 .r18-story-reader-v36 .r18-reader-episode-actions a span,.r18-story-reader-v36 .r18-reader-episode-actions button span{display:none}
 .r18-story-reader-v36 .r18-reader-episode-actions svg{width:17px;height:17px}

 .r18-reader-toolbar{
  min-height:48px;
  padding:6px 8px 7px;
  gap:4px;
  flex-wrap:nowrap;
  justify-content:center;
  overflow-x:auto;
  scrollbar-width:none;
 }
 .r18-reader-toolbar::-webkit-scrollbar{display:none}
 .r18-reader-toolbar-label{display:none}
 .r18-reader-size-group{grid-template-columns:34px 38px 34px;min-height:34px;flex:0 0 auto}
 .r18-reader-setting,.r18-reader-reset{min-height:34px;padding:0 8px;flex:0 0 auto}
 .r18-reader-reset span{display:none}
 .r18-reader-reset{width:34px;padding:0}

 .r18-story-reader-v36 .r18-reader-paper{
  width:100%;
  max-width:none;
  margin:0;
  padding:31px 18px 30px;
 }
 .r18-story-reader-v36 .r18-reader-paper h1{font-size:25px;margin-bottom:24px}
 .r18-story-reader-v36 .r18-reader-content{font-size:var(--story-font)}

 .r18-story-reader-v36 .r18-reader-nav{
  width:100%;
  max-width:none;
  padding:16px 10px 20px;
  grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);
  gap:5px;
 }
 .r18-reader-nav-card{min-height:54px;padding:7px 8px;gap:6px}
 .r18-reader-nav-card svg{width:16px;height:16px;flex-basis:16px}
 .r18-reader-nav-copy small{font-size:6.5px}
 .r18-reader-nav-copy strong{font-size:9px}
 .r18-reader-nav-copy em{display:none}
 .r18-reader-nav-all{min-height:54px;width:46px;padding:0;gap:2px}
 .r18-reader-nav-all span{display:none}
 .r18-reader-nav-all svg{width:18px;height:18px}
 .r18-reader-nav-spacer{min-height:54px}
 .story-episode-panel{width:min(88vw,360px);max-width:360px}

}

@media(prefers-reduced-motion:reduce){.story-episode-backdrop,.story-episode-panel{transition:none!important}}


/* v3.7 — Story rankings are main Story records only. */
.r18-story-rank-item .mva-rank-copy small{white-space:normal}
.r18-story-ranking-shell .mva-ranking-panel[hidden]{display:none!important}

/* ============================================================
   Read18Plus v4.0 — Professional Featured Hero
   Restores the balanced hero composition while retaining Admin
   width/height controls and proportional, readable scaling.
   ============================================================ */
.mva-featured{
 border:1px solid #dedede!important;
 border-radius:5px!important;
 background:#fff!important;
 overflow:hidden!important;
 box-shadow:0 1px 0 rgba(0,0,0,.02)!important;
}
.mva-featured-track{height:100%!important}
.mva-feature{background:#fff!important;overflow:hidden!important}
.mva-feature-media{position:relative!important;overflow:hidden!important;background:#f0f0f0!important}
.mva-feature-media img{
 display:block!important;width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:center 38%!important;
 transform:none!important;
}
.mva-feature-copy{
 min-width:0!important;justify-content:center!important;align-items:flex-start!important;
 border-left:1px solid #ededed!important;background:#fff!important;
}
.mva-feature-text{width:100%!important;min-width:0!important}
.mva-feature-label{
 display:inline-flex!important;width:max-content!important;align-items:center!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 color:var(--mva-accent)!important;font-weight:850!important;letter-spacing:.075em!important;
 line-height:1!important;text-transform:uppercase!important;
}
.mva-feature-copy h2{
 display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
 overflow:hidden!important;white-space:normal!important;overflow-wrap:anywhere!important;
 color:#1d1f21!important;font-weight:800!important;letter-spacing:-.35px!important;
}
.mva-feature-copy p{
 display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
 color:#666b70!important;font-weight:400!important;
}
.mva-feature-copy .mva-primary-link{
 flex:0 0 auto!important;width:max-content!important;max-width:100%!important;
 white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;
 border-radius:2px!important;background:#202124!important;color:#fff!important;
 justify-content:center!important;line-height:1!important;
}
.mva-feature-copy .mva-primary-link:hover{background:var(--mva-accent)!important}
.mva-feature-copy .mva-primary-link svg{flex:0 0 auto!important}
.mva-feature-arrow{display:none!important}

@media(min-width:981px){
 .mva-featured{
  width:var(--mva-feature-d-width)!important;max-width:100%!important;
  margin:10px auto 22px!important;height:var(--mva-feature-d-height)!important;
 }
 .mva-feature{
  height:100%!important;min-height:0!important;max-height:none!important;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr)!important;
 }
 .mva-feature-media,.mva-feature-copy{height:100%!important;min-height:0!important;max-height:none!important}
 .mva-feature-copy{padding:var(--mva-feature-d-copy-py) var(--mva-feature-d-copy-px)!important;overflow:hidden!important}
 .mva-feature-label{min-height:var(--mva-feature-d-label-h)!important;padding:0!important;font-size:var(--mva-feature-d-label-font)!important}
 .mva-feature-copy h2{font-size:var(--mva-feature-d-title)!important;line-height:1.09!important;margin:var(--mva-feature-d-title-mt) 0 var(--mva-feature-d-title-mb)!important}
 .mva-feature-copy p{font-size:var(--mva-feature-d-desc)!important;line-height:1.48!important;-webkit-line-clamp:3!important;margin:0 0 var(--mva-feature-d-desc-mb)!important}
 .mva-feature-copy .mva-primary-link{min-height:var(--mva-feature-d-button-h)!important;padding:0 var(--mva-feature-d-button-px)!important;font-size:var(--mva-feature-d-button-font)!important;gap:6px!important}
 .mva-feature-copy .mva-primary-link svg{width:var(--mva-feature-d-icon)!important;height:var(--mva-feature-d-icon)!important}
 .mva-feature-dots{display:none!important}
}
@media(min-width:681px) and (max-width:980px){
 .mva-featured{
  width:var(--mva-feature-d-width)!important;max-width:100%!important;
  margin:8px auto 19px!important;height:var(--mva-feature-d-height)!important;
 }
 .mva-feature{height:100%!important;min-height:0!important;grid-template-columns:minmax(0,1.08fr) minmax(290px,.92fr)!important}
 .mva-feature-media,.mva-feature-copy{height:100%!important;min-height:0!important}
 .mva-feature-copy{padding:var(--mva-feature-d-copy-py) var(--mva-feature-d-copy-px)!important;overflow:hidden!important}
 .mva-feature-label{font-size:var(--mva-feature-d-label-font)!important;min-height:var(--mva-feature-d-label-h)!important}
 .mva-feature-copy h2{font-size:var(--mva-feature-d-title)!important;line-height:1.1!important;margin:6px 0 8px!important}
 .mva-feature-copy p{font-size:var(--mva-feature-d-desc)!important;line-height:1.46!important;-webkit-line-clamp:3!important;margin:0 0 12px!important}
 .mva-feature-copy .mva-primary-link{min-height:calc(var(--mva-feature-d-button-h) * .92)!important;padding:0 calc(var(--mva-feature-d-button-px) * .9)!important;font-size:calc(var(--mva-feature-d-button-font) * .95)!important}
 .mva-feature-dots{display:none!important}
}
@media(max-width:680px){
 .mva-featured{
  width:var(--mva-feature-m-width)!important;max-width:100%!important;
  margin:6px auto 15px!important;height:var(--mva-feature-m-height)!important;
  border-radius:4px!important;
 }
 .mva-feature{
  height:100%!important;min-height:0!important;max-height:none!important;
  grid-template-columns:var(--mva-feature-m-media) minmax(0,1fr)!important;
 }
 .mva-feature-media,.mva-feature-copy{height:100%!important;min-height:0!important;max-height:none!important}
 .mva-feature-media img{object-position:center 38%!important}
 .mva-feature-copy{padding:var(--mva-feature-m-copy-pt) var(--mva-feature-m-copy-px) var(--mva-feature-m-copy-pb)!important;overflow:hidden!important}
 .mva-feature-label{min-height:var(--mva-feature-m-label-h)!important;padding:0!important;font-size:var(--mva-feature-m-label-font)!important}
 .mva-feature-copy h2{font-size:var(--mva-feature-m-title)!important;line-height:1.12!important;margin:var(--mva-feature-m-title-mt) 0 var(--mva-feature-m-title-mb)!important;-webkit-line-clamp:2!important}
 .mva-feature-copy p{font-size:var(--mva-feature-m-desc)!important;line-height:1.42!important;margin:0 0 var(--mva-feature-m-desc-mb)!important;-webkit-line-clamp:3!important}
 .mva-feature-copy .mva-primary-link{min-height:var(--mva-feature-m-button-h)!important;padding:0 var(--mva-feature-m-button-px)!important;font-size:var(--mva-feature-m-button-font)!important;gap:5px!important}
 .mva-feature-copy .mva-primary-link svg{width:var(--mva-feature-m-icon)!important;height:var(--mva-feature-m-icon)!important}
 .mva-feature-dots{bottom:5px!important;gap:5px!important}
 .mva-feature-dots button{width:6px!important;height:6px!important}
}


/* ============================================================
   Read18Plus v4.1 — Restore v2.5/v3.0 Professional Featured
   Keeps Admin width/height controls without the tiny v4.0 UI.
   ============================================================ */
.mva-featured{
 position:relative!important;
 border:1px solid #dedede!important;
 border-radius:4px!important;
 background:#fff!important;
 overflow:hidden!important;
 box-shadow:none!important;
 touch-action:pan-y!important;
}
.mva-featured-track{
 display:flex!important;
 height:100%!important;
 cursor:grab!important;
 user-select:none!important;
 -webkit-user-select:none!important;
 touch-action:pan-y!important;
}
.mva-featured-track.is-dragging{cursor:grabbing!important}
.mva-featured-track.is-dragging a{pointer-events:none!important}
.mva-feature{
 min-width:100%!important;
 background:#fff!important;
 overflow:hidden!important;
}
.mva-feature-media{
 display:block!important;
 position:relative!important;
 min-width:0!important;
 overflow:hidden!important;
 background:#eee!important;
}
.mva-feature-media img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
 object-position:center 36%!important;
 transform:none!important;
 user-select:none!important;
 -webkit-user-drag:none!important;
}
.mva-feature-copy{
 min-width:0!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
 align-items:flex-start!important;
 border-left:1px solid #ededed!important;
 background:#fff!important;
 overflow:hidden!important;
}
.mva-feature-text{width:100%!important;min-width:0!important}
.mva-feature-label{
 display:inline-flex!important;
 width:max-content!important;
 min-width:0!important;
 align-items:center!important;
 justify-content:center!important;
 padding:0 var(--mva-feature-d-label-px)!important;
 border:1px solid #f0d7af!important;
 border-radius:999px!important;
 background:#fff8ed!important;
 color:#c87300!important;
 font-weight:800!important;
 letter-spacing:.055em!important;
 line-height:1!important;
 text-transform:uppercase!important;
 white-space:nowrap!important;
}
.mva-feature-copy h2{
 display:block!important;
 overflow:visible!important;
 -webkit-line-clamp:unset!important;
 -webkit-box-orient:initial!important;
 white-space:normal!important;
 overflow-wrap:anywhere!important;
 color:#1f2022!important;
 font-weight:800!important;
 line-height:1.08!important;
 letter-spacing:-.45px!important;
}
.mva-feature-copy p{
 display:-webkit-box!important;
 -webkit-box-orient:vertical!important;
 -webkit-line-clamp:3!important;
 overflow:hidden!important;
 color:#62666b!important;
 line-height:1.55!important;
 font-weight:400!important;
}
.mva-feature-copy .mva-primary-link{
 display:inline-flex!important;
 flex:0 0 auto!important;
 width:max-content!important;
 max-width:100%!important;
 align-items:center!important;
 justify-content:center!important;
 gap:7px!important;
 border-radius:0!important;
 background:#202124!important;
 color:#fff!important;
 font-weight:700!important;
 line-height:1!important;
 white-space:nowrap!important;
 word-break:normal!important;
 overflow-wrap:normal!important;
}
.mva-feature-copy .mva-primary-link:hover{background:var(--mva-accent)!important}
.mva-feature-copy .mva-primary-link svg{flex:0 0 auto!important}
.mva-feature-arrow{display:none!important}

@media(min-width:981px){
 .mva-featured{
  width:min(var(--mva-feature-d-width),calc(100% - 24px))!important;
  max-width:none!important;
  height:var(--mva-feature-d-height)!important;
  margin:10px auto 22px!important;
 }
 .mva-feature{
  height:100%!important;
  min-height:0!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
 }
 .mva-feature-media,.mva-feature-copy{
  height:100%!important;
  min-height:0!important;
 }
 .mva-feature-copy{
  padding:var(--mva-feature-d-copy-py) var(--mva-feature-d-copy-px)!important;
 }
 .mva-feature-label{
  min-height:var(--mva-feature-d-label-h)!important;
  padding-inline:var(--mva-feature-d-label-px)!important;
  font-size:var(--mva-feature-d-label-font)!important;
 }
 .mva-feature-copy h2{
  margin:8px 0 9px!important;
  font-size:var(--mva-feature-d-title)!important;
 }
 .mva-feature-copy p{
  margin:0 0 14px!important;
  font-size:var(--mva-feature-d-desc)!important;
 }
 .mva-feature-copy .mva-primary-link{
  min-height:var(--mva-feature-d-button-h)!important;
  padding:0 var(--mva-feature-d-button-px)!important;
  font-size:var(--mva-feature-d-button-font)!important;
 }
 .mva-feature-copy .mva-primary-link svg{
  width:var(--mva-feature-d-icon)!important;
  height:var(--mva-feature-d-icon)!important;
 }
 .mva-feature-dots{display:none!important}
}

@media(min-width:681px) and (max-width:980px){
 .mva-featured{
  width:min(var(--mva-feature-d-width),calc(100% - 20px))!important;
  max-width:none!important;
  height:var(--mva-feature-d-height)!important;
  margin:8px auto 19px!important;
 }
 .mva-feature{
  height:100%!important;
  min-height:0!important;
  grid-template-columns:minmax(0,1.08fr) minmax(285px,.92fr)!important;
 }
 .mva-feature-media,.mva-feature-copy{height:100%!important;min-height:0!important}
 .mva-feature-copy{
  padding:calc(var(--mva-feature-d-copy-py) * .92) calc(var(--mva-feature-d-copy-px) * .88)!important;
 }
 .mva-feature-label{
  min-height:var(--mva-feature-d-label-h)!important;
  padding-inline:var(--mva-feature-d-label-px)!important;
  font-size:var(--mva-feature-d-label-font)!important;
 }
 .mva-feature-copy h2{
  margin:7px 0 8px!important;
  font-size:calc(var(--mva-feature-d-title) * .92)!important;
 }
 .mva-feature-copy p{
  margin:0 0 12px!important;
  font-size:var(--mva-feature-d-desc)!important;
 }
 .mva-feature-copy .mva-primary-link{
  min-height:calc(var(--mva-feature-d-button-h) * .94)!important;
  padding:0 calc(var(--mva-feature-d-button-px) * .92)!important;
  font-size:var(--mva-feature-d-button-font)!important;
 }
 .mva-feature-dots{display:none!important}
}

@media(max-width:680px){
 .mva-featured{
  width:min(var(--mva-feature-m-width),calc(100% - 16px))!important;
  max-width:none!important;
  height:var(--mva-feature-m-height)!important;
  margin:6px auto 15px!important;
 }
 .mva-feature{
  height:100%!important;
  min-height:0!important;
  grid-template-columns:var(--mva-feature-m-media) minmax(0,1fr)!important;
 }
 .mva-feature-media,.mva-feature-copy{height:100%!important;min-height:0!important}
 .mva-feature-media img{object-position:center 36%!important}
 .mva-feature-copy{
  padding:var(--mva-feature-m-copy-pt) var(--mva-feature-m-copy-px) var(--mva-feature-m-copy-pb)!important;
 }
 .mva-feature-label{
  min-height:var(--mva-feature-m-label-h)!important;
  padding-inline:var(--mva-feature-m-label-px)!important;
  font-size:var(--mva-feature-m-label-font)!important;
 }
 .mva-feature-copy h2{
  margin:5px 0 6px!important;
  font-size:var(--mva-feature-m-title)!important;
  line-height:1.12!important;
 }
 .mva-feature-copy p{
  margin:0 0 8px!important;
  font-size:var(--mva-feature-m-desc)!important;
  line-height:1.45!important;
  -webkit-line-clamp:4!important;
 }
 .mva-feature-copy .mva-primary-link{
  min-height:var(--mva-feature-m-button-h)!important;
  padding:0 var(--mva-feature-m-button-px)!important;
  font-size:var(--mva-feature-m-button-font)!important;
  gap:5px!important;
 }
 .mva-feature-copy .mva-primary-link svg{
  width:var(--mva-feature-m-icon)!important;
  height:var(--mva-feature-m-icon)!important;
 }
 .mva-feature-dots{bottom:5px!important;gap:5px!important}
 .mva-feature-dots button{width:6px!important;height:6px!important}
}


/* ============================================================
   Read18Plus v4.2 — Stable Featured UI Lock
   Goal: keep the "old professional" hero layout consistently on
   mobile, tablet and desktop; prevent the broken stacked variant.
   ============================================================ */
.mva-home .mva-featured,
body.home .mva-featured{
  background:#fff!important;
  border:1px solid #dedede!important;
  border-radius:4px!important;
  overflow:hidden!important;
}

.mva-home .mva-featured-track,
body.home .mva-featured-track{
  display:flex!important;
  height:100%!important;
}

.mva-home .mva-feature,
body.home .mva-feature{
  display:grid!important;
  width:100%!important;
  min-width:100%!important;
  background:#fff!important;
  overflow:hidden!important;
  align-items:stretch!important;
}

.mva-home .mva-feature > .mva-feature-media,
body.home .mva-feature > .mva-feature-media{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  background:#f2f2f2!important;
}

.mva-home .mva-feature > .mva-feature-copy,
body.home .mva-feature > .mva-feature-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  overflow:hidden!important;
  border-left:1px solid #ededed!important;
  background:#fff!important;
}

.mva-home .mva-feature-media img,
body.home .mva-feature-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 36%!important;
}

.mva-home .mva-feature-text,
body.home .mva-feature-text{
  width:100%!important;
  min-width:0!important;
}

.mva-home .mva-feature-label,
body.home .mva-feature-label{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #f0d7af!important;
  border-radius:999px!important;
  background:#fff8ed!important;
  color:#c87300!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.mva-home .mva-feature-copy h2,
body.home .mva-feature-copy h2{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  color:#1f2022!important;
  font-weight:800!important;
}

.mva-home .mva-feature-copy p,
body.home .mva-feature-copy p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:#666b70!important;
}

.mva-home .mva-feature-copy .mva-primary-link,
body.home .mva-feature-copy .mva-primary-link{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:138px!important;
  max-width:100%!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:#202124!important;
  color:#fff!important;
  border-radius:0!important;
}

.mva-home .mva-feature-copy .mva-primary-link span,
body.home .mva-feature-copy .mva-primary-link span,
.mva-home .mva-feature-copy .mva-primary-link strong,
body.home .mva-feature-copy .mva-primary-link strong{
  display:inline!important;
  white-space:nowrap!important;
}

.mva-home .mva-feature-copy .mva-primary-link svg,
body.home .mva-feature-copy .mva-primary-link svg{
  flex:0 0 auto!important;
}

.mva-home .mva-feature-arrow,
body.home .mva-feature-arrow{display:none!important}

@media (min-width: 981px){
  .mva-home .mva-featured,
  body.home .mva-featured{
    width:min(var(--mva-feature-d-width), calc(100% - 24px))!important;
    height:var(--mva-feature-d-height)!important;
    margin:10px auto 22px!important;
  }

  .mva-home .mva-feature,
  body.home .mva-feature{
    grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr)!important;
    height:100%!important;
  }

  .mva-home .mva-feature > .mva-feature-media,
  .mva-home .mva-feature > .mva-feature-copy,
  body.home .mva-feature > .mva-feature-media,
  body.home .mva-feature > .mva-feature-copy{
    height:100%!important;
  }

  .mva-home .mva-feature > .mva-feature-copy,
  body.home .mva-feature > .mva-feature-copy{
    padding:var(--mva-feature-d-copy-py) var(--mva-feature-d-copy-px)!important;
  }

  .mva-home .mva-feature-label,
  body.home .mva-feature-label{
    min-height:var(--mva-feature-d-label-h)!important;
    padding-inline:var(--mva-feature-d-label-px)!important;
    font-size:var(--mva-feature-d-label-font)!important;
  }

  .mva-home .mva-feature-copy h2,
  body.home .mva-feature-copy h2{
    margin:8px 0 9px!important;
    font-size:var(--mva-feature-d-title)!important;
    line-height:1.08!important;
  }

  .mva-home .mva-feature-copy p,
  body.home .mva-feature-copy p{
    -webkit-line-clamp:3!important;
    margin:0 0 14px!important;
    font-size:var(--mva-feature-d-desc)!important;
    line-height:1.55!important;
  }

  .mva-home .mva-feature-copy .mva-primary-link,
  body.home .mva-feature-copy .mva-primary-link{
    min-height:var(--mva-feature-d-button-h)!important;
    padding:0 var(--mva-feature-d-button-px)!important;
    font-size:var(--mva-feature-d-button-font)!important;
  }

  .mva-home .mva-feature-copy .mva-primary-link svg,
  body.home .mva-feature-copy .mva-primary-link svg{
    width:var(--mva-feature-d-icon)!important;
    height:var(--mva-feature-d-icon)!important;
  }

  .mva-home .mva-feature-dots,
  body.home .mva-feature-dots{display:none!important}
}

@media (min-width: 681px) and (max-width: 980px){
  .mva-home .mva-featured,
  body.home .mva-featured{
    width:min(var(--mva-feature-d-width), calc(100% - 20px))!important;
    height:var(--mva-feature-d-height)!important;
    margin:8px auto 19px!important;
  }

  .mva-home .mva-feature,
  body.home .mva-feature{
    grid-template-columns:minmax(0,1.08fr) minmax(285px,.92fr)!important;
    height:100%!important;
  }

  .mva-home .mva-feature > .mva-feature-media,
  .mva-home .mva-feature > .mva-feature-copy,
  body.home .mva-feature > .mva-feature-media,
  body.home .mva-feature > .mva-feature-copy{
    height:100%!important;
  }

  .mva-home .mva-feature > .mva-feature-copy,
  body.home .mva-feature > .mva-feature-copy{
    padding:calc(var(--mva-feature-d-copy-py) * .92) calc(var(--mva-feature-d-copy-px) * .88)!important;
  }

  .mva-home .mva-feature-label,
  body.home .mva-feature-label{
    min-height:var(--mva-feature-d-label-h)!important;
    padding-inline:var(--mva-feature-d-label-px)!important;
    font-size:var(--mva-feature-d-label-font)!important;
  }

  .mva-home .mva-feature-copy h2,
  body.home .mva-feature-copy h2{
    margin:7px 0 8px!important;
    font-size:calc(var(--mva-feature-d-title) * .92)!important;
    line-height:1.1!important;
  }

  .mva-home .mva-feature-copy p,
  body.home .mva-feature-copy p{
    -webkit-line-clamp:3!important;
    margin:0 0 12px!important;
    font-size:var(--mva-feature-d-desc)!important;
    line-height:1.5!important;
  }

  .mva-home .mva-feature-copy .mva-primary-link,
  body.home .mva-feature-copy .mva-primary-link{
    min-height:calc(var(--mva-feature-d-button-h) * .94)!important;
    padding:0 calc(var(--mva-feature-d-button-px) * .92)!important;
    font-size:var(--mva-feature-d-button-font)!important;
  }

  .mva-home .mva-feature-dots,
  body.home .mva-feature-dots{display:none!important}
}

@media (max-width: 680px){
  .mva-home .mva-featured,
  body.home .mva-featured{
    width:min(var(--mva-feature-m-width), calc(100% - 16px))!important;
    height:var(--mva-feature-m-height)!important;
    margin:6px auto 15px!important;
  }

  .mva-home .mva-feature,
  body.home .mva-feature{
    grid-template-columns:minmax(104px, 30%) minmax(0, 1fr)!important;
    height:100%!important;
  }

  .mva-home .mva-feature > .mva-feature-media,
  .mva-home .mva-feature > .mva-feature-copy,
  body.home .mva-feature > .mva-feature-media,
  body.home .mva-feature > .mva-feature-copy{
    height:100%!important;
  }

  .mva-home .mva-feature > .mva-feature-copy,
  body.home .mva-feature > .mva-feature-copy{
    padding:var(--mva-feature-m-copy-pt) var(--mva-feature-m-copy-px) var(--mva-feature-m-copy-pb)!important;
  }

  .mva-home .mva-feature-label,
  body.home .mva-feature-label{
    min-height:var(--mva-feature-m-label-h)!important;
    padding-inline:var(--mva-feature-m-label-px)!important;
    font-size:var(--mva-feature-m-label-font)!important;
  }

  .mva-home .mva-feature-copy h2,
  body.home .mva-feature-copy h2{
    margin:5px 0 6px!important;
    font-size:var(--mva-feature-m-title)!important;
    line-height:1.12!important;
  }

  .mva-home .mva-feature-copy p,
  body.home .mva-feature-copy p{
    -webkit-line-clamp:3!important;
    margin:0 0 8px!important;
    font-size:var(--mva-feature-m-desc)!important;
    line-height:1.45!important;
  }

  .mva-home .mva-feature-copy .mva-primary-link,
  body.home .mva-feature-copy .mva-primary-link{
    min-height:var(--mva-feature-m-button-h)!important;
    min-width:122px!important;
    padding:0 var(--mva-feature-m-button-px)!important;
    font-size:var(--mva-feature-m-button-font)!important;
  }

  .mva-home .mva-feature-copy .mva-primary-link svg,
  body.home .mva-feature-copy .mva-primary-link svg{
    width:var(--mva-feature-m-icon)!important;
    height:var(--mva-feature-m-icon)!important;
  }

  .mva-home .mva-feature-dots,
  body.home .mva-feature-dots{
    bottom:5px!important;
    gap:5px!important;
  }

  .mva-home .mva-feature-dots button,
  body.home .mva-feature-dots button{
    width:6px!important;
    height:6px!important;
  }
}


/* ============================================================
   Read18Plus v4.3 — EXACT v2.5 Featured reference lock
   Source: user-supplied read18plus-catalog-v2.5 theme.
   Exact v2.5 visual proportions are preserved; only the outer
   width/height use the current Admin controls.
   ============================================================ */

body.home .mva-featured,
.mva-home .mva-featured{
 max-width:min(1040px,calc(100% - 28px))!important;
 width:min(var(--mva-feature-d-width),calc(100% - 28px))!important;
 height:var(--mva-feature-d-height)!important;
 margin:10px auto 22px!important;
 border:1px solid #dedede!important;
 border-radius:4px!important;
 overflow:hidden!important;
 touch-action:pan-y!important;
 background:#fff!important;
 box-shadow:none!important;
}
body.home .mva-featured-track,
.mva-home .mva-featured-track{
 display:flex!important;
 height:100%!important;
 cursor:grab!important;
 user-select:none!important;
 -webkit-user-select:none!important;
 touch-action:pan-y!important;
}
body.home .mva-featured-track.is-dragging,
.mva-home .mva-featured-track.is-dragging{cursor:grabbing!important}
body.home .mva-featured-track.is-dragging a,
.mva-home .mva-featured-track.is-dragging a{pointer-events:none!important}

body.home .mva-feature,
.mva-home .mva-feature{
 display:grid!important;
 min-width:100%!important;
 width:100%!important;
 height:100%!important;
 min-height:0!important;
 grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)!important;
 background:#fff!important;
 overflow:hidden!important;
}
body.home .mva-feature-media,
.mva-home .mva-feature-media{
 display:block!important;
 height:100%!important;
 min-height:0!important;
 background:#eee!important;
 overflow:hidden!important;
}
body.home .mva-feature-media img,
.mva-home .mva-feature-media img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
 object-position:center center!important;
 user-select:none!important;
 -webkit-user-drag:none!important;
 transform:none!important;
}
body.home .mva-feature-copy,
.mva-home .mva-feature-copy{
 height:100%!important;
 min-height:0!important;
 padding:24px 26px!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
 align-items:flex-start!important;
 min-width:0!important;
 overflow:hidden!important;
 border-left:1px solid #ededed!important;
 background:#fff!important;
}
body.home .mva-feature-text,
.mva-home .mva-feature-text{width:100%!important;min-width:0!important}
body.home .mva-feature-label,
.mva-home .mva-feature-label{
 display:inline-flex!important;
 width:max-content!important;
 max-width:100%!important;
 min-height:21px!important;
 align-items:center!important;
 padding:0 7px!important;
 border:1px solid #f0d7af!important;
 background:#fff8ed!important;
 color:#c87300!important;
 border-radius:999px!important;
 font-size:8px!important;
 font-weight:800!important;
 letter-spacing:.055em!important;
 line-height:1!important;
 white-space:nowrap!important;
 text-transform:uppercase!important;
}
body.home .mva-feature-copy h2,
.mva-home .mva-feature-copy h2{
 display:block!important;
 overflow:visible!important;
 -webkit-line-clamp:unset!important;
 -webkit-box-orient:initial!important;
 white-space:normal!important;
 overflow-wrap:anywhere!important;
 font-size:clamp(22px,2.25vw,30px)!important;
 line-height:1.08!important;
 margin:8px 0 9px!important;
 letter-spacing:-.45px!important;
 color:#1f2022!important;
 font-weight:800!important;
}
body.home .mva-feature-copy p,
.mva-home .mva-feature-copy p{
 display:-webkit-box!important;
 -webkit-box-orient:vertical!important;
 -webkit-line-clamp:3!important;
 overflow:hidden!important;
 font-size:10.5px!important;
 line-height:1.55!important;
 margin:0 0 14px!important;
 color:#62666b!important;
}
body.home .mva-feature-copy .mva-primary-link,
.mva-home .mva-feature-copy .mva-primary-link{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:5px!important;
 width:max-content!important;
 min-width:0!important;
 max-width:100%!important;
 min-height:33px!important;
 padding:0 11px!important;
 font-size:9.5px!important;
 font-weight:700!important;
 line-height:1!important;
 white-space:nowrap!important;
 word-break:normal!important;
 overflow-wrap:normal!important;
 background:#202124!important;
 color:#fff!important;
 border-radius:0!important;
}
body.home .mva-feature-copy .mva-primary-link svg,
.mva-home .mva-feature-copy .mva-primary-link svg{
 width:12px!important;
 height:12px!important;
 flex:0 0 auto!important;
}
body.home .mva-feature-copy .mva-primary-link:hover,
.mva-home .mva-feature-copy .mva-primary-link:hover{background:var(--mva-accent)!important}
body.home .mva-feature-arrow,
.mva-home .mva-feature-arrow{display:none!important}
@media(min-width:681px){
 body.home .mva-feature-dots,
 .mva-home .mva-feature-dots{display:none!important}
}

@media(max-width:680px){
 body.home .mva-featured,
 .mva-home .mva-featured{
  max-width:calc(100% - 16px)!important;
  width:min(var(--mva-feature-m-width),calc(100% - 16px))!important;
  height:var(--mva-feature-m-height)!important;
  margin:6px auto 15px!important;
 }
 body.home .mva-feature,
 .mva-home .mva-feature{
  grid-template-columns:106px minmax(0,1fr)!important;
  height:100%!important;
  min-height:0!important;
 }
 body.home .mva-feature-media,
 .mva-home .mva-feature-media{
  height:100%!important;
  min-height:0!important;
 }
 body.home .mva-feature-copy,
 .mva-home .mva-feature-copy{
  height:100%!important;
  min-height:0!important;
  padding:13px 11px 17px!important;
 }
 body.home .mva-feature-label,
 .mva-home .mva-feature-label{
  min-height:18px!important;
  padding:0 5px!important;
  font-size:6.8px!important;
 }
 body.home .mva-feature-copy h2,
 .mva-home .mva-feature-copy h2{
  font-size:16px!important;
  line-height:1.12!important;
  margin:5px 0 6px!important;
 }
 body.home .mva-feature-copy p,
 .mva-home .mva-feature-copy p{
  font-size:8.6px!important;
  line-height:1.45!important;
  -webkit-line-clamp:4!important;
  margin-bottom:8px!important;
 }
 body.home .mva-feature-copy .mva-primary-link,
 .mva-home .mva-feature-copy .mva-primary-link{
  min-height:31px!important;
  padding:0 9px!important;
  font-size:9px!important;
  gap:5px!important;
 }
 body.home .mva-feature-copy .mva-primary-link svg,
 .mva-home .mva-feature-copy .mva-primary-link svg{
  width:12px!important;
  height:12px!important;
 }
 body.home .mva-feature-dots,
 .mva-home .mva-feature-dots{
  display:flex!important;
  bottom:5px!important;
  gap:5px!important;
 }
 body.home .mva-feature-dots button,
 .mva-home .mva-feature-dots button{
  width:6px!important;
  height:6px!important;
 }
}

/* ============================================================
   Read18Plus v4.4 — Adaptive Professional Manga Featured Hero
   Portrait covers are never treated like wide banners.
   ============================================================ */
.mva-featured-adaptive{
 position:relative!important;
 width:min(var(--mva-feature-d-width),calc(100% - 24px))!important;
 height:var(--mva-feature-d-height)!important;
 margin:10px auto 24px!important;
 border:1px solid #e1e3e6!important;
 border-radius:8px!important;
 background:#fff!important;
 overflow:hidden!important;
 box-shadow:0 1px 2px rgba(18,22,28,.04)!important;
}
.mva-featured-adaptive .mva-featured-track{
 display:flex!important;
 width:100%!important;
 height:100%!important;
 cursor:grab!important;
 touch-action:pan-y!important;
}
.mva-featured-adaptive .mva-featured-track.is-dragging{cursor:grabbing!important}
.mva-featured-adaptive .mva-feature{
 display:grid!important;
 min-width:100%!important;
 width:100%!important;
 height:100%!important;
 min-height:0!important;
 align-items:stretch!important;
 background:#fff!important;
 overflow:hidden!important;
}
.mva-featured-adaptive .mva-feature--cover{
 grid-template-columns:44% 56%!important;
}
.mva-featured-adaptive .mva-feature--banner{
 grid-template-columns:52% 48%!important;
}
.mva-featured-adaptive .mva-feature-media{
 position:relative!important;
 display:grid!important;
 place-items:center!important;
 width:100%!important;
 min-width:0!important;
 height:100%!important;
 min-height:0!important;
 overflow:hidden!important;
 isolation:isolate!important;
 background:#f3f4f5!important;
 border:0!important;
}
.mva-featured-adaptive .mva-feature-media::after{
 content:"";
 position:absolute;
 inset:0;
 z-index:3;
 pointer-events:none;
 box-shadow:inset -1px 0 0 rgba(255,255,255,.72);
}
.mva-featured-adaptive .mva-feature-wide{
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
 object-position:center 35%!important;
 transform:none!important;
}
.mva-featured-adaptive .mva-feature-cover-backdrop{
 position:absolute;
 inset:-18px;
 z-index:0;
 background-position:center 38%;
 background-size:cover;
 filter:blur(18px) saturate(.86);
 transform:scale(1.08);
 opacity:.42;
}
.mva-featured-adaptive .mva-feature-cover-shade{
 position:absolute;
 inset:0;
 z-index:1;
 background:linear-gradient(90deg,rgba(247,247,247,.25),rgba(255,255,255,.58));
}
.mva-featured-adaptive .mva-feature-poster{
 position:relative;
 z-index:2;
 display:flex;
 align-items:center;
 justify-content:center;
 height:calc(100% - 28px);
 max-width:78%;
 border-radius:5px;
 overflow:hidden;
 box-shadow:0 10px 28px rgba(15,18,23,.18);
 background:#fff;
}
.mva-featured-adaptive .mva-feature-poster img{
 display:block!important;
 width:auto!important;
 max-width:100%!important;
 height:100%!important;
 max-height:100%!important;
 object-fit:contain!important;
 transform:none!important;
}
.mva-featured-adaptive .mva-feature-copy{
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
 align-items:flex-start!important;
 min-width:0!important;
 height:100%!important;
 padding:26px 34px!important;
 border:0!important;
 background:#fff!important;
 overflow:hidden!important;
}
.mva-featured-adaptive .mva-feature-text{
 width:100%!important;
 min-width:0!important;
}
.mva-featured-adaptive .mva-feature-label{
 display:inline-flex!important;
 align-items:center!important;
 min-height:24px!important;
 width:max-content!important;
 max-width:100%!important;
 margin:0!important;
 padding:0 9px!important;
 border:1px solid #efd7ad!important;
 border-radius:999px!important;
 background:#fff8ec!important;
 color:#bc6b00!important;
 font-size:9px!important;
 line-height:1!important;
 font-weight:800!important;
 letter-spacing:.055em!important;
 white-space:nowrap!important;
}
.mva-featured-adaptive .mva-feature-copy h2{
 display:-webkit-box!important;
 -webkit-box-orient:vertical!important;
 -webkit-line-clamp:2!important;
 overflow:hidden!important;
 margin:10px 0 7px!important;
 color:#1d1f22!important;
 font-size:30px!important;
 line-height:1.08!important;
 font-weight:800!important;
 letter-spacing:-.45px!important;
 overflow-wrap:anywhere!important;
}
.mva-featured-adaptive .mva-feature-meta{
 margin:0 0 10px!important;
 color:#8a6500!important;
 font-size:9px!important;
 line-height:1.35!important;
 font-weight:700!important;
}
.mva-featured-adaptive .mva-feature-copy p{
 display:-webkit-box!important;
 -webkit-box-orient:vertical!important;
 -webkit-line-clamp:3!important;
 overflow:hidden!important;
 margin:0 0 16px!important;
 color:#666b70!important;
 font-size:11px!important;
 line-height:1.55!important;
 font-weight:400!important;
}
.mva-featured-adaptive .mva-primary-link{
 display:inline-flex!important;
 flex:0 0 auto!important;
 align-items:center!important;
 justify-content:center!important;
 gap:7px!important;
 min-width:126px!important;
 min-height:38px!important;
 padding:0 14px!important;
 border-radius:4px!important;
 background:#202124!important;
 color:#fff!important;
 font-size:10px!important;
 line-height:1!important;
 font-weight:750!important;
 white-space:nowrap!important;
 word-break:normal!important;
 overflow-wrap:normal!important;
 transition:background .15s ease,transform .15s ease!important;
}
.mva-featured-adaptive .mva-primary-link:hover{background:var(--mva-accent)!important}
.mva-featured-adaptive .mva-primary-link:active{transform:translateY(1px)}
.mva-featured-adaptive .mva-primary-link svg{
 width:14px!important;
 height:14px!important;
 flex:0 0 14px!important;
}
.mva-featured-adaptive .mva-feature-dots{
 right:12px!important;
 bottom:10px!important;
 left:auto!important;
 transform:none!important;
 z-index:8!important;
 display:flex!important;
 gap:5px!important;
}
.mva-featured-adaptive .mva-feature-dots button{
 width:7px!important;
 height:7px!important;
 border:0!important;
 border-radius:50%!important;
 background:#c8cbcf!important;
}
.mva-featured-adaptive .mva-feature-dots button.active{background:var(--mva-accent)!important}

@media (max-width:980px){
 .mva-featured-adaptive .mva-feature--cover{grid-template-columns:42% 58%!important}
 .mva-featured-adaptive .mva-feature--banner{grid-template-columns:48% 52%!important}
 .mva-featured-adaptive .mva-feature-copy{padding:22px 26px!important}
 .mva-featured-adaptive .mva-feature-copy h2{font-size:25px!important}
 .mva-featured-adaptive .mva-feature-poster{max-width:82%!important}
}

@media (max-width:680px){
 .mva-featured-adaptive{
  width:min(var(--mva-feature-m-width),calc(100% - 16px))!important;
  height:var(--mva-feature-m-height)!important;
  min-height:170px!important;
  margin:7px auto 16px!important;
  border-radius:7px!important;
 }
 .mva-featured-adaptive .mva-feature,
 .mva-featured-adaptive .mva-feature--cover,
 .mva-featured-adaptive .mva-feature--banner{
  grid-template-columns:35% 65%!important;
  height:100%!important;
 }
 .mva-featured-adaptive .mva-feature-media{height:100%!important}
 .mva-featured-adaptive .mva-feature-cover-backdrop{inset:-12px;filter:blur(14px) saturate(.85);opacity:.35}
 .mva-featured-adaptive .mva-feature-cover-shade{background:rgba(255,255,255,.42)}
 .mva-featured-adaptive .mva-feature-poster{
  height:calc(100% - 18px)!important;
  max-width:88%!important;
  border-radius:4px!important;
  box-shadow:0 7px 18px rgba(15,18,23,.16)!important;
 }
 .mva-featured-adaptive .mva-feature-wide{
  position:absolute!important;
  inset:0!important;
  object-fit:cover!important;
  object-position:center 35%!important;
 }
 .mva-featured-adaptive .mva-feature-copy{
  padding:12px 12px 13px!important;
  justify-content:center!important;
 }
 .mva-featured-adaptive .mva-feature-label{
  min-height:19px!important;
  padding:0 6px!important;
  font-size:7px!important;
 }
 .mva-featured-adaptive .mva-feature-copy h2{
  margin:6px 0 4px!important;
  font-size:17px!important;
  line-height:1.12!important;
 }
 .mva-featured-adaptive .mva-feature-meta{
  margin:0 0 5px!important;
  font-size:7.5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 .mva-featured-adaptive .mva-feature-copy p{
  -webkit-line-clamp:2!important;
  margin:0 0 8px!important;
  font-size:8.5px!important;
  line-height:1.43!important;
 }
 .mva-featured-adaptive .mva-primary-link{
  min-width:104px!important;
  min-height:32px!important;
  padding:0 10px!important;
  gap:5px!important;
  font-size:8.5px!important;
  border-radius:3px!important;
 }
 .mva-featured-adaptive .mva-primary-link svg{width:12px!important;height:12px!important;flex-basis:12px!important}
 .mva-featured-adaptive .mva-feature-dots{right:7px!important;bottom:6px!important;gap:4px!important}
 .mva-featured-adaptive .mva-feature-dots button{width:6px!important;height:6px!important}
}

@media (max-width:380px){
 .mva-featured-adaptive .mva-feature,
 .mva-featured-adaptive .mva-feature--cover,
 .mva-featured-adaptive .mva-feature--banner{grid-template-columns:minmax(102px,34%) minmax(0,66%)!important}
 .mva-featured-adaptive .mva-feature-copy{padding:10px!important}
 .mva-featured-adaptive .mva-feature-copy h2{font-size:15.5px!important}
 .mva-featured-adaptive .mva-feature-copy p{font-size:8px!important}
 .mva-featured-adaptive .mva-primary-link{min-width:96px!important;min-height:30px!important;font-size:8px!important}
}

/* v4.4 final cascade lock — beats legacy body.home Featured rules. */
body.home .mva-featured-adaptive,
body.mva-home .mva-featured-adaptive{
 width:min(var(--mva-feature-d-width),calc(100% - 24px))!important;
 height:var(--mva-feature-d-height)!important;
 min-height:0!important;
 margin:10px auto 24px!important;
}
body.home .mva-featured-adaptive .mva-feature--cover,
body.mva-home .mva-featured-adaptive .mva-feature--cover{
 grid-template-columns:44% 56%!important;
 min-height:0!important;
 height:100%!important;
}
body.home .mva-featured-adaptive .mva-feature--banner,
body.mva-home .mva-featured-adaptive .mva-feature--banner{
 grid-template-columns:52% 48%!important;
 min-height:0!important;
 height:100%!important;
}
body.home .mva-featured-adaptive .mva-feature-media,
body.mva-home .mva-featured-adaptive .mva-feature-media,
body.home .mva-featured-adaptive .mva-feature-copy,
body.mva-home .mva-featured-adaptive .mva-feature-copy{
 min-height:0!important;
 height:100%!important;
}
@media(max-width:980px){
 body.home .mva-featured-adaptive .mva-feature--cover,
 body.mva-home .mva-featured-adaptive .mva-feature--cover{grid-template-columns:42% 58%!important}
 body.home .mva-featured-adaptive .mva-feature--banner,
 body.mva-home .mva-featured-adaptive .mva-feature--banner{grid-template-columns:48% 52%!important}
}
@media(max-width:680px){
 body.home .mva-featured-adaptive,
 body.mva-home .mva-featured-adaptive{
  width:min(var(--mva-feature-m-width),calc(100% - 16px))!important;
  height:var(--mva-feature-m-height)!important;
  min-height:170px!important;
  margin:7px auto 16px!important;
 }
 body.home .mva-featured-adaptive .mva-feature,
 body.home .mva-featured-adaptive .mva-feature--cover,
 body.home .mva-featured-adaptive .mva-feature--banner,
 body.mva-home .mva-featured-adaptive .mva-feature,
 body.mva-home .mva-featured-adaptive .mva-feature--cover,
 body.mva-home .mva-featured-adaptive .mva-feature--banner{
  grid-template-columns:35% 65%!important;
  min-height:0!important;
  height:100%!important;
 }
}
@media(max-width:380px){
 body.home .mva-featured-adaptive .mva-feature,
 body.home .mva-featured-adaptive .mva-feature--cover,
 body.home .mva-featured-adaptive .mva-feature--banner,
 body.mva-home .mva-featured-adaptive .mva-feature,
 body.mva-home .mva-featured-adaptive .mva-feature--cover,
 body.mva-home .mva-featured-adaptive .mva-feature--banner{grid-template-columns:34% 66%!important}
}

/* v4.4 typography cascade lock — prevent legacy full-title rules from breaking compact hero sizes. */
body.home .mva-featured-adaptive .mva-feature-label,
body.mva-home .mva-featured-adaptive .mva-feature-label{
 display:inline-flex!important;
 min-height:24px!important;
 padding:0 9px!important;
 border:1px solid #efd7ad!important;
 border-radius:999px!important;
 background:#fff8ec!important;
 color:#bc6b00!important;
 font-size:9px!important;
 line-height:1!important;
 font-weight:800!important;
 white-space:nowrap!important;
}
body.home .mva-featured-adaptive .mva-feature-copy h2,
body.mva-home .mva-featured-adaptive .mva-feature-copy h2{
 display:-webkit-box!important;
 -webkit-box-orient:vertical!important;
 -webkit-line-clamp:2!important;
 overflow:hidden!important;
 margin:10px 0 7px!important;
 font-size:30px!important;
 line-height:1.08!important;
 white-space:normal!important;
}
body.home .mva-featured-adaptive .mva-feature-meta,
body.mva-home .mva-featured-adaptive .mva-feature-meta{
 margin:0 0 10px!important;
 font-size:9px!important;
 line-height:1.35!important;
}
body.home .mva-featured-adaptive .mva-feature-copy p,
body.mva-home .mva-featured-adaptive .mva-feature-copy p{
 display:-webkit-box!important;
 -webkit-box-orient:vertical!important;
 -webkit-line-clamp:3!important;
 overflow:hidden!important;
 margin:0 0 16px!important;
 font-size:11px!important;
 line-height:1.55!important;
}
body.home .mva-featured-adaptive .mva-primary-link,
body.mva-home .mva-featured-adaptive .mva-primary-link{
 display:inline-flex!important;
 min-width:126px!important;
 min-height:38px!important;
 padding:0 14px!important;
 font-size:10px!important;
 white-space:nowrap!important;
}
@media(max-width:980px){
 body.home .mva-featured-adaptive .mva-feature-copy h2,
 body.mva-home .mva-featured-adaptive .mva-feature-copy h2{font-size:25px!important}
}
@media(max-width:680px){
 body.home .mva-featured-adaptive .mva-feature-label,
 body.mva-home .mva-featured-adaptive .mva-feature-label{min-height:19px!important;padding:0 6px!important;font-size:7px!important}
 body.home .mva-featured-adaptive .mva-feature-copy h2,
 body.mva-home .mva-featured-adaptive .mva-feature-copy h2{margin:6px 0 4px!important;font-size:17px!important;line-height:1.12!important;-webkit-line-clamp:2!important}
 body.home .mva-featured-adaptive .mva-feature-meta,
 body.mva-home .mva-featured-adaptive .mva-feature-meta{margin:0 0 5px!important;font-size:7.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.home .mva-featured-adaptive .mva-feature-copy p,
 body.mva-home .mva-featured-adaptive .mva-feature-copy p{-webkit-line-clamp:2!important;margin:0 0 8px!important;font-size:8.5px!important;line-height:1.43!important}
 body.home .mva-featured-adaptive .mva-primary-link,
 body.mva-home .mva-featured-adaptive .mva-primary-link{min-width:104px!important;min-height:32px!important;padding:0 10px!important;font-size:8.5px!important}
}
@media(max-width:380px){
 body.home .mva-featured-adaptive .mva-feature-copy h2,
 body.mva-home .mva-featured-adaptive .mva-feature-copy h2{font-size:15.5px!important}
 body.home .mva-featured-adaptive .mva-feature-copy p,
 body.mva-home .mva-featured-adaptive .mva-feature-copy p{font-size:8px!important}
 body.home .mva-featured-adaptive .mva-primary-link,
 body.mva-home .mva-featured-adaptive .mva-primary-link{min-width:96px!important;min-height:30px!important;font-size:8px!important}
}


/* ============================================================
   Read18Plus v4.5 — Homepage Featured Hero retired
   Defensive rule: even stale markup from page cache must not expose
   the retired hero after new CSS loads.
   ============================================================ */
body.home .mva-featured,
.mva-home .mva-featured{
 display:none!important;
}

/* Keep the new first visible homepage block comfortably spaced. */
body.home .mva-intro + .mva-quick-links,
.mva-home .mva-intro + .mva-quick-links{
 margin-top:10px;
}

/* ============================================================
   Read18Plus v4.6 — Professional Homepage Discovery
   Header/Footer are intentionally untouched.
   ============================================================ */

/* New Featured Manga discovery surface. */
.r18-featured-manga{
  padding:24px 28px 26px;
  background:#fff;
  border-bottom:1px solid #ececec;
}
.r18-featured-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.r18-featured-head>div{min-width:0}
.r18-section-eyebrow{
  display:block;
  margin-bottom:3px;
  color:var(--mva-accent);
  font-size:8px;
  line-height:1;
  font-weight:850;
  letter-spacing:.12em;
}
.r18-featured-head h2{
  margin:0;
  color:#202124;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.25px;
}
.r18-featured-head p{
  margin:4px 0 0;
  color:var(--mva-muted);
  font-size:10.5px;
  line-height:1.45;
}
.r18-featured-head>a{
  flex:0 0 auto;
  color:var(--mva-accent);
  font-size:10px;
  font-weight:750;
}
.r18-featured-stage{
  display:grid;
  grid-template-columns:minmax(0,1.72fr) minmax(255px,.78fr);
  gap:14px;
  min-width:0;
}
.r18-featured-stage.is-single{grid-template-columns:1fr}
.r18-feature-lead{
  min-width:0;
  min-height:286px;
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  border:1px solid #dedede;
  border-radius:5px;
  background:#fff;
  overflow:hidden;
}
.r18-feature-lead-cover{
  display:block;
  min-width:0;
  background:#f1f1f1;
  overflow:hidden;
}
.r18-feature-lead-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
  transition:transform .18s ease;
}
.r18-feature-lead:hover .r18-feature-lead-cover img{transform:scale(1.012)}
.r18-feature-lead-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:25px 27px 24px;
}
.r18-feature-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}
.r18-feature-kicker>span{
  min-height:20px;
  display:inline-flex;
  align-items:center;
  padding:0 7px;
  border:1px solid #f0d7af;
  border-radius:999px;
  background:#fff8ed;
  color:#c87300;
  font-size:7.5px;
  font-weight:850;
  line-height:1;
  letter-spacing:.06em;
  white-space:nowrap;
}
.r18-feature-kicker>small{
  color:#8b8f94;
  font-size:8.5px;
  font-weight:650;
}
.r18-feature-lead-copy h3{
  margin:0;
  max-width:100%;
  font-size:27px;
  line-height:1.08;
  letter-spacing:-.45px;
  overflow-wrap:anywhere;
}
.r18-feature-lead-copy h3 a{color:#1f2022}
.r18-feature-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.r18-feature-meta span{
  min-height:23px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  background:#f5f5f5;
  color:#676b70;
  font-size:8.5px;
  font-weight:650;
}
.r18-feature-lead-copy p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  margin:13px 0 16px;
  color:#64686d;
  font-size:10.5px;
  line-height:1.58;
}
.r18-feature-cta{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  background:#202124;
  color:#fff!important;
  font-size:9.5px;
  font-weight:750;
  white-space:nowrap;
}
.r18-feature-cta:hover{background:var(--mva-accent)}
.r18-feature-cta svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.r18-feature-rail{
  min-width:0;
  display:grid;
  grid-template-rows:repeat(4,minmax(0,1fr));
  border:1px solid #dedede;
  border-radius:5px;
  background:#fff;
  overflow:hidden;
}
.r18-feature-mini{
  min-width:0;
  display:grid;
  grid-template-columns:49px minmax(0,1fr) 14px;
  gap:10px;
  align-items:center;
  padding:8px 9px;
  border-bottom:1px solid #ececec;
  color:inherit;
}
.r18-feature-mini:last-child{border-bottom:0}
.r18-feature-mini:hover{background:#fafafa}
.r18-feature-mini img{
  width:49px;
  height:66px;
  object-fit:cover;
  border:1px solid #e3e3e3;
  background:#f1f1f1;
}
.r18-feature-mini-copy{min-width:0;display:block}
.r18-feature-mini-copy small{
  display:block;
  margin-bottom:3px;
  color:var(--mva-accent);
  font-size:6.8px;
  font-weight:850;
  letter-spacing:.05em;
}
.r18-feature-mini-copy strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#26282b;
  font-size:10.5px;
  line-height:1.25;
}
.r18-feature-mini-copy em{
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:#85898d;
  font-size:7.7px;
  font-style:normal;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.r18-feature-mini>i{
  color:#a2a5a8;
  font-size:17px;
  font-style:normal;
}

/* Professional title cards — reused across Home, Discover and recommendations. */
.r18-title-card{min-width:0}
.r18-title-card-link{display:block;min-width:0;color:inherit}
.r18-title-card-cover{
  border:1px solid #e3e3e3!important;
  border-radius:4px;
  background:#f1f1f1;
  overflow:hidden;
  box-shadow:0 0 0 rgba(0,0,0,0);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.r18-title-card:hover .r18-title-card-cover{
  border-color:#d3d3d3!important;
  box-shadow:0 7px 20px rgba(0,0,0,.055);
  transform:translateY(-1px);
}
.r18-title-card-cover img{transition:transform .2s ease!important}
.r18-title-card:hover .r18-title-card-cover img{transform:scale(1.018)!important}
.r18-title-card .mva-badge{
  top:7px;
  left:7px;
  min-height:19px;
  display:inline-flex;
  align-items:center;
  padding:0 6px;
  border-radius:999px;
  background:rgba(242,138,0,.94);
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  font-size:7px;
  letter-spacing:.035em;
}
.r18-card-state{
  position:absolute;
  right:7px;
  top:7px;
  min-height:19px;
  display:inline-flex;
  align-items:center;
  padding:0 6px;
  border-radius:999px;
  background:rgba(32,33,36,.88);
  color:#fff;
  font-size:6.8px;
  font-weight:750;
}
.r18-title-card-body{min-width:0;padding-top:7px}
.r18-title-card .mva-book-title{
  margin:0!important;
  color:#242629;
  font-size:12.5px!important;
  line-height:1.32!important;
  font-weight:750!important;
  letter-spacing:-.1px;
}
.r18-title-card .mva-book-meta{
  min-width:0;
  display:flex!important;
  align-items:center;
  gap:3px;
  margin-top:4px!important;
  color:#878b90!important;
  font-size:8.5px!important;
  white-space:nowrap;
  overflow:hidden;
}
.r18-title-card .mva-book-meta>span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:inherit!important;margin:0!important}
.r18-title-card .mva-meta-sep{flex:0 0 auto!important;color:#c7c7c7!important}
.r18-title-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  margin-top:6px;
  min-width:0;
}
.r18-card-chapter{
  min-height:20px;
  display:inline-flex;
  align-items:center;
  max-width:70%;
  padding:0 7px;
  border-radius:999px;
  background:#fff7e9;
  color:#b66a00;
  font-size:7.5px;
  font-weight:750;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.r18-card-chapter.muted{background:#f5f5f5;color:#8b8e92}
.r18-card-status{
  min-width:0;
  color:#9a9da1;
  font-size:7.4px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Homepage shelves use larger readable cards on desktop and swipeable rows on mobile. */
.r18-home-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:20px 14px!important;
}
.r18-home-shelf,.r18-auto-genre-section{background:#fff}
.r18-auto-genre-section .mva-section-head h2::after{
  content:'Genre';
  display:inline-flex;
  align-items:center;
  min-height:18px;
  margin-left:7px;
  padding:0 6px;
  border:1px solid #ebebeb;
  border-radius:999px;
  color:#92969a;
  font-size:6.8px;
  font-weight:750;
  vertical-align:middle;
}

@media(max-width:980px){
  .r18-featured-manga{padding:21px 18px 23px}
  .r18-featured-stage{grid-template-columns:minmax(0,1.5fr) minmax(235px,.8fr);gap:11px}
  .r18-feature-lead{grid-template-columns:166px minmax(0,1fr);min-height:264px}
  .r18-feature-lead-copy{padding:21px 21px 20px}
  .r18-feature-lead-copy h3{font-size:23px}
  .r18-feature-mini{grid-template-columns:44px minmax(0,1fr) 12px;gap:8px;padding:7px}
  .r18-feature-mini img{width:44px;height:60px}
  .r18-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

@media(max-width:680px){
  .r18-featured-manga{padding:17px 10px 19px;border-bottom:1px solid #ececec}
  .r18-featured-head{align-items:flex-start;margin-bottom:10px;gap:10px}
  .r18-featured-head h2{font-size:18px}
  .r18-featured-head p{font-size:8.5px;max-width:255px}
  .r18-featured-head>a{font-size:8.5px;padding-top:13px}
  .r18-featured-stage{display:block}
  .r18-feature-lead{grid-template-columns:116px minmax(0,1fr);min-height:190px;border-radius:4px}
  .r18-feature-lead-copy{padding:14px 13px 13px}
  .r18-feature-kicker{gap:5px;margin-bottom:5px}
  .r18-feature-kicker>span{min-height:17px;padding:0 5px;font-size:6.4px}
  .r18-feature-kicker>small{font-size:7px}
  .r18-feature-lead-copy h3{font-size:17px;line-height:1.12;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .r18-feature-meta{gap:4px;margin-top:6px}
  .r18-feature-meta span{min-height:19px;padding:0 6px;font-size:6.8px}
  .r18-feature-lead-copy p{-webkit-line-clamp:2;margin:7px 0 9px;font-size:8px;line-height:1.45}
  .r18-feature-cta{min-height:31px;padding:0 10px;font-size:8px;gap:5px}
  .r18-feature-cta svg{width:12px;height:12px}
  .r18-feature-rail{
    margin-top:9px;
    display:flex;
    gap:8px;
    overflow-x:auto;
    border:0;
    border-radius:0;
    background:transparent;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
    padding-bottom:2px;
  }
  .r18-feature-rail::-webkit-scrollbar{display:none}
  .r18-feature-mini{
    flex:0 0 225px;
    grid-template-columns:42px minmax(0,1fr) 10px;
    min-height:70px;
    padding:6px;
    border:1px solid #e5e5e5!important;
    border-radius:4px;
    background:#fff;
    scroll-snap-align:start;
  }
  .r18-feature-mini img{width:42px;height:57px}
  .r18-feature-mini-copy strong{font-size:9px}
  .r18-feature-mini-copy em{font-size:6.8px}

  .r18-home-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:9px!important;
    overflow-x:auto;
    overflow-y:hidden;
    padding:1px 1px 5px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .r18-home-grid::-webkit-scrollbar{display:none}
  .r18-home-grid>.r18-title-card{
    flex:0 0 clamp(118px,34vw,142px);
    scroll-snap-align:start;
  }
  .r18-title-card .mva-book-title{font-size:10.5px!important}
  .r18-title-card .mva-book-meta{font-size:7.5px!important}
  .r18-card-chapter{min-height:18px;padding:0 6px;font-size:6.8px}
  .r18-card-status{font-size:6.7px}
  .r18-auto-genre-section .mva-section-head h2::after{font-size:6px;min-height:16px}
}

@media(max-width:390px){
  .r18-feature-lead{grid-template-columns:106px minmax(0,1fr)}
  .r18-feature-lead-copy{padding:12px 10px}
  .r18-feature-lead-copy h3{font-size:15.5px}
  .r18-feature-lead-copy p{font-size:7.6px}
  .r18-feature-meta span:nth-child(2){display:none}
  .r18-home-grid>.r18-title-card{flex-basis:124px}
}

/* Keep lead titles visually stable even when imported titles are unusually long. */
.r18-feature-lead-copy h3{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}


/* ============================================================
   Read18Plus v4.9 — Homepage mobile list / clean section heads
   ============================================================ */

/* Keep Home section headings clean: one strong title + one action only. */
body.home .mva-section-head,
.mva-home .mva-section-head{
 align-items:center;
 margin-bottom:12px;
}
body.home .mva-section-head p,
.mva-home .mva-section-head p,
body.home .r18-section-eyebrow,
.mva-home .r18-section-eyebrow{
 display:none!important;
}
body.home .mva-section-head h2,
.mva-home .mva-section-head h2,
.r18-featured-head h2{
 font-size:20px;
 line-height:1.2;
 letter-spacing:-.2px;
}
body.home .mva-section-head>a,
.mva-home .mva-section-head>a,
.r18-featured-head>a{
 font-size:9px;
 font-weight:750;
 text-transform:none;
}
.r18-auto-genre-section .mva-section-head h2::after{display:none!important}

/* Featured = all catalog formats, without extra source-label noise. */
.r18-feature-kicker{margin-bottom:7px}
.r18-feature-kicker>span{display:none!important}
.r18-feature-kicker>small{
 color:#777b80;
 font-size:8px;
 font-weight:750;
 letter-spacing:.045em;
 text-transform:uppercase;
}
.r18-feature-mini-copy>small{display:none!important}

/* Drawer brand mirrors the main Read18Plus logo. */
.mva-drawer-brand{
 min-width:0;
 display:inline-flex;
 align-items:center;
 color:#202124;
 text-decoration:none;
 font-weight:800;
}
.mva-drawer-brand .mva-logo-text{
 display:inline-flex;
 align-items:baseline;
 font-size:20px;
 line-height:1;
}
.mva-drawer-custom-logo,
.mva-drawer-custom-logo .custom-logo-link{
 display:flex;
 align-items:center;
}
.mva-drawer-custom-logo img{
 display:block;
 width:auto;
 max-width:150px;
 max-height:34px;
}

/* Complete chapter list can never be visually clipped by legacy reveal styles. */
.mva-chapter-list-all{
 max-height:none!important;
 overflow:visible!important;
}
.mva-chapter-list-all .mva-chapter{
 display:grid!important;
 opacity:1!important;
 visibility:visible!important;
 filter:none!important;
}

/* Mobile Home uses a vertical reading list: no sideways card scrolling. */
@media(max-width:680px){
 .r18-featured-manga{padding:17px 10px 20px}
 .r18-featured-head{align-items:center;margin-bottom:10px}
 .r18-featured-head h2{font-size:18px}
 .r18-featured-head>a{padding-top:0;font-size:8.5px}
 .r18-featured-stage{display:block}

 .r18-feature-rail{
  margin-top:9px;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  overflow:visible!important;
  padding:0!important;
  border:1px solid #e5e5e5!important;
  border-radius:4px!important;
  background:#fff!important;
  scroll-snap-type:none!important;
 }
 .r18-feature-mini{
  width:100%!important;
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 12px!important;
  gap:9px!important;
  padding:6px 8px!important;
  border:0!important;
  border-bottom:1px solid #ececec!important;
  border-radius:0!important;
  background:#fff!important;
  scroll-snap-align:none!important;
 }
 .r18-feature-mini:last-child{border-bottom:0!important}
 .r18-feature-mini img{width:42px;height:57px}
 .r18-feature-mini-copy strong{font-size:9.5px}
 .r18-feature-mini-copy em{font-size:7px}

 .r18-home-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
 }
 .r18-home-grid>.r18-title-card{
  width:100%!important;
  flex:none!important;
  padding:10px 0!important;
  border-bottom:1px solid #ededed;
  scroll-snap-align:none!important;
 }
 .r18-home-grid>.r18-title-card:last-child{border-bottom:0}
 .r18-home-grid .r18-title-card-link{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
 }
 .r18-home-grid .r18-title-card-cover{
  width:82px!important;
  aspect-ratio:3/4!important;
  border-radius:3px!important;
 }
 .r18-home-grid .r18-title-card-cover img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
 }
 .r18-home-grid .r18-title-card-body{
  min-width:0;
  padding:0!important;
 }
 .r18-home-grid .mva-book-title{
  margin:0!important;
  font-size:13px!important;
  line-height:1.3!important;
 }
 .r18-home-grid .mva-book-meta{
  margin-top:5px!important;
  font-size:8.5px!important;
 }
 .r18-home-grid .r18-title-card-foot{
  justify-content:flex-start!important;
  gap:8px!important;
  margin-top:8px!important;
 }
 .r18-home-grid .r18-card-chapter{
  max-width:55%!important;
  min-height:20px!important;
  font-size:7.5px!important;
 }
 .r18-home-grid .r18-card-status{font-size:7.5px!important}

 body.home .mva-section,
 .mva-home .mva-section{padding-top:19px;padding-bottom:21px}
 body.home .mva-section-head h2,
 .mva-home .mva-section-head h2{font-size:18px}
}

/* Very narrow phones keep the same vertical list, just slightly smaller cover. */
@media(max-width:380px){
 .r18-home-grid .r18-title-card-link{grid-template-columns:74px minmax(0,1fr)!important;gap:10px!important}
 .r18-home-grid .r18-title-card-cover{width:74px!important}
}


/* ============================================================
   Read18Plus v5.0 — Responsive Card Grid + Forward Featured
   ============================================================ */

/* Featured: one title only in the viewport. No side rail. */
.r18-featured-carousel{
 position:relative;
 width:min(var(--mva-feature-d-width),calc(100% - 24px));
 margin:10px auto 22px;
 padding:0;
 background:#fff;
}
.r18-featured-carousel .r18-featured-head{
 margin-bottom:11px;
}
.r18-feature-viewport{
 width:100%;
 overflow:hidden;
 border:1px solid #dedede;
 border-radius:5px;
 background:#fff;
}
.r18-feature-track{
 display:flex;
 width:100%;
 will-change:transform;
 transform:translate3d(0,0,0);
 transition:transform .42s cubic-bezier(.22,.61,.36,1);
}
.r18-feature-slide{
 flex:0 0 100%;
 width:100%;
 height:var(--mva-feature-d-height);
 min-width:0;
 display:grid;
 grid-template-columns:minmax(180px,31%) minmax(0,1fr);
 background:#fff;
 overflow:hidden;
}
.r18-feature-slide .r18-feature-lead-cover{
 display:block;
 width:100%;
 height:100%;
 overflow:hidden;
 background:#f2f2f2;
}
.r18-feature-slide .r18-feature-lead-cover img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center top;
}
.r18-feature-slide .r18-feature-lead-copy{
 height:100%;
 min-width:0;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 padding:24px 28px;
 border-left:1px solid #ededed;
 background:#fff;
}
.r18-feature-slide .r18-feature-kicker{margin-bottom:7px}
.r18-feature-slide .r18-feature-kicker small{
 color:#81858a;
 font-size:8px;
 font-weight:800;
 letter-spacing:.055em;
 text-transform:uppercase;
}
.r18-feature-slide h3{
 max-width:100%;
 margin:0;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
 color:#202124;
 font-size:27px;
 line-height:1.08;
 letter-spacing:-.4px;
}
.r18-feature-slide h3 a{color:inherit}
.r18-feature-slide .r18-feature-meta{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:6px;
 margin-top:9px;
}
.r18-feature-slide .r18-feature-meta span{
 min-height:22px;
 display:inline-flex;
 align-items:center;
 padding:0 8px;
 border-radius:999px;
 background:#f5f5f5;
 color:#696d72;
 font-size:8px;
 font-weight:700;
}
.r18-feature-slide p{
 max-width:650px;
 margin:12px 0 15px;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3;
 overflow:hidden;
 color:#64686d;
 font-size:10px;
 line-height:1.55;
}
.r18-feature-slide .r18-feature-cta{
 min-height:35px;
 padding:0 13px;
 font-size:9px;
}
.r18-feature-dots-v50{
 min-height:22px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:6px;
 padding-top:8px;
}
.r18-feature-dots-v50 button{
 width:6px;
 height:6px;
 padding:0;
 border:0;
 border-radius:50%;
 background:#d7d7d7;
 cursor:pointer;
 transition:width .18s ease,background .18s ease,border-radius .18s ease;
}
.r18-feature-dots-v50 button[aria-selected="true"]{
 width:18px;
 border-radius:999px;
 background:var(--mva-accent);
}

/* Card grids: no horizontal card scrolling anywhere. */
.r18-home-grid,
#mvaDiscoverGrid,
.mva-genre-results{
 overflow:visible!important;
 scroll-snap-type:none!important;
}
.r18-home-grid>.r18-title-card{
 width:auto!important;
 flex:none!important;
 padding:0!important;
 border:0!important;
}
.r18-home-grid .r18-title-card-link,
#mvaDiscoverGrid .r18-title-card-link,
.mva-genre-results .r18-title-card-link{
 display:block!important;
}
.r18-home-grid .r18-title-card-cover,
#mvaDiscoverGrid .r18-title-card-cover,
.mva-genre-results .r18-title-card-cover{
 width:100%!important;
 aspect-ratio:2/3!important;
}
.r18-home-grid .r18-title-card-body,
#mvaDiscoverGrid .r18-title-card-body,
.mva-genre-results .r18-title-card-body{
 padding:7px 0 0!important;
}
.r18-home-grid .mva-book-title,
#mvaDiscoverGrid .mva-book-title,
.mva-genre-results .mva-book-title{
 margin:0!important;
}
.r18-home-grid .r18-title-card-foot,
#mvaDiscoverGrid .r18-title-card-foot,
.mva-genre-results .r18-title-card-foot{
 justify-content:space-between!important;
 margin-top:6px!important;
}

/* Tablet: three/four readable covers rather than swipe rows. */
@media(min-width:761px) and (max-width:980px){
 .r18-home-grid,
 #mvaDiscoverGrid,
 .mva-genre-results{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px 12px!important;
 }
 .r18-feature-slide{
  height:var(--mva-feature-d-height);
  grid-template-columns:minmax(165px,32%) minmax(0,1fr);
 }
 .r18-feature-slide .r18-feature-lead-copy{padding:21px 22px}
 .r18-feature-slide h3{font-size:23px}
}

/* Large mobile / small tablet: 3 cards per row. */
@media(min-width:521px) and (max-width:760px){
 .r18-home-grid,
 #mvaDiscoverGrid,
 .mva-genre-results{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px 10px!important;
 }
 .r18-featured-carousel{
  width:min(var(--mva-feature-m-width),calc(100% - 18px));
  margin:7px auto 17px;
 }
 .r18-feature-slide{
  height:max(190px,var(--mva-feature-m-height));
  grid-template-columns:minmax(132px,30%) minmax(0,1fr);
 }
 .r18-feature-slide .r18-feature-lead-copy{padding:16px 16px}
 .r18-feature-slide h3{font-size:19px}
 .r18-feature-slide p{font-size:8.5px;-webkit-line-clamp:2;margin:8px 0 10px}
}

/* Phones: professional 2-column cover grid. */
@media(max-width:520px){
 .r18-featured-carousel{
  width:min(var(--mva-feature-m-width),calc(100% - 16px));
  margin:6px auto 16px;
 }
 .r18-featured-carousel .r18-featured-head{margin-bottom:9px}
 .r18-featured-carousel .r18-featured-head h2{font-size:18px}
 .r18-feature-slide{
  height:max(180px,var(--mva-feature-m-height));
  grid-template-columns:106px minmax(0,1fr);
 }
 .r18-feature-slide .r18-feature-lead-copy{
  padding:12px 11px 11px;
 }
 .r18-feature-slide .r18-feature-kicker{margin-bottom:4px}
 .r18-feature-slide .r18-feature-kicker small{font-size:6.8px}
 .r18-feature-slide h3{
  font-size:15.5px;
  line-height:1.12;
 }
 .r18-feature-slide .r18-feature-meta{
  gap:4px;
  margin-top:6px;
 }
 .r18-feature-slide .r18-feature-meta span{
  min-height:18px;
  padding:0 5px;
  font-size:6.5px;
 }
 .r18-feature-slide p{
  margin:7px 0 8px;
  font-size:7.6px;
  line-height:1.42;
  -webkit-line-clamp:2;
 }
 .r18-feature-slide .r18-feature-cta{
  min-height:30px;
  padding:0 9px;
  font-size:7.8px;
 }
 .r18-feature-dots-v50{padding-top:6px}

 .r18-home-grid,
 #mvaDiscoverGrid,
 .mva-genre-results{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 10px!important;
  padding:0!important;
 }
 .r18-home-grid>.r18-title-card{
  border:0!important;
  padding:0!important;
 }
 .r18-home-grid .r18-title-card-link{
  display:block!important;
 }
 .r18-home-grid .r18-title-card-cover{
  width:100%!important;
  aspect-ratio:2/3!important;
  border-radius:4px!important;
 }
 .r18-home-grid .r18-title-card-body{padding-top:6px!important}
 .r18-home-grid .mva-book-title,
 #mvaDiscoverGrid .mva-book-title,
 .mva-genre-results .mva-book-title{
  font-size:10.5px!important;
  line-height:1.3!important;
 }
 .r18-home-grid .mva-book-meta,
 #mvaDiscoverGrid .mva-book-meta,
 .mva-genre-results .mva-book-meta{
  margin-top:3px!important;
  font-size:7.3px!important;
 }
 .r18-home-grid .r18-title-card-foot,
 #mvaDiscoverGrid .r18-title-card-foot,
 .mva-genre-results .r18-title-card-foot{
  gap:4px!important;
  margin-top:5px!important;
 }
 .r18-home-grid .r18-card-chapter,
 #mvaDiscoverGrid .r18-card-chapter,
 .mva-genre-results .r18-card-chapter{
  min-height:18px!important;
  max-width:62%!important;
  padding:0 5px!important;
  font-size:6.5px!important;
 }
 .r18-home-grid .r18-card-status,
 #mvaDiscoverGrid .r18-card-status,
 .mva-genre-results .r18-card-status{
  font-size:6.4px!important;
 }
}

/* Tiny phones still keep two columns; reduce spacing instead of collapsing to one. */
@media(max-width:360px){
 .r18-home-grid,
 #mvaDiscoverGrid,
 .mva-genre-results{gap:15px 8px!important}
 .r18-feature-slide{grid-template-columns:98px minmax(0,1fr)}
}

/* Discover / Genres controls stay compact above the same card grid. */
@media(max-width:680px){
 .mva-discover-filters{margin-bottom:14px}
 .mva-filter-group{align-items:flex-start}
 .mva-filter-group>div{display:flex;flex-wrap:wrap;gap:5px}
 .mva-genre-filter{display:flex;flex-wrap:wrap;gap:6px;overflow:visible}
 .mva-genre-chip{flex:0 0 auto}
 .mva-genre-results-head{margin:12px 0 14px}
}


/* v5.1 Featured full-cover visibility fix */
.mva-feature-media{display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;background:#f7f7f7!important;}
.mva-feature-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;}
.r18-feature-slide .r18-feature-lead-cover{display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;background:#f7f7f7!important;}
.r18-feature-slide .r18-feature-lead-cover img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:transparent!important;}
@media(max-width:520px){
  .r18-feature-slide .r18-feature-lead-cover{padding:8px!important;}
  .mva-feature-media{padding:8px!important;}
}


/* ============================================================
   Read18Plus v5.2 — Desktop full-cover Featured, mobile preserved
   ============================================================ */

/* Restore the proven v5.0 mobile/tablet image behavior. */
@media(max-width:980px){
 .r18-feature-slide .r18-feature-lead-cover{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  background:#f2f2f2!important;
  overflow:hidden!important;
 }
 .r18-feature-slide .r18-feature-lead-cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
 }
 .mva-feature-media{
  display:block!important;
  padding:0!important;
  background:#eee!important;
 }
 .mva-feature-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
 }
}

/* Desktop only:
   The cover column is exactly as wide as the actual portrait cover needs.
   No letterbox panel, no gray block, no visual "image placed on background". */
@media(min-width:981px){
 .r18-feature-slide{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:stretch!important;
 }
 .r18-feature-slide .r18-feature-lead-cover{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:34%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  overflow:hidden!important;
  border:0!important;
 }
 .r18-feature-slide .r18-feature-lead-cover img{
  display:block!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
 }
 .r18-feature-slide .r18-feature-lead-copy{
  flex:1 1 auto!important;
  min-width:0!important;
  height:100%!important;
  border-left:1px solid #ededed!important;
  padding:24px 30px!important;
 }
}

/* Very wide desktop can give the copy a little more breathing room
   while still keeping the complete cover visible. */
@media(min-width:1280px){
 .r18-feature-slide .r18-feature-lead-cover{max-width:30%!important}
 .r18-feature-slide .r18-feature-lead-copy{padding-left:34px!important;padding-right:34px!important}
}

/* v6.1 Unified Main + 18+ privacy layer */
.mva-audience-badge,.mva-adult-cover-lock{position:absolute;z-index:3}.mva-adult-card-locked .mva-cover,.mva-adult-card-locked .r18-story-cover{background:#efefef}.mva-adult-cover-lock{inset:auto 8px 8px 8px;min-height:42px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;background:rgba(25,27,30,.88);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);font-weight:850;font-size:13px;letter-spacing:.02em}.mva-adult-cover-lock small{font-size:7.5px;font-weight:600;letter-spacing:0;opacity:.82}.mva-adult-card-locked .mva-cover img,.mva-adult-card-locked .r18-story-cover img{filter:grayscale(1);opacity:.76}.mva-drawer-adult{font-weight:800;color:var(--mva-accent)!important}
.mva-adult-locked{min-height:300px;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:38px 22px;border:1px solid var(--mva-border);background:#fafafa}.mva-adult-lock-icon{width:64px;height:64px;margin-bottom:14px;border:2px solid #242424;border-radius:50%;display:grid;place-items:center;font-weight:850;font-size:17px}.mva-adult-locked>strong{font-size:20px}.mva-adult-locked>p{max-width:520px;margin:7px auto 18px;color:var(--mva-muted);font-size:12px;line-height:1.65}.mva-adult-locked form{margin:0}.mva-adult-locked button{min-height:40px;border:0;background:#242424;color:#fff;padding:0 17px;font-size:11px;font-weight:750;cursor:pointer}.mva-adult-locked button:hover{background:var(--mva-accent)}.mva-adult-back{margin-top:10px;color:#777;font-size:10px}
.mva-adult-hub-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.mva-adult-hub-links>a{min-height:78px;border:1px solid var(--mva-border);background:#fff;padding:14px 16px;display:flex;justify-content:center;flex-direction:column}.mva-adult-hub-links>a:hover{border-color:var(--mva-accent);background:#fffaf3}.mva-adult-hub-links strong{font-size:14px}.mva-adult-hub-links span{margin-top:3px;color:var(--mva-muted);font-size:10px}.mva-home-adult-teaser{background:#fff}.mva-adult-teaser-card{min-height:96px;border:1px solid var(--mva-border);background:#fafafa;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px}.mva-adult-teaser-card>span{width:50px;height:50px;border:2px solid #242424;border-radius:50%;display:grid;place-items:center;font-weight:850}.mva-adult-teaser-card strong{display:block}.mva-adult-teaser-card p{margin:3px 0 0;color:var(--mva-muted);font-size:10px}.mva-adult-teaser-card>a{min-height:34px;display:inline-flex;align-items:center;padding:0 12px;background:#242424;color:#fff;font-size:10px;font-weight:750}.mva-adult-teaser-card>a:hover{background:var(--mva-accent)}
@media(max-width:680px){.mva-adult-hub-links{grid-template-columns:1fr}.mva-adult-teaser-card{grid-template-columns:48px minmax(0,1fr);gap:10px}.mva-adult-teaser-card>span{width:44px;height:44px}.mva-adult-teaser-card>a{grid-column:2;width:max-content}.mva-adult-locked{min-height:250px;padding:28px 16px}}


/* Unified mature Library privacy */
.mva-library-cover{position:relative}
.mva-library-cover-locked>img{filter:blur(8px);transform:scale(1.06);opacity:.48}
.mva-library-cover-locked>span{
 position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
 background:rgba(24,26,29,.54);color:#fff;font-size:10px;font-weight:850;letter-spacing:.04em
}