/* Server-rendered page templates. Layout is isolated from Madara's legacy wrappers. */
:root {
  --tu-page-width: 1280px;
  --tu-page-gutter: 24px;
  --tu-page-blue: #1267e7;
  --tu-page-blue-hover: #0954c8;
  --tu-page-ink: #0c1940;
  --tu-page-muted: #64748b;
  --tu-page-surface: #f5f9ff;
  --tu-page-line: #d8e5f5;
}

.tu-page { width: 100%; color: var(--tu-page-ink); }
.tu-page-container { width: min(calc(100% - 2 * var(--tu-page-gutter)), var(--tu-page-width)); margin-inline: auto; }
.tu-story-page { padding: 20px 0 48px; background: #f8faff; }
.tu-story-page a { color: var(--tu-page-blue); }
.tu-story-breadcrumb { margin-bottom: 16px; }
.tu-story-breadcrumb .c-breadcrumb { margin: 0; padding: 0; }
.tu-page .c-breadcrumb-wrapper { background: transparent !important; }
.tu-page .c-breadcrumb-wrapper > .container { width: 100%; max-width: none; padding: 0; }
.tu-page .c-breadcrumb a { color: var(--tu-page-blue) !important; }
.tu-story-breadcrumb .breadcrumb { margin: 0; padding: 0; background: transparent; }
.tu-story-layout { display: grid; grid-template-columns: minmax(220px, .29fr) minmax(0, .71fr); align-items: start; gap: clamp(24px,3vw,40px); padding: 28px 32px; background: #fff; border: 1px solid #e8edf5; border-radius: 16px; }
.tu-story-layout.no-cover { grid-template-columns: minmax(0,1fr); }
.tu-story-cover { position: relative; width: 100%; max-width: 300px; justify-self: center; overflow: hidden; background: #edf2f8; border-radius: 12px; aspect-ratio: 3 / 4; }
.tu-story-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tu-story-status-badge { position: absolute; top: 12px; left: 12px; display: inline-flex; max-width: calc(100% - 24px); align-items: center; padding: 6px 10px; color: #fff; background: var(--tu-page-blue); border-radius: 7px; font-size: 12px; font-weight: 650; line-height: 1.3; }
.tu-story-main { display: grid; min-width: 0; gap: 18px; }
.tu-story-heading { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 16px; }
.tu-story-title-wrap { min-width: 0; flex: 1 1 auto; }
.tu-story-heading h1 { min-width: 0; margin: 0; color: var(--tu-page-ink); font-size: clamp(26px,2.5vw,34px); font-weight: 750; letter-spacing: -.025em; line-height: 1.25; overflow-wrap: anywhere; }
.tu-story-title-wrap .manga-title-badges { display: inline-flex; margin: 0 0 7px; padding: 4px 8px; color: #fff; background: var(--tu-page-blue); border-radius: 5px; font-size: 10px; font-weight: 700; line-height: 1.2; }
.tu-story-share { display: inline-flex; min-height: 42px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; padding: 8px 12px; color: var(--tu-page-blue); background: #fff; border: 1px solid var(--tu-page-line); border-radius: 10px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease; }
.tu-story-share svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.tu-story-share:hover { color: var(--tu-page-blue-hover); background: var(--tu-page-surface); border-color: #b8d0f1; }
.tu-story-properties { display: grid; min-width: 0; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; gap: 12px 24px; }
.tu-story-properties > .loader-inner { display: none; }
.tu-story-properties > .post-rating { display: flex; min-width: 0; grid-column: 1 / -1; align-items: center; gap: 8px; }
.tu-story-properties > .post-rating i { font-size: 21px; }
.tu-story-properties > .post-rating .score { color: var(--tu-page-ink); font-size: 18px; font-weight: 750; }
.tu-story-fact { display: grid; min-width: 0; grid-template-columns: minmax(88px,.32fr) minmax(0,.68fr); align-items: start; gap: 12px; margin: 0; padding: 10px 0; border-bottom: 1px solid #edf1f7; }
.tu-story-fact .summary-heading { min-width: 0; margin: 0; color: var(--tu-page-muted); font-size: 13px; font-weight: 600; line-height: 1.5; }
.tu-story-fact .summary-heading h5 { margin: 0; color: inherit; font: inherit; }
.tu-story-fact .summary-content { min-width: 0; margin: 0; color: var(--tu-page-ink); font-size: 14px; font-weight: 550; line-height: 1.55; overflow-wrap: anywhere; word-break: normal; }
.tu-story-fact .summary-content a { overflow-wrap: anywhere; }
.tu-story-rating-fact { grid-column: 1 / -1; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 10px; padding: 0 0 12px; }
.tu-story-rating-fact .summary-heading { display: none; }
.tu-story-rating-fact .summary-content { color: var(--tu-page-muted); font-size: 13px; }
.tu-story-rating-fact .rate-title { display: none; }
.tu-story-genres-fact .genres-content { display: flex; min-width: 0; flex-wrap: wrap; gap: 7px; }
.tu-story-genres-fact .genres-content a,
.tu-story-tags-fact .tags-content a { display: inline-flex; max-width: 100%; align-items: center; padding: 5px 10px; color: var(--tu-page-blue-hover); background: #eaf3ff; border-radius: 999px; font-size: 12px; font-weight: 550; line-height: 1.4; text-decoration: none; }
.tu-story-status-actions { display: flex; min-width: 0; align-items: stretch; flex-wrap: wrap; gap: 10px; }
.tu-story-status-item { display: flex; min-width: 150px; flex: 1 1 150px; flex-direction: column; justify-content: center; gap: 4px; margin: 0; padding: 12px 14px; background: var(--tu-page-surface); border: 1px solid var(--tu-page-line); border-radius: 10px; }
.tu-story-status-item .summary-heading { margin: 0; color: var(--tu-page-muted); font-size: 12px; font-weight: 550; }
.tu-story-status-item .summary-heading h5 { margin: 0; font: inherit; }
.tu-story-status-item .summary-content { min-width: 0; color: var(--tu-page-ink); font-size: 13px; font-weight: 650; overflow-wrap: anywhere; }
.tu-story-current-status .summary-content { color: var(--tu-page-blue-hover); }
.tu-story-status-actions > .manga-action { display: flex; min-width: 0; flex: 2 1 300px; align-items: stretch; gap: 10px; margin: 0; }
.tu-story-status-actions .count-comment,
.tu-story-status-actions .add-bookmark { display: flex; min-width: 0; flex: 1 1 0; align-items: center; gap: 10px; margin: 0; padding: 10px 12px; background: #fff; border: 1px solid var(--tu-page-line); border-radius: 10px; }
.tu-story-status-actions .action_icon { flex: 0 0 auto; margin: 0; color: var(--tu-page-blue); }
.tu-story-status-actions .action_icon i { color: inherit; font-size: 18px; }
.tu-story-status-actions .action_detail { min-width: 0; color: var(--tu-page-ink); font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.tu-story-status-actions .action_detail a { color: inherit; }
.tu-story-status-actions .add-bookmark .wp-manga-action-button { display: inline-flex; align-items: center; gap: 8px; color: var(--tu-page-blue); text-decoration: none; }
.tu-story-status-actions .add-bookmark .wp-manga-action-button::after { content: 'Theo dõi'; color: var(--tu-page-blue); font-size: 13px; font-weight: 600; }
.tu-story-status-actions .add-bookmark .wp-manga-action-button i { color: inherit; }
#init-links.nav-links { display: flex; min-width: 0; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; }
#init-links.nav-links > span { display: contents; }
#init-links.nav-links a { display: inline-flex; min-width: min(100%,190px); min-height: 46px; flex: 1 1 190px; align-items: center; justify-content: center; padding: 10px 18px; color: #fff; background: var(--tu-page-blue); border: 1px solid var(--tu-page-blue); border-radius: 10px; font-size: 14px; font-weight: 650; line-height: 1.35; text-align: center; text-decoration: none; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease; }
#init-links.nav-links a:hover { color: #fff; background: var(--tu-page-blue-hover); border-color: var(--tu-page-blue-hover); }
#init-links.nav-links a#btn-read-last { color: var(--tu-page-blue); background: #fff; border-color: var(--tu-page-line); }
#init-links.nav-links a#btn-read-last:hover { color: var(--tu-page-blue-hover); background: var(--tu-page-surface); border-color: #b8d0f1; }
.tu-story-cta-icon { display: inline-flex; width: 17px; height: 17px; flex: 0 0 17px; }
.tu-story-cta-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.tu-page-container > .tu-story-content-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; margin-top: 24px; }
.tu-page-container > .tu-story-content-grid.has-sidebar { grid-template-columns: minmax(0,1fr) minmax(240px,300px); align-items: start; }
.tu-story-content { display: grid; min-width: 0; gap: 20px; }
.tu-content-panel { min-width: 0; padding: 20px 22px; background: #fff; border: 1px solid #e8edf5; border-radius: 14px; }
.tu-content-panel > h2 { margin: 0 0 14px; color: var(--tu-page-ink); font-size: 19px; font-weight: 700; line-height: 1.4; }
.tu-story-description .summary__content { color: #334155; font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
.tu-story-description .summary__content.show-more { max-height: 156px; overflow: hidden; }
.tu-story-description .summary__content.show-more.is-expanded { max-height: none; }
.tu-story-description .c-content-readmore { margin-top: 8px; }
.tu-story-description .content-readmore { padding: 0; color: var(--tu-page-blue); cursor: pointer; }
.tu-story-sidebar { min-width: 0; }
.tu-story-chapters { padding: 16px 22px; }
.tu-story-chapters .listing-chapters_wrap { margin-top: 0; }
.tu-story-chapters .listing-chapters_wrap > ul { margin-top: 0; padding-left: 0; }
.tu-story-chapters .listing-chapters_wrap > ul li { min-width: 0; }
.tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter { padding-right: 120px; }
.tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter > a { color: #172b4d; overflow-wrap: anywhere; }
.tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter > a:hover { color: #0954c8; }
.tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter .chapter-release-date { color: #52627a; }
.tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter.premium:not(.premium-block) > a::before { content: '\f3c1'; display: inline-block; margin-right: 9px; color: #168447; font-family: 'Font Awesome 5 Free'; font-size: 13px; font-weight: 900; }
.tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter.premium-block > a::before { content: '\f023'; display: inline-block; margin-right: 9px; color: #9a5b13; font-family: 'Font Awesome 5 Free'; font-size: 12px; font-weight: 900; }
.tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter .coin.free { display: inline-grid; width: 24px; height: 24px; place-items: center; margin: 0 8px 0 0; padding: 0; color: #168447 !important; background: #e8f7ee !important; border: 1px solid #b8e3c7; border-radius: 50%; font-size: 0; vertical-align: middle; }
.tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter .coin.free::before { content: none; }
.tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter .coin.free i { color: inherit; font-size: 12px; }
.tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter.last-read { background: #f1f7ff; border-radius: 8px; }
.tu-story-chapters .tu-chapter-last-read { display: inline-flex; align-items: center; margin: 0 0 0 9px; padding: 3px 8px; color: #0954c8; background: #e4efff; border: 1px solid #c6dcff; border-radius: 999px; font-size: 11px; font-weight: 650; line-height: 1.3; vertical-align: middle; }
.tu-story-chapters .last-read .chapter-release-date { right: 110px !important; }
body.text-ui-light .tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter > a { color: #172b4d; }
body.text-ui-light .tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter .chapter-release-date { color: #52627a; }
.tu-story-content .related-manga .related-reading-wrap { height: 100%; overflow: hidden; color: #172b4d; background: #fff; border: 1px solid #d8e5f5; border-radius: 12px; }
.tu-story-content .related-manga .related-reading-content { padding: 10px 12px; color: #52627a; }
.tu-story-content .related-manga .related-reading-content .widget-title,
.tu-story-content .related-manga .related-reading-content .widget-title a { color: #0c1940; }
body.text-ui-light .tu-story-content .related-manga .related-reading-content .widget-title,
body.text-ui-light .tu-story-content .related-manga .related-reading-content .widget-title a { color: #0c1940; }

.tu-archive-page, .tu-editorial-page { padding: 24px 0 48px; background: #f8faff; }
.tu-archive-breadcrumb .c-genres-block { margin-top: 10px; padding: 12px 14px; background: #fff; border: 1px solid #e8edf5; border-radius: 12px; }
.tu-archive-breadcrumb .genres_wrap { min-width: 0; }
.tu-archive-breadcrumb .genres__collapse ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.tu-archive-breadcrumb .genres__collapse li { width: auto; max-width: 100%; padding: 0; }
.tu-archive-breadcrumb .genres__collapse li a { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; color: #334155 !important; background: var(--tu-page-surface); border-radius: 999px; font-size: 12px; line-height: 1.35; }
.tu-archive-breadcrumb .genres__collapse li a:hover { color: var(--tu-page-blue) !important; }
.tu-archive-breadcrumb .genres__collapse li .count { color: var(--tu-page-muted); }
.tu-archive-layout, .tu-editorial-layout { display: grid; grid-template-columns: minmax(0,1fr); align-items: start; gap: 24px; }
.tu-archive-layout.has-sidebar, .tu-editorial-layout.has-sidebar { grid-template-columns: minmax(0,1fr) minmax(240px,300px); }
.tu-archive-main, .tu-editorial-main { min-width: 0; }
.tu-taxonomy-intro, .tu-archive-heading { display: flex; min-width: 0; align-items: center; gap: 20px; margin-bottom: 20px; padding: 22px 24px; background: #fff; border: 1px solid #e8edf5; border-radius: 14px; }
.tu-taxonomy-intro > img { width: 82px; height: 82px; flex: 0 0 82px; object-fit: cover; border-radius: 50%; }
.tu-taxonomy-intro > div { min-width: 0; }
.tu-taxonomy-intro p { margin: 0 0 3px; color: var(--tu-page-muted); font-size: 12px; font-weight: 600; }
.tu-taxonomy-intro h1, .tu-archive-heading h1 { margin: 0; color: var(--tu-page-ink); font-size: clamp(23px,2.4vw,30px); font-weight: 750; line-height: 1.3; overflow-wrap: anywhere; }
.tu-taxonomy-description, .tu-archive-heading > p { margin-top: 7px; color: #475569; font-size: 13px; line-height: 1.65; }
.tu-taxonomy-meta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; color: var(--tu-page-muted); font-size: 12px; }
.tu-taxonomy-meta a { font-weight: 600; }
.tu-archive-toolbar { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; padding: 14px 16px; background: #fff; border: 1px solid #e8edf5; border-radius: 12px; }
.tu-archive-toolbar h1, .tu-archive-toolbar h2 { flex: 0 0 auto; margin: 0; color: var(--tu-page-ink); font-size: 16px; font-weight: 700; line-height: 1.45; }
.tu-archive-toolbar .c-manga-filter { min-width: 0; }
.tu-archive-toolbar .c-nav-tabs { max-width: 100%; overflow-x: auto; }
.tu-archive-toolbar .c-tabs-content { display: flex; min-width: 0; flex-wrap: wrap; gap: 4px 10px; }
.tu-archive-results .c-tabs-item { min-width: 0; }
.tu-archive-results .page-content-listing { display: block; min-width: 0; }
.tu-archive-results .page-listing-item { margin: 0 0 16px; }
.tu-archive-results .page-listing-item > .row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 0; }
.tu-archive-results .page-listing-item [class*="col-"] { width: auto; max-width: none; min-width: 0; padding: 0; }
.tu-archive-results .page-item-detail { height: 100%; overflow: hidden; background: #fff; border: 1px solid #e2eaf5; border-radius: 12px; box-shadow: none; }
.tu-archive-results .item-summary { min-width: 0; }
.tu-archive-results .post-title h3, .tu-archive-results .post-title a { overflow-wrap: anywhere; }
.tu-archive-results .list-chapter { min-width: 0; }
.tu-archive-results .wp-pagenavi, .tu-archive-results .navigation-ajax { margin-top: 22px; }
.tu-editorial-layout { grid-template-columns: minmax(0,1fr); }
.tu-editorial-article { min-width: 0; padding: clamp(18px,3vw,32px); overflow-wrap: anywhere; }
.tu-editorial-header h1, .tu-editorial-article .entry-title { margin: 0 0 20px; color: var(--tu-page-ink); font-size: clamp(25px,3vw,36px); font-weight: 750; line-height: 1.28; }
.tu-editorial-body, .tu-editorial-body .entry-content { color: #334155; font-size: 15px; line-height: 1.8; }
.tu-editorial-body img, .tu-editorial-article img { max-width: 100%; height: auto; }
.tu-editorial-body pre, .tu-editorial-body table { max-width: 100%; overflow-x: auto; }
.tu-editorial-body table { display: block; width: 100%; }
.tu-editorial-sidebar { min-width: 0; }
.tu-editorial-results { display: grid; gap: 12px; }
.tu-search-result h2 { margin: 0 0 8px; font-size: 17px; line-height: 1.4; overflow-wrap: anywhere; }
.tu-search-result h2 a { color: var(--tu-page-ink); text-decoration: none; }
.tu-search-result h2 a:hover { color: var(--tu-page-blue); }
.tu-search-result p { margin: 0; color: var(--tu-page-muted); font-size: 13px; line-height: 1.65; }
.tu-standard-search .tu-archive-heading { display: block; }
.tu-standard-search .tu-archive-heading p { margin-bottom: 0; }
.tu-standard-archive #loop-content > .row,
.tu-standard-search #loop-content > .row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 0; }
.tu-standard-archive #loop-content > .row > [class*="col-"],
.tu-standard-search #loop-content > .row > [class*="col-"] { width: auto; max-width: none; min-width: 0; padding: 0; }
.tu-standard-archive #loop-content .c-blog_item,
.tu-standard-search #loop-content .c-blog_item { height: 100%; overflow: hidden; background: #fff; border: 1px solid #e2eaf5; border-radius: 12px; }
.tu-standard-archive #loop-content .c-blog__thumbnail,
.tu-standard-search #loop-content .c-blog__thumbnail { overflow: hidden; }
.tu-standard-archive #loop-content .c-blog__thumbnail img,
.tu-standard-search #loop-content .c-blog__thumbnail img { display: block; width: 100%; height: auto; object-fit: cover; }
.tu-manga-search-page .c-search-header__wrapper { padding: 26px 0; background: var(--tu-page-surface) !important; }
.tu-manga-search-page .c-search-header__wrapper > .container { width: min(calc(100% - 2 * var(--tu-page-gutter)),var(--tu-page-width)); }
.tu-manga-search-page .search-content { display: flex; min-width: 0; align-items: center; gap: 10px; }
.tu-manga-search-page .manga-search-form { display: flex; min-width: 0; flex: 1 1 auto; gap: 8px; }
.tu-manga-search-page .manga-search-form .search-field { min-width: 0; min-height: 46px; flex: 1 1 auto; padding: 10px 14px; color: var(--tu-page-ink); background: #fff; border: 1px solid var(--tu-page-line); border-radius: 10px; box-shadow: none; }
.tu-manga-search-page .manga-search-form .search-submit { min-height: 46px; padding: 0 18px; color: #fff; background: var(--tu-page-blue); border: 1px solid var(--tu-page-blue); border-radius: 10px; }
.tu-manga-search-page .search-advanced-form { margin-top: 16px; padding: 18px; background: #fff; border: 1px solid var(--tu-page-line); border-radius: 12px; }
.tu-manga-search-page .search-advanced-form .form-group { min-width: 0; }
.tu-manga-search-page .search-advanced-form .form-control { max-width: 100%; min-height: 40px; border-color: var(--tu-page-line); border-radius: 8px; box-shadow: none; }
.tu-manga-search-page .c-page-content > .content-area > .container { width: min(calc(100% - 2 * var(--tu-page-gutter)),var(--tu-page-width)); }
.tu-manga-search-page .c-page-content .page-content-listing { display: block; min-width: 0; }

/* Keep the child templates readable against their light surfaces, including when Madara dark mode is enabled. */
.tu-page { color: #0c1940; }
.tu-page .tu-story-fact .summary-heading,
.tu-page .tu-story-status-item .summary-heading,
.tu-page .tu-taxonomy-intro > div > p,
.tu-page .tu-taxonomy-meta,
.tu-page .tu-taxonomy-description,
.tu-page .tu-archive-heading > p,
.tu-page .tu-search-result p { color: #52627a; }
.tu-page .tu-story-fact .summary-content,
.tu-page .tu-story-fact .summary-content a,
.tu-page .tu-story-status-item .summary-content,
.tu-page .tu-content-panel,
.tu-page .tu-editorial-body,
.tu-page .tu-editorial-body .entry-content { color: #172b4d; }
.tu-page .tu-story-rating-fact .summary-content,
.tu-page .tu-manga-search-results .content-none,
.tu-page .tu-standard-search .content-none { color: #52627a; }
.tu-page .tu-editorial-article a:not(.content-readmore),
.tu-page .tu-story-description .summary__content a { color: #0954c8; }
.tu-page .tu-editorial-article a:not(.content-readmore):hover,
.tu-page .tu-story-description .summary__content a:hover { color: #07449f; }

/* Madara manga cards inherit white headings in dark mode; these cards stay white. */
.tu-archive-results .page-item-detail,
.tu-archive-results .page-item-detail .item-summary { color: #172b4d; }
.tu-archive-results .page-item-detail .post-title h3,
.tu-archive-results .page-item-detail .post-title h3 a,
.tu-archive-results .page-item-detail .post-title a { color: #0c1940; }
.tu-archive-results .page-item-detail .post-title a:hover { color: #0954c8; }
.tu-archive-results .page-item-detail .author,
.tu-archive-results .page-item-detail .meta-item,
.tu-archive-results .page-item-detail .font-meta,
.tu-archive-results .page-item-detail .post-on { color: #52627a; }
.tu-archive-results .page-item-detail .list-chapter .chapter a,
.tu-archive-results .page-item-detail .list-chapter a { color: #0954c8; }
.tu-archive-results .page-item-detail .list-chapter .chapter a:hover,
.tu-archive-results .page-item-detail .list-chapter a:hover { color: #07449f; }

/* Standard post cards, filters and pagination use explicit readable foreground colors. */
.tu-standard-archive #loop-content .c-blog_item,
.tu-standard-search #loop-content .c-blog_item { color: #172b4d; }
.tu-standard-archive #loop-content .c-blog_item .post-meta,
.tu-standard-archive #loop-content .c-blog_item .post-on,
.tu-standard-archive #loop-content .c-blog_item .item-summary,
.tu-standard-search #loop-content .c-blog_item .post-meta,
.tu-standard-search #loop-content .c-blog_item .post-on,
.tu-standard-search #loop-content .c-blog_item .item-summary { color: #52627a; }
.tu-standard-archive #loop-content .c-blog_item h1,
.tu-standard-archive #loop-content .c-blog_item h2,
.tu-standard-archive #loop-content .c-blog_item h3,
.tu-standard-archive #loop-content .c-blog_item h4,
.tu-standard-archive #loop-content .c-blog_item h5,
.tu-standard-search #loop-content .c-blog_item h1,
.tu-standard-search #loop-content .c-blog_item h2,
.tu-standard-search #loop-content .c-blog_item h3,
.tu-standard-search #loop-content .c-blog_item h4,
.tu-standard-search #loop-content .c-blog_item h5 { color: #0c1940; }
.tu-standard-archive #loop-content .c-blog_item a,
.tu-standard-search #loop-content .c-blog_item a { color: #0954c8; }
.tu-standard-archive #loop-content .c-blog_item a:hover,
.tu-standard-search #loop-content .c-blog_item a:hover { color: #07449f; }
.tu-archive-toolbar .c-nav-tabs,
.tu-archive-toolbar .c-nav-tabs span,
.tu-archive-toolbar .c-nav-tabs a,
.tu-archive-toolbar .c-tabs-content a { color: #334155; }
.tu-archive-toolbar .c-nav-tabs a:hover,
.tu-archive-toolbar .c-tabs-content .active a { color: #0954c8; }
.tu-archive-toolbar select,
.tu-manga-search-page .search-advanced-form .form-control { color: #172b4d; background-color: #fff; }
.tu-manga-search-page .search-advanced-form label,
.tu-manga-search-page .search-advanced-form .checkbox label,
.tu-manga-search-page .search-advanced-form .form-group { color: #334155; }
.tu-manga-search-page .search-advanced-form .form-control::placeholder { color: #64748b; opacity: 1; }
.tu-archive-page .wp-pagenavi a,
.tu-archive-page .wp-pagenavi span,
.tu-archive-page .navigation-ajax a,
.tu-archive-page .navigation-ajax button { color: #334155; }
.tu-archive-page .wp-pagenavi a:hover,
.tu-archive-page .wp-pagenavi .current,
.tu-archive-page .navigation-ajax a:hover,
.tu-archive-page .navigation-ajax button:hover { color: #fff; background-color: #1267e7; }

/* The old global dark-mode selectors turn headings and summaries white; restore contrast on child cards. */
body.text-ui-light .tu-page .tu-taxonomy-intro h1,
body.text-ui-light .tu-page .tu-archive-heading h1,
body.text-ui-light .tu-page .tu-archive-toolbar h1,
body.text-ui-light .tu-page .tu-archive-toolbar h2,
body.text-ui-light .tu-page .tu-editorial-header h1,
body.text-ui-light .tu-page .tu-editorial-article .entry-title,
body.text-ui-light .tu-page .page-item-detail .post-title h3,
body.text-ui-light .tu-page .page-item-detail .post-title h3 a,
body.text-ui-light .tu-page .c-blog_item h1,
body.text-ui-light .tu-page .c-blog_item h2,
body.text-ui-light .tu-page .c-blog_item h3,
body.text-ui-light .tu-page .c-blog_item h4,
body.text-ui-light .tu-page .c-blog_item h5 { color: #0c1940; }
body.text-ui-light .tu-page .tu-story-fact .summary-content,
body.text-ui-light .tu-page .tu-story-fact .summary-content a,
body.text-ui-light .tu-page .tu-story-status-item .summary-content,
body.text-ui-light .tu-page .page-item-detail .item-summary,
body.text-ui-light .tu-page .page-item-detail .author,
body.text-ui-light .tu-page .page-item-detail .meta-item,
body.text-ui-light .tu-page .page-item-detail .font-meta,
body.text-ui-light .tu-page .page-item-detail .post-on,
body.text-ui-light .tu-page .tu-editorial-body,
body.text-ui-light .tu-page .tu-editorial-body .entry-content { color: #334155; }
body.text-ui-light .tu-page .page-item-detail .post-title a,
body.text-ui-light .tu-page .c-blog_item a { color: #0954c8; }
body.text-ui-light .tu-page .tu-taxonomy-meta,
body.text-ui-light .tu-page .tu-taxonomy-description,
body.text-ui-light .tu-page .tu-archive-heading > p,
body.text-ui-light .tu-page .tu-search-result p { color: #52627a; }
body.text-ui-light .tu-page .tu-editorial-body h1,
body.text-ui-light .tu-page .tu-editorial-body h2,
body.text-ui-light .tu-page .tu-editorial-body h3,
body.text-ui-light .tu-page .tu-editorial-body h4,
body.text-ui-light .tu-page .tu-editorial-body h5,
body.text-ui-light .tu-page .tu-editorial-body h6,
body.text-ui-light .tu-page .tu-story-description .summary__content h1,
body.text-ui-light .tu-page .tu-story-description .summary__content h2,
body.text-ui-light .tu-page .tu-story-description .summary__content h3,
body.text-ui-light .tu-page .tu-story-description .summary__content h4,
body.text-ui-light .tu-page .tu-story-description .summary__content h5,
body.text-ui-light .tu-page .tu-story-description .summary__content h6 { color: #0c1940; }
body.text-ui-light .tu-manga-search-page .search-advanced-form label,
body.text-ui-light .tu-manga-search-page .search-advanced-form .checkbox label,
body.text-ui-light .tu-manga-search-page .search-advanced-form .form-group { color: #334155; }

/* Manga search uses a compact single-column result list rather than a narrow card grid. */
body.tu-manga-search-page .c-search-header__wrapper { padding: 20px 0 16px; background: #f5f9ff !important; }
body.tu-manga-search-page .c-search-header__wrapper > .container,
body.tu-manga-search-page .tu-page-container { width: min(calc(100% - 2 * var(--tu-page-gutter)),var(--tu-page-width)); }
body.tu-manga-search-page .c-search-header__wrapper .search-content { display: block; max-width: 920px; margin-inline: auto; }
body.tu-manga-search-page .c-search-header__wrapper .manga-search-form { display: flex; gap: 8px; }
body.tu-manga-search-page .c-search-header__wrapper .manga-search-form input[type="text"],
body.tu-manga-search-page .c-search-header__wrapper .manga-search-form input[type="search"] { min-width: 0; min-height: 46px; color: #172b4d; background: #fff; border: 1px solid #d8e5f5; border-radius: 10px; box-shadow: none; }
body.tu-manga-search-page .c-search-header__wrapper .manga-search-form input[type="submit"] { min-height: 46px; padding: 0 18px; color: #fff; background: #1267e7; border: 1px solid #1267e7; border-radius: 10px; font-weight: 650; }
body.tu-manga-search-page .c-search-header__wrapper .manga-search-form input[type="submit"]:hover { background: #0954c8; border-color: #0954c8; }
body.tu-manga-search-page .c-search-header__wrapper #search-advanced { margin-top: 10px; padding: 16px; background: #fff; border: 1px solid #d8e5f5; border-radius: 12px; }
body.tu-manga-search-page .c-search-header__wrapper #search-advanced label,
body.tu-manga-search-page .c-search-header__wrapper #search-advanced .form-group { color: #334155; }
body.tu-manga-search-page .c-search-header__wrapper #search-advanced input,
body.tu-manga-search-page .c-search-header__wrapper #search-advanced select { min-height: 40px; color: #172b4d; background: #fff; border: 1px solid #d8e5f5; border-radius: 8px; }
body.tu-manga-search-page .c-search-header__wrapper #search-advanced .form-group.checkbox-group.row { display: grid; max-height: 240px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px 8px; margin: 0 0 14px; padding: 8px; overflow-y: auto; background: #f8faff; border: 1px solid #e8eff8; border-radius: 9px; }
body.tu-manga-search-page .c-search-header__wrapper #search-advanced .form-group.checkbox-group.row > .checkbox { width: auto; min-width: 0; margin: 0; padding: 0; }
.tu-manga-search-results .tu-archive-layout { grid-template-columns: minmax(0,1fr); }
.tu-manga-search-results .tu-archive-results .page-content-listing { display: grid; gap: 12px; }
.tu-search-manga-item { display: flex; min-width: 0; align-items: center; gap: 16px; padding: 12px; background: #fff; border: 1px solid #e2eaf5; border-radius: 12px; }
.tu-search-manga-item__cover { display: grid; width: 82px; height: 112px; flex: 0 0 82px; place-items: center; overflow: hidden; color: #64748b; background: #edf3fb; border-radius: 8px; }
.tu-search-manga-item__cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tu-search-manga-item__body { display: grid; min-width: 0; flex: 1 1 auto; gap: 8px; }
.tu-search-manga-item__title { margin: 0; color: #0c1940; font-size: 16px; font-weight: 700; line-height: 1.4; }
.tu-search-manga-item__title a { display: -webkit-box; overflow: hidden; color: inherit; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.tu-search-manga-item__title a:hover { color: #0954c8; }
.tu-search-manga-item__chapter { display: flex; min-width: 0; align-items: baseline; gap: 7px; overflow: hidden; color: #0954c8; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.tu-search-manga-item__chapter > span { flex: 0 0 auto; color: #64748b; font-size: 12px; font-weight: 500; }
.tu-search-manga-item__meta { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 7px 12px; color: #52627a; font-size: 12px; line-height: 1.45; }
.tu-search-manga-item__status { padding: 3px 8px; color: #0954c8; background: #eaf3ff; border-radius: 999px; font-size: 11px; font-weight: 650; }
.tu-search-manga-item__genres { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* User settings is a focused account workspace with no homepage recommendation rail. */
body.tu-user-settings-page .tu-editorial-article { padding: 0; overflow: visible; background: transparent; border: 0; box-shadow: none; }
body.tu-user-settings-page .tu-user-settings { color: #172b4d; }
body.tu-user-settings-page .settings-page { display: grid; grid-template-columns: minmax(190px,240px) minmax(0,1fr); gap: 20px; margin: 0; }
body.tu-user-settings-page .settings-page::before,
body.tu-user-settings-page .settings-page::after { display: none; }
body.tu-user-settings-page .settings-page > [class*="col-"] { width: auto; min-width: 0; padding: 0; }
body.tu-user-settings-page .nav-tabs-wrap,
body.tu-user-settings-page .tabs-content-wrap { min-width: 0; padding: 16px; background: #fff; border: 1px solid #e2eaf5; border-radius: 14px; }
body.tu-user-settings-page .nav-tabs-wrap .nav-tabs { display: grid; gap: 6px; margin: 0; padding: 0; border: 0; }
body.tu-user-settings-page .nav-tabs-wrap .nav-tabs > li { float: none; min-width: 0; margin: 0; }
body.tu-user-settings-page .nav-tabs-wrap .nav-tabs > li > a { display: flex; min-height: 42px; align-items: center; gap: 10px; margin: 0; padding: 9px 11px; color: #334155; background: transparent; border: 1px solid transparent; border-radius: 9px; font-size: 13px; font-weight: 600; line-height: 1.4; }
body.tu-user-settings-page .nav-tabs-wrap .nav-tabs > li > a:hover { color: #0954c8; background: #f5f9ff; }
body.tu-user-settings-page .nav-tabs-wrap .nav-tabs > li.active > a { color: #0954c8; background: #eaf3ff; border-color: #d8e5f5; }
body.tu-user-settings-page .nav-tabs-wrap .nav-tabs > li > a i { flex: 0 0 auto; color: #1267e7; }
body.tu-user-settings-page .tabs-content-wrap .tab-content { min-width: 0; padding: 0; border: 0; }
body.tu-user-settings-page .tab-group-item { display: grid; gap: 14px; }
body.tu-user-settings-page .tab-group-item > .tab-item { min-width: 0; padding: 18px; background: #fff; border: 1px solid #e2eaf5; border-radius: 12px; }
body.tu-user-settings-page .tab-group-item .settings-title h3 { margin: 0 0 14px; color: #0c1940; font-size: 16px; font-weight: 700; }
body.tu-user-settings-page .tab-group-item .form-group.row { display: grid; grid-template-columns: minmax(130px,.35fr) minmax(0,.65fr); align-items: center; gap: 8px 14px; margin: 0 0 12px; }
body.tu-user-settings-page .tab-group-item .form-group.row::before,
body.tu-user-settings-page .tab-group-item .form-group.row::after { display: none; }
body.tu-user-settings-page .tab-group-item .form-group.row > [class*="col-"] { width: auto; min-width: 0; padding: 0; }
body.tu-user-settings-page .tab-group-item label { margin: 0; color: #334155; font-size: 13px; font-weight: 600; }
body.tu-user-settings-page .tab-group-item .form-control,
body.tu-user-settings-page .tab-group-item input:not([type="submit"]):not([type="file"]) { width: 100%; min-height: 42px; color: #172b4d; background: #fff; border: 1px solid #cad8ea; border-radius: 8px; box-shadow: none; }
body.tu-user-settings-page .tab-group-item input[type="submit"],
body.tu-user-settings-page .tab-group-item button { min-height: 42px; padding: 9px 16px; color: #fff; background: #1267e7; border: 1px solid #1267e7; border-radius: 9px; font-weight: 650; }
body.tu-user-settings-page .tab-group-item input[type="submit"]:hover,
body.tu-user-settings-page .tab-group-item button:hover { background: #0954c8; border-color: #0954c8; }
body.tu-user-settings-page .tab-group-item .show { display: inline-block; color: #172b4d; overflow-wrap: anywhere; }
body.tu-user-settings-page .choose-avatar { margin-bottom: 14px; }
body.tu-user-settings-page .choose-avatar .c-user-avatar img { width: 112px; height: 112px; border: 3px solid #eaf3ff; border-radius: 50%; object-fit: cover; }
body.tu-user-settings-page .list-bookmark { width: 100%; color: #172b4d; background: #fff; }
body.tu-user-settings-page .list-bookmark { display: block; max-width: 100%; overflow-x: auto; }
body.tu-user-settings-page .list-bookmark th { color: #0c1940; background: #f5f9ff; }
body.tu-user-settings-page .list-bookmark td { vertical-align: middle; }
body.tu-user-settings-page .tu-featured-section { display: none !important; }
@media (max-width: 767px) {
  body.tu-manga-search-page .c-search-header__wrapper #search-advanced .form-group.checkbox-group.row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.tu-user-settings-page .settings-page { grid-template-columns: minmax(0,1fr); gap: 12px; }
  body.tu-user-settings-page .nav-tabs-wrap { padding: 10px; }
  body.tu-user-settings-page .nav-tabs-wrap .nav-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.tu-user-settings-page .nav-tabs-wrap .nav-tabs > li > a { min-height: 40px; padding: 8px; }
  body.tu-user-settings-page .tabs-content-wrap { padding: 12px; }
  body.tu-user-settings-page .tab-group-item > .tab-item { padding: 14px; }
  body.tu-user-settings-page .tab-group-item .form-group.row { grid-template-columns: minmax(0,1fr); gap: 6px; }
}
@media (max-width: 479px) {
  .tu-search-manga-item { align-items: flex-start; gap: 11px; padding: 9px; }
  .tu-search-manga-item__cover { width: 68px; height: 96px; flex-basis: 68px; }
  .tu-search-manga-item__title { font-size: 14px; }
  .tu-search-manga-item__body { gap: 6px; }
  body.tu-manga-search-page .c-search-header__wrapper .manga-search-form { gap: 6px; }
  body.tu-manga-search-page .c-search-header__wrapper .manga-search-form input[type="submit"] { padding-inline: 12px; }
}

/* Make the history and bookmark tabs match the account form's compact workspace. */
body.tu-user-settings-page .tab-group-item .row:has(.history-content) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 0; }
body.tu-user-settings-page .tab-group-item .row:has(.history-content) > [class*="col-"] { width: auto; min-width: 0; padding: 0; }
body.tu-user-settings-page .history-content { display: grid; min-width: 0; grid-template-columns: 54px minmax(0,1fr) 28px; align-items: center; gap: 10px; height: 100%; padding: 10px; background: #f8faff; border: 1px solid #e2eaf5; border-radius: 10px; }
body.tu-user-settings-page .history-content .item-thumb { width: 54px; height: 76px; margin: 0; overflow: hidden; background: #eaf0f8; border-radius: 6px; }
body.tu-user-settings-page .history-content .item-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.tu-user-settings-page .history-content .item-infor { min-width: 0; }
body.tu-user-settings-page .history-content .settings-title { margin: 0 0 5px; }
body.tu-user-settings-page .history-content .settings-title h3 { margin: 0; font-size: 13px; line-height: 1.35; }
body.tu-user-settings-page .history-content .settings-title h3 a { display: -webkit-box; overflow: hidden; color: #0c1940; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
body.tu-user-settings-page .history-content .chapter { display: flex; min-width: 0; flex-wrap: wrap; gap: 4px; font-size: 12px; }
body.tu-user-settings-page .history-content .chapter a { color: #0954c8; }
body.tu-user-settings-page .history-content .post-on { margin-top: 5px; color: #64748b; font-size: 11px; }
body.tu-user-settings-page .history-content .action { display: flex; justify-content: center; }
body.tu-user-settings-page .history-content .action a,
body.tu-user-settings-page .list-bookmark .action > a { display: inline-grid; width: 30px; height: 30px; place-items: center; color: #64748b; background: #fff; border: 1px solid #d8e5f5; border-radius: 8px; }
body.tu-user-settings-page .history-content .action a:hover,
body.tu-user-settings-page .list-bookmark .action > a:hover { color: #b42318; background: #fff5f4; border-color: #f1c8c4; }
body.tu-user-settings-page .list-bookmark .mange-name { display: flex; min-width: 0; align-items: flex-start; gap: 12px; }
body.tu-user-settings-page .list-bookmark .item-thumb { width: 54px; height: 76px; flex: 0 0 54px; overflow: hidden; border-radius: 6px; }
body.tu-user-settings-page .list-bookmark .item-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.tu-user-settings-page .list-bookmark .item-infor { min-width: 0; }
body.tu-user-settings-page .list-bookmark .post-title h3 { margin: 0 0 6px; font-size: 14px; line-height: 1.4; }
body.tu-user-settings-page .list-bookmark .post-title a { color: #0c1940; }
body.tu-user-settings-page .list-bookmark .list-chapter a { color: #0954c8; }
@media (max-width: 767px) {
  body.tu-user-settings-page .tab-group-item .row:has(.history-content) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 479px) {
  body.tu-user-settings-page .tab-group-item .row:has(.history-content) { grid-template-columns: minmax(0,1fr); }
}

/* Keep the taxonomy heading and collapse control on one aligned row. */
.tu-archive-breadcrumb .c-genres-block { margin-top: 10px; padding: 12px 14px; background: #fff; border: 1px solid #e2eaf5; border-radius: 12px; }
.tu-archive-breadcrumb .c-genres-block .genres_wrap { display: grid; grid-template-columns: minmax(0,1fr) 38px; align-items: center; gap: 0 10px; }
.tu-archive-breadcrumb .c-genres-block .c-blog__heading { grid-column: 1; grid-row: 1; display: flex; min-width: 0; min-height: 40px; align-items: center; margin: 0; padding: 0; overflow: visible; background: transparent; border: 0; box-shadow: none; }
.tu-archive-breadcrumb .c-genres-block .c-blog__heading::after { display: none; }
.tu-archive-breadcrumb .c-genres-block .c-blog__heading h5 { margin: 0; color: #0c1940; font-size: 17px; font-weight: 700; line-height: 1.35; text-transform: none; }
.tu-archive-breadcrumb .c-genres-block > .genres_wrap > .btn-genres { position: static; grid-column: 2; grid-row: 1; display: inline-grid; width: 38px; height: 38px; float: none; place-items: center; margin: 0; color: #0954c8; background: #f5f9ff; border: 1px solid #d8e5f5; border-radius: 9px; }
.tu-archive-breadcrumb .c-genres-block .genres__collapse { grid-column: 1 / -1; min-width: 0; margin-top: 10px; }
.tu-archive-breadcrumb .c-genres-block .genres__collapse ul { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 7px; margin: 0; padding: 0px 15px; list-style: none; }
.tu-page-container .col-md-12{padding: 0;
    margin-bottom: 15px;
}
.tu-archive-breadcrumb .c-genres-block .genres__collapse li { width: auto; min-width: 0; max-width: 100%; padding: 0; }
.tu-archive-breadcrumb .c-genres-block .genres__collapse li a { display: flex; min-width: 0; min-height: 34px; align-items: center; gap: 6px; padding: 6px 9px; color: #334155 !important; background: #f5f9ff; border: 1px solid #e8eff8; border-radius: 8px; font-size: 12px; line-height: 1.35; }
.tu-archive-breadcrumb .c-genres-block .genres__collapse li a:hover { color: #0954c8 !important; background: #eaf3ff; border-color: #d8e5f5; }
.tu-archive-breadcrumb .c-genres-block .genres__collapse li .count { flex: 0 0 auto; color: #52627a; }
@media (max-width: 767px) {
  .tu-archive-breadcrumb .c-genres-block .genres__collapse ul { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 479px) {
  .tu-archive-breadcrumb .c-genres-block { padding: 10px; }
  .tu-archive-breadcrumb .c-genres-block .genres__collapse ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
}

/* Sticky reader controls reuse Madara's own prev/next links and page/chapter selectors. */
body.reading-manga .tu-reader-dock { position: fixed; z-index: 10020; right: max(12px,env(safe-area-inset-right)); bottom: max(12px,env(safe-area-inset-bottom)); left: max(12px,env(safe-area-inset-left)); display: flex; width: max-content; max-width: calc(100vw - 24px); min-height: 58px; align-items: center; justify-content: center; gap: 8px; margin: 0 auto; padding: 8px 10px; color: #0c1940; background: #fff; border: 1px solid #d8e5f5; border-radius: 16px; box-shadow: 0 8px 28px rgba(12,25,64,.16); transition: transform 220ms ease, opacity 180ms ease; }
body.reading-manga .tu-reader-dock.is-hidden { opacity: 0; pointer-events: none; transform: translateY(calc(100% + 22px)); }
body.reading-manga .tu-reader-dock__button,
body.reading-manga .tu-reader-dock__choose { display: inline-flex; min-width: 70px; min-height: 40px; align-items: center; justify-content: center; gap: 6px; padding: 7px 12px; color: #0954c8; background: #f5f9ff; border: 1px solid #d8e5f5; border-radius: 10px; font: inherit; font-size: 13px; font-weight: 650; line-height: 1.25; cursor: pointer; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease; }
body.reading-manga .tu-reader-dock__button:hover,
body.reading-manga .tu-reader-dock__choose:hover { color: #fff; background: #1267e7; border-color: #1267e7; }
body.reading-manga .tu-reader-dock__button:disabled { color: #64748b; background: #f1f5f9; border-color: #d8e5f5; cursor: not-allowed; }
body.reading-manga .tu-reader-dock__button > span[aria-hidden="true"] { font-size: 21px; line-height: .8; }
body.reading-manga .tu-reader-dock__picker { min-width: 0; }
body.reading-manga .tu-reader-dock__select { width: min(180px,28vw); min-height: 40px; padding: 7px 30px 7px 11px; color: #172b4d; background: #fff; border: 1px solid #d8e5f5; border-radius: 10px; font: inherit; font-size: 13px; }
body.reading-manga .tu-reader-dock__select[hidden],
body.reading-manga .tu-reader-dock__choose[hidden] { display: none; }
body.reading-manga .tu-reader-dock__comments { min-width: 92px; }
body.reading-manga .tu-reader-comments-overlay { position: fixed; z-index: 10029; inset: 0; width: 100%; height: 100%; padding: 0; background: rgba(8,17,36,.48); border: 0; cursor: pointer; }
body.reading-manga .tu-reader-comments-overlay[hidden] { display: none; }
body.reading-manga .tu-reader-comments-drawer { position: fixed; z-index: 10030; top: 0; right: 0; bottom: 0; display: flex; width: min(460px,100vw); flex-direction: column; overflow: hidden; color: #172b4d; background: #fff; border-left: 1px solid #d8e5f5; box-shadow: -12px 0 36px rgba(12,25,64,.18); transform: translateX(102%); transition: transform 260ms cubic-bezier(.2,.75,.25,1); }
body.reading-manga .tu-reader-comments-drawer.is-open { transform: translateX(0); }
body.reading-manga .tu-reader-comments-drawer__head { display: flex; min-height: 60px; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 18px; background: #f5f9ff; border-bottom: 1px solid #d8e5f5; }
body.reading-manga .tu-reader-comments-drawer__head h2 { margin: 0; color: #0c1940; font-size: 17px; font-weight: 700; }
body.reading-manga .tu-reader-comments-drawer__head button { display: inline-grid; width: 36px; height: 36px; place-items: center; color: #334155; background: #fff; border: 1px solid #d8e5f5; border-radius: 9px; font-size: 24px; line-height: 1; cursor: pointer; }
body.reading-manga .tu-reader-comments-drawer__body { min-height: 0; flex: 1 1 auto; padding: 16px; overflow: auto; overscroll-behavior: contain; color: #172b4d; }
body.reading-manga .tu-reader-comments-drawer__body > h1,
body.reading-manga .tu-reader-comments-drawer__body > h2,
body.reading-manga .tu-reader-comments-drawer__body > h3,
body.reading-manga .tu-reader-comments-drawer__body > h4 { margin: 0 0 12px; color: #0c1940; font-size: 15px; }
body.reading-manga .tu-reader-comments-drawer #wpdcom { width: 100%; max-width: 100%; margin: 0; color: #172b4d; }
body.reading-manga .tu-reader-comments-drawer textarea,
body.reading-manga .tu-reader-comments-drawer input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) { max-width: 100%; color: #172b4d; background: #fff; border-color: #cad8ea; }
body.reading-manga .tu-reader-comments-drawer textarea::placeholder,
body.reading-manga .tu-reader-comments-drawer input::placeholder { color: #64748b; opacity: 1; }
body.reading-manga.tu-reader-comments-open { overflow: hidden; }
body.text-ui-light.reading-manga .tu-reader-dock,
body.text-ui-light.reading-manga .tu-reader-comments-drawer { color: #172b4d; }
body.text-ui-light.reading-manga .tu-reader-dock__select,
body.text-ui-light.reading-manga .tu-reader-comments-drawer textarea,
body.text-ui-light.reading-manga .tu-reader-comments-drawer input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) { color: #172b4d; background: #fff; }
body.truyenupup-ui.reading-manga #chapter-heading { margin: 0; padding: 16px 18px; color: #0c1940; background: #fff; font-size: clamp(18px,2vw,24px); line-height: 1.4; }
body.truyenupup-ui.reading-manga #manga-reading-nav-head .wp-manga-nav,
body.truyenupup-ui.reading-manga #manga-reading-nav-foot .wp-manga-nav { color: #172b4d; background: #fff; border: 1px solid #d8e5f5; border-radius: 12px; }
body.truyenupup-ui.reading-manga #manga-reading-nav-head .c-breadcrumb a,
body.truyenupup-ui.reading-manga #manga-reading-nav-foot .c-breadcrumb a { color: #0954c8; }
body.truyenupup-ui.reading-manga #manga-reading-nav-head select,
body.truyenupup-ui.reading-manga #manga-reading-nav-foot select { color: #172b4d; background: #fff; border-color: #cad8ea; }
body.truyenupup-ui.reading-manga #manga-reading-nav-head .nav-links .btn,
body.truyenupup-ui.reading-manga #manga-reading-nav-foot .nav-links .btn { color: #0954c8; background: #f5f9ff; border: 1px solid #d8e5f5; }
body.truyenupup-ui.reading-manga #manga-reading-nav-head .nav-links .btn:hover,
body.truyenupup-ui.reading-manga #manga-reading-nav-foot .nav-links .btn:hover { color: #fff; background: #0954c8; border-color: #0954c8; }
body.text-ui-light.truyenupup-ui.reading-manga #chapter-heading,
body.text-ui-light.truyenupup-ui.reading-manga #manga-reading-nav-head .wp-manga-nav,
body.text-ui-light.truyenupup-ui.reading-manga #manga-reading-nav-foot .wp-manga-nav { color: #172b4d; }
@media (max-width: 600px) {
  .tu-story-chapters { padding: 12px 14px; }
  .tu-story-chapters .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter { padding-right: 0; }
  .tu-story-chapters .last-read .chapter-release-date { right: auto !important; }
  body.reading-manga .tu-reader-dock { width: calc(100vw - 24px); justify-content: space-between; gap: 5px; padding: 7px; border-radius: 13px; }
  body.reading-manga .tu-reader-dock__picker { min-width: 0; flex: 1 1 auto; }
  body.reading-manga .tu-reader-dock__button,
  body.reading-manga .tu-reader-dock__choose { min-width: 52px; min-height: 42px; gap: 3px; padding: 6px 8px; font-size: 12px; }
  body.reading-manga .tu-reader-dock__select { width: 100%; min-height: 42px; font-size: 12px; }
  body.reading-manga .tu-reader-dock__comments { min-width: 74px; }
  body.reading-manga .tu-reader-comments-drawer { width: 100vw; border-left: 0; }
}
@media (max-width: 380px) {
  body.reading-manga .tu-reader-dock__button > span:not([aria-hidden="true"]) { display: none; }
  body.reading-manga .tu-reader-dock__button,
  body.reading-manga .tu-reader-dock__choose { min-width: 38px; padding-right: 7px; padding-left: 7px; }
  body.reading-manga .tu-reader-dock__comments { min-width: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  body.reading-manga .tu-reader-dock,
  body.reading-manga .tu-reader-comments-drawer { transition-duration: .01ms; }
}

@media (max-width: 1023px) {
  .tu-story-layout { grid-template-columns: minmax(190px,.31fr) minmax(0,.69fr); gap: 24px; padding: 24px; }
  .tu-page-container > .tu-story-content-grid.has-sidebar { grid-template-columns: minmax(0,1fr) 250px; gap: 18px; }
  .tu-archive-results .page-listing-item > .row { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
}
@media (max-width: 767px) {
  :root { --tu-page-gutter: 18px; }
  .tu-story-page { padding-top: 14px; }
  .tu-story-layout { grid-template-columns: minmax(0,1fr); gap: 20px; padding: 18px; }
  .tu-story-cover { width: min(42vw,190px); }
  .tu-story-heading { flex-wrap: wrap; }
  .tu-story-heading h1 { font-size: clamp(23px,5.5vw,29px); }
  .tu-story-share { min-height: 38px; }
  .tu-story-properties { gap: 8px 18px; }
  .tu-story-fact { grid-template-columns: minmax(74px,.3fr) minmax(0,.7fr); gap: 8px; }
  .tu-page-container > .tu-story-content-grid.has-sidebar { grid-template-columns: minmax(0,1fr); }
  .tu-story-sidebar { display: none; }
  .tu-archive-layout.has-sidebar, .tu-editorial-layout.has-sidebar { grid-template-columns: minmax(0,1fr); }
  .tu-archive-results .page-listing-item > .row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .tu-standard-archive #loop-content > .row,
  .tu-standard-search #loop-content > .row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .tu-taxonomy-intro, .tu-archive-heading { padding: 17px; }
  .tu-manga-search-page .search-content { align-items: stretch; flex-direction: column; }
}
@media (max-width: 479px) {
  :root { --tu-page-gutter: 12px; }
  .tu-story-layout { gap: 16px; padding: 14px; }
  .tu-story-heading { align-items: flex-start; }
  .tu-story-heading h1 { font-size: 24px; }
  .tu-story-title-wrap { flex: 1 1 100%; }
  .tu-story-share { min-height: 36px; }
  .tu-story-properties { grid-template-columns: minmax(0,1fr); gap: 4px; }
  .tu-story-rating-fact { grid-column: auto; grid-template-columns: 1fr; gap: 4px; }
  .tu-story-status-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tu-story-status-item { min-width: 0; padding: 10px; }
  .tu-story-status-actions > .manga-action { display: contents; }
  .tu-story-status-actions .count-comment,
  .tu-story-status-actions .add-bookmark { min-width: 0; padding: 9px; }
  #init-links.nav-links { gap: 8px; }
  #init-links.nav-links a { min-width: 0; min-height: 44px; flex-basis: calc(50% - 4px); padding: 9px 8px; font-size: 12px; }
  .tu-content-panel { padding: 16px; }
  .tu-content-panel > h2 { font-size: 17px; }
  .tu-archive-page, .tu-editorial-page { padding-top: 16px; }
  .tu-archive-toolbar { align-items: flex-start; flex-direction: column; gap: 10px; }
  .tu-archive-results .page-listing-item > .row { gap: 9px; }
  .tu-standard-archive #loop-content > .row,
  .tu-standard-search #loop-content > .row { gap: 9px; }
  .tu-taxonomy-intro { align-items: flex-start; gap: 12px; }
  .tu-taxonomy-intro > img { width: 56px; height: 56px; flex-basis: 56px; }
  .tu-manga-search-page .manga-search-form { gap: 6px; }
  .tu-manga-search-page .manga-search-form .search-submit { padding: 0 12px; }
}