/* 18+ Comic v2.9.6.7 — bookmark clarity, breadcrumb play icon, responsive header ad, Honeytoon tags and compact video info. */

/* Breadcrumb: the play icon belongs only to the current single-video item. */
.vtt-truyen-breadcrumb-current{display:inline-flex;min-width:0;align-items:center;gap:7px}
.vtt-truyen-breadcrumb-current__icon{flex:0 0 auto;color:#e85d04;font-size:13px}
.vtt-truyen-breadcrumb-current__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Header 728x90: the creative touches the inner border; spacing belongs to the outer zone. */
.vtt-header-ad-zone{position:relative;padding:18px 0 16px;overflow:hidden;background:rgba(255,255,255,.3)}
.vtt-header-ad-zone>.container{display:flex;justify-content:center}
.vtt-ad-slot--header-below-menu{width:min(100%,732px)!important;max-width:732px!important;margin:0 auto!important;padding:0!important;border-radius:12px!important;box-sizing:border-box;box-shadow:4px 5px 0 rgba(23,23,27,.14),0 12px 24px rgba(23,23,27,.08)!important}
.vtt-ad-slot--header-below-menu .vtt-ad-slot__label{top:-11px;left:12px;z-index:8}
.vtt-ad-slot--header-below-menu .vtt-ad-slot__content{display:flex;width:100%;min-height:90px;align-items:center;justify-content:center;padding:0!important;border-radius:9px;overflow:hidden!important;background:#fff}
.vtt-ad-slot--header-below-menu .vtt-ad-slot__content>center,.vtt-ad-slot--header-below-menu .vtt-ad-slot__content>div,.vtt-ad-slot--header-below-menu .vtt-ad-slot__content>ins{max-width:100%;margin:0!important;padding:0!important}
.vtt-ad-slot--header-below-menu iframe,.vtt-ad-slot--header-below-menu img,.vtt-ad-slot--header-below-menu ins{display:block;max-width:100%!important;margin:0 auto!important;border:0!important}
.vtt-ad-slot--header-below-menu img{height:auto!important;object-fit:contain}

/* Honeytoon tag directory. */
.vtt-honeytoon-tag-page{display:grid;gap:28px;min-width:0}
.vtt-tag-page-intro{padding:18px 20px;border:2px solid var(--vtt-line);border-radius:16px;background:#fff;box-shadow:5px 6px 0 rgba(23,23,27,.12)}
.vtt-tag-page-intro>*:last-child{margin-bottom:0}
.vtt-tag-panel{position:relative;padding:24px;border:3px solid var(--vtt-line);border-radius:22px;background:#fff;box-shadow:7px 8px 0 rgba(23,23,27,.12),0 18px 38px rgba(23,23,27,.07)}
.vtt-tag-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.vtt-tag-panel__header h1,.vtt-tag-panel__header h2{display:flex;min-width:0;align-items:center;gap:10px;margin:0;color:var(--vtt-ink);font:900 clamp(25px,3vw,38px)/1.1 Quicksand,Inter,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.vtt-tag-panel__icon{display:inline-flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;border:2px solid var(--vtt-line);border-radius:10px;background:var(--vtt-yellow);box-shadow:3px 4px 0 rgba(23,23,27,.18);font-size:17px}
.vtt-tag-panel__count{flex:0 0 auto;color:var(--vtt-muted);font:800 13px/1.2 Inter,sans-serif}
.vtt-featured-tag-grid,.vtt-tag-group__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 16px}
.vtt-tag-card,.vtt-tag-directory-card{display:flex;min-width:0;min-height:54px;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:2px solid var(--vtt-line);border-radius:13px;color:var(--vtt-ink)!important;text-decoration:none!important;box-shadow:4px 5px 0 rgba(23,23,27,.22);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.vtt-tag-card:hover,.vtt-tag-directory-card:hover{transform:translateY(-2px);box-shadow:5px 7px 0 rgba(23,23,27,.2);filter:saturate(1.04)}
.vtt-tag-card strong,.vtt-tag-directory-card strong{min-width:0;overflow:hidden;font:850 13px/1.3 Quicksand,Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.vtt-tag-card span,.vtt-tag-directory-card span{flex:0 0 auto;font:850 12px/1.2 Quicksand,Inter,sans-serif;white-space:nowrap}
.vtt-tag-card--tone-0{background:#ffe77a}.vtt-tag-card--tone-1{background:#bfeaf6}.vtt-tag-card--tone-2{background:#caf1b9}.vtt-tag-card--tone-3{background:#ffd8e8}.vtt-tag-card--tone-4{background:#dfd0fa}.vtt-tag-card--tone-5{background:#ffc8c8}
.vtt-tag-alphabet{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.vtt-tag-alphabet a{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:2px solid var(--vtt-line);border-radius:9px;color:var(--vtt-ink)!important;background:#edf7fb;font:900 12px/1 Quicksand,Inter,sans-serif;text-decoration:none!important;box-shadow:3px 4px 0 rgba(23,23,27,.18);transition:transform .16s ease,background .16s ease}
.vtt-tag-alphabet a:hover{transform:translateY(-2px);background:var(--vtt-yellow)}
.vtt-tag-groups{display:grid;gap:23px}
.vtt-tag-group{scroll-margin-top:110px}
.vtt-tag-group h3{margin:0 0 12px;color:var(--vtt-ink);font:900 20px/1 Quicksand,Inter,sans-serif}
.vtt-tag-directory-card{min-height:50px;background:#edf7fb}

/* Compact information card: small poster on all breakpoints. */
.vtt-video-info-card{grid-template-columns:150px minmax(0,1fr)!important;gap:14px!important;margin:14px 0!important;padding:14px!important;border-radius:14px!important;box-shadow:5px 6px 0 rgba(7,70,111,.15),0 13px 27px rgba(0,0,0,.08)!important}
.vtt-video-info-card__poster{width:150px;aspect-ratio:16/9;border-width:2px!important;border-radius:11px!important;box-shadow:0 0 0 1px rgba(7,70,111,.3),5px 6px 0 rgba(7,70,111,.15),0 11px 20px rgba(0,0,0,.13)!important}
.vtt-video-info-card__poster-play{width:34px!important;height:34px!important;font-size:12px!important;box-shadow:0 6px 13px rgba(0,0,0,.24),0 0 0 4px rgba(255,255,255,.14)!important}
.vtt-video-info-card__content{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
.vtt-video-info-card__kicker{margin-bottom:4px!important;font-size:10px!important}
.vtt-video-info-card__title{display:-webkit-box;margin:0!important;overflow:hidden;font-size:clamp(16px,1.8vw,21px)!important;line-height:1.25!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.vtt-video-info-card__meta{gap:6px 12px!important;margin-top:7px!important;font-size:11px!important}
.vtt-video-info-card__terms{gap:6px!important;margin-top:8px!important}
.vtt-video-info-card__term{min-height:25px!important;padding:3px 8px!important;font-size:9px!important}
.vtt-video-info-card__author{width:auto!important;max-width:210px;padding:7px 9px!important;border-radius:10px!important;box-shadow:0 6px 13px rgba(7,70,111,.07)!important}
.vtt-video-info-card__author img{width:38px!important;height:38px!important;flex-basis:38px!important}
.vtt-video-info-card__author small{font-size:8px!important}.vtt-video-info-card__author strong{font-size:12px!important}

html[data-ec18-theme="dark"] .vtt-header-ad-zone{background:rgba(8,12,18,.5)}
html[data-ec18-theme="dark"] .vtt-ad-slot--header-below-menu .vtt-ad-slot__content{background:#0b1119}
html[data-ec18-theme="dark"] .vtt-tag-page-intro,html[data-ec18-theme="dark"] .vtt-tag-panel{color:#f3f5f8;background:#111825;border-color:#344252;box-shadow:7px 8px 0 rgba(0,0,0,.32),0 18px 38px rgba(0,0,0,.24)}
html[data-ec18-theme="dark"] .vtt-tag-panel__header h1,html[data-ec18-theme="dark"] .vtt-tag-panel__header h2,html[data-ec18-theme="dark"] .vtt-tag-group h3{color:#f3f5f8}
html[data-ec18-theme="dark"] .vtt-tag-directory-card,html[data-ec18-theme="dark"] .vtt-tag-alphabet a{color:#eef6fb!important;background:#1b2a36;border-color:#526170}

@media(max-width:1100px){
  .vtt-featured-tag-grid,.vtt-tag-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vtt-video-info-card{grid-template-columns:132px minmax(0,1fr)!important}.vtt-video-info-card__poster{width:132px}
  .vtt-video-info-card__content{grid-template-columns:1fr!important}.vtt-video-info-card__author{max-width:260px}
}
@media(max-width:767px){
  .vtt-header-ad-zone{padding:14px 0 12px}.vtt-header-ad-zone>.container{width:calc(100% - 20px)!important;padding:0!important}
  .vtt-ad-slot--header-below-menu{width:100%!important;max-width:100%!important;border-radius:10px!important}
  .vtt-ad-slot--header-below-menu .vtt-ad-slot__content{min-height:0;border-radius:7px}
  .vtt-tag-panel{padding:18px;border-width:2px;border-radius:17px;box-shadow:5px 6px 0 rgba(23,23,27,.12)}
  .vtt-tag-panel__header{align-items:flex-start;margin-bottom:16px}.vtt-tag-panel__header h1,.vtt-tag-panel__header h2{font-size:25px}.vtt-tag-panel__icon{width:35px;height:35px;flex-basis:35px}
  .vtt-tag-panel__count{padding-top:9px;font-size:11px}.vtt-tag-alphabet{flex-wrap:nowrap;margin-inline:-3px;padding:3px 3px 7px;overflow-x:auto;scrollbar-width:thin}
  .vtt-tag-alphabet a{flex:0 0 34px;width:34px;height:34px}.vtt-featured-tag-grid,.vtt-tag-group__grid{grid-template-columns:1fr;gap:10px}
  .vtt-tag-card,.vtt-tag-directory-card{min-height:48px;padding:9px 12px}.vtt-tag-card strong,.vtt-tag-directory-card strong{font-size:12px}.vtt-tag-card span,.vtt-tag-directory-card span{font-size:11px}
  .vtt-video-info-card{grid-template-columns:104px minmax(0,1fr)!important;gap:11px!important;padding:12px!important}
  .vtt-video-info-card__poster{width:104px!important;align-self:start}.vtt-video-info-card__poster-play{width:28px!important;height:28px!important;font-size:10px!important}
  .vtt-video-info-card__content{gap:8px!important}.vtt-video-info-card__title{font-size:15px!important}.vtt-video-info-card__meta{display:grid!important;gap:3px!important;margin-top:5px!important;font-size:10px!important}
  .vtt-video-info-card__terms{display:flex!important;max-width:100%;flex-wrap:nowrap!important;margin-top:7px!important;padding-bottom:3px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .vtt-video-info-card__term{flex:0 0 auto;white-space:nowrap}.vtt-video-info-card__author{max-width:100%;padding:5px 7px!important}.vtt-video-info-card__author img{width:30px!important;height:30px!important;flex-basis:30px!important}
}
@media(max-width:420px){
  .vtt-tag-panel{padding:14px}.vtt-tag-panel__header{gap:8px}.vtt-tag-panel__header h1,.vtt-tag-panel__header h2{gap:8px;font-size:21px}.vtt-tag-panel__count{font-size:10px}
  .vtt-video-info-card{grid-template-columns:92px minmax(0,1fr)!important;gap:9px!important;padding:10px!important}.vtt-video-info-card__poster{width:92px!important}.vtt-video-info-card__kicker{font-size:8px!important}.vtt-video-info-card__title{font-size:14px!important}.vtt-video-info-card__author small{display:none}
}