/**
 * DM Azure presentation layer.
 * Independent black-and-blue anime catalogue design.
 */
:root {
  --cb-outer: #181818;
  --cb-black: #050505;
  --cb-panel: #242424;
  --cb-panel-2: #1d1d1d;
  --cb-line: #343434;
  --cb-blue: #0878e8;
  --cb-blue-2: #1592ff;
  --cb-text: #efefef;
  --cb-muted: #aaa;
  --cb-width: 1600px;
  --blue: var(--cb-blue);
  --bg: var(--cb-outer);
  --text: var(--cb-text);
  --muted: var(--cb-muted);
  --line: var(--cb-line);
  --container: var(--cb-width);
}
html { background: var(--cb-outer); }
body { color: var(--cb-text); background: var(--cb-outer); font-family: Inter, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
body.no-scroll, body.azure-menu-open { overflow: hidden; }
.container { width: min(calc(100% - 32px), var(--cb-width)); margin-inline: auto; }
a { transition: color .18s, background-color .18s, border-color .18s, opacity .18s; }
.button { color: #eee; background: #292929; border-color: #444; border-radius: 0; }
.button:hover, .button--primary { color: #fff; background: var(--cb-blue); border-color: var(--cb-blue); }
.button--primary:hover { background: var(--cb-blue-2); border-color: var(--cb-blue-2); }
.empty-state { color: #ddd; background: #111; border-color: #333; }
.empty-state p, .muted-note { color: var(--cb-muted); }

/* Header */
.azure-header { width: min(calc(100% - 32px), var(--cb-width)); margin: 8px auto 0; overflow: visible; color: #fff; background: var(--cb-black); border-radius: 12px 12px 0 0; box-shadow: 0 8px 34px rgba(0,0,0,.22); }
.azure-header__top { min-height: 134px; display: grid; grid-template-columns: minmax(260px,1fr) minmax(360px,600px) 0; align-items: center; gap: 35px; padding: 28px 30px; }
.azure-brand { min-width: 0; display: flex; align-items: center; gap: 15px; color: #f5f5f5; }
.azure-brand__play { width: 39px; height: 39px; flex: 0 0 39px; color: var(--cb-blue); }
.azure-brand__play svg { width: 100%; height: 100%; stroke-width: 2.6; }
.azure-brand strong { min-width: 0; display: flex; overflow: hidden; font-size: clamp(31px,3.2vw,46px); font-weight: 900; letter-spacing: -.045em; line-height: 1; white-space: nowrap; }
.azure-brand strong span { overflow: hidden; text-overflow: ellipsis; }
.azure-brand strong em { color: var(--cb-blue); font-style: normal; }
.azure-brand__image { width: auto; max-width: 330px; max-height: 70px; object-fit: contain; }
.azure-search { height: 48px; display: grid; grid-template-columns: minmax(0,1fr) 55px; background: #292929; }
.azure-search input { min-width: 0; padding: 0 17px; color: #fff; background: transparent; border: 0; outline: 0; }
.azure-search input::placeholder { color: #9b9b9b; }
.azure-search button { display: grid; place-items: center; padding: 0; color: #fff; background: var(--cb-blue); border: 0; cursor: pointer; }
.azure-search button:hover { background: var(--cb-blue-2); }
.azure-search svg { width: 21px; height: 21px; stroke-width: 2.5; }
.azure-menu-toggle { display: none; }
.azure-navigation { min-height: 64px; display: flex; align-items: stretch; padding: 0 30px; background: #222; border-top: 1px solid #292929; }
.azure-navigation > ul { display: flex; align-items: stretch; padding: 0; margin: 0; list-style: none; }
.azure-navigation li { display: flex; }
.azure-navigation a { min-width: 130px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 0 22px; color: #eee; border-right: 1px solid #333; font-size: 15px; font-weight: 500; }
.azure-navigation li:first-child a { border-left: 1px solid #333; }
.azure-navigation a:hover { color: #fff; background: #2b2b2b; }
.azure-navigation svg { width: 18px; height: 18px; }
.home .azure-nav__home, .post-type-archive-ink_comic .azure-nav__library, .tax-ink_genre .azure-nav__library, .tax-ink_status .azure-nav__library, .page-template-page-tags-php .azure-nav__genres, .page-template-page-latest-php .azure-nav__latest, .page-template-page-top-php .azure-nav__top, .page-template-page-ranking-php .azure-nav__top { color: #fff; background: var(--cb-blue); }
.azure-navigation__language { display: flex; align-items: center; margin-left: auto; }
.azure-navigation .language-switcher > button { height: 42px; padding: 0 12px; color: #ddd; background: #191919; border: 1px solid #333; }
.azure-navigation .language-switcher__menu { top: 48px; background: #222; border-color: #444; }
.azure-navigation .language-switcher__menu a { min-width: 0; justify-content: flex-start; color: #ddd; border: 0; }

/* Homepage and shared posters */
.azure-home { padding-bottom: 0; }
.azure-surface { min-height: 650px; padding: 38px 30px 0; background: var(--cb-black); }
.azure-titlebar, .azure-section__head, .azure-title-panel { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 8px 10px 8px 17px; margin-bottom: 24px; background: var(--cb-panel); border-left: 6px solid var(--cb-blue); }
.azure-titlebar h1, .azure-section__head h1, .azure-section__head h2, .azure-title-panel h1 { margin: 0; color: #eee; font-size: 20px; font-weight: 500; line-height: 1.2; }
.azure-filter-link { min-width: 64px; height: 34px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #fff; background: #171717; border: 1px solid #333; }
.azure-filter-link:hover { background: var(--cb-blue); border-color: var(--cb-blue); }
.azure-filter-link svg { width: 17px; height: 17px; fill: currentColor; stroke: none; }
.azure-grid, .azure-series-grid, .azure-grid--ranking, .comic-grid, .latest-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 30px 13px; }
.azure-card { min-width: 0; text-align: center; }
.azure-card__cover { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; background: #191919; border: 1px solid #202020; border-radius: 0; }
.azure-card__cover img { width: 100%; height: 100%; aspect-ratio: 3 / 4; object-fit: cover; transition: transform .25s, opacity .25s; }
.azure-card:hover .azure-card__cover img { opacity: .9; transform: scale(1.025); }
.azure-card__chapters { position: absolute; right: 5px; bottom: 5px; display: flex; align-items: center; gap: 4px; padding: 3px 6px; color: #fff; background: rgba(0,0,0,.78); font-size: 10px; line-height: 1; }
.azure-card__chapters svg { width: 13px; height: 13px; }
.azure-card h3 { min-height: 44px; margin: 10px 5px 0; color: #ddd; font-size: 14px; font-weight: 400; line-height: 1.45; }
.azure-card h3 a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.azure-card h3 a:hover { color: var(--cb-blue-2); }
.azure-pagination { padding: 52px 0 62px; }
.azure-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; padding: 0; margin: 0; list-style: none; }
.azure-pagination a, .azure-pagination span { min-width: 55px; height: 55px; display: grid; place-items: center; padding: 0 15px; color: #eee; background: #2c2c2c; border: 0; }
.azure-pagination .current, .azure-pagination a:hover { color: #fff; background: var(--cb-blue); }
.azure-about { position: relative; right: -30px; left: -30px; width: calc(100% + 60px); padding: 62px 32px 58px; margin-top: 0; color: #c8c8c8; background: #242424; text-align: center; }
.azure-about h2 { margin: 0 0 24px; color: #ddd; font-size: 25px; font-weight: 650; }
.azure-about p { max-width: 1280px; margin: 0 auto; font-size: 16px; line-height: 1.75; }
.azure-about a { display: inline-block; margin-top: 22px; color: var(--cb-blue-2); }

/* Archive, categories and rankings */
.azure-catalogue, .azure-categories, .azure-taxonomy, .azure-top, .directory-page, .generic-archive .section, .author-page, .dashboard-page, .prose-page, .not-found { min-height: 620px; padding-bottom: 50px; }
.azure-catalogue > .container, .azure-categories > .container, .azure-taxonomy > .container, .azure-top > .container, .directory-page > .container, .prose-page, .not-found > .container { padding: 38px 30px; background: var(--cb-black); }
.azure-page-title { margin: 0 0 28px; color: #eee; font-size: 30px; font-weight: 600; }
.azure-page-title::first-letter { color: var(--cb-blue); }
.azure-filter-bar { display: grid; grid-template-columns: repeat(4,minmax(160px,1fr)) minmax(130px,.7fr) auto; gap: 16px; align-items: end; padding: 20px; margin-bottom: 28px; background: #242424; border: 1px solid #333; }
.azure-filter-bar label { display: grid; gap: 7px; color: #bbb; font-size: 12px; }
.azure-filter-bar select, .azure-filter-bar input { width: 100%; min-width: 0; height: 42px; padding: 0 12px; color: #eee; background: #171717; border: 1px solid #3c3c3c; outline: 0; }
.azure-filter-bar button { height: 42px; padding: 0 22px; color: #fff; background: var(--cb-blue); border: 0; cursor: pointer; }
.azure-filter-bar button:hover { background: var(--cb-blue-2); }
.azure-category-search { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 18px; padding: 20px; margin-bottom: 28px; background: #242424; border-left: 5px solid var(--cb-blue); }
.azure-category-search label { font-weight: 600; }
.azure-category-search > div { height: 46px; display: grid; grid-template-columns: minmax(0,1fr) 46px; background: #171717; border: 1px solid #3b3b3b; }
.azure-category-search input { min-width: 0; padding: 0 14px; color: #eee; background: transparent; border: 0; outline: 0; }
.azure-category-search svg { width: 20px; height: 20px; align-self: center; justify-self: center; color: #aaa; }
.azure-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.azure-category-card { position: relative; aspect-ratio: 16 / 9; display: grid; place-items: center; overflow: hidden; color: #fff; background: #222; border: 1px solid #333; isolation: isolate; }
.azure-category-card::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.65)); content: ""; }
.azure-category-card img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.azure-category-card:hover img { transform: scale(1.05); }
.azure-category-card span { max-width: 90%; font-size: clamp(21px,2vw,34px); font-weight: 800; text-align: center; text-shadow: 0 2px 10px #000; }
.azure-category-card small { position: absolute; right: 10px; bottom: 8px; color: #ddd; font-size: 10px; }
.azure-category-card[hidden] { display: none; }
.azure-taxonomy__head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 18px; margin-bottom: 28px; background: #242424; border-left: 5px solid var(--cb-blue); }
.azure-taxonomy__head h1 { margin: 0; font-size: 26px; font-weight: 600; }
.azure-taxonomy__head a { color: var(--cb-blue-2); }
.azure-taxonomy__head span { color: var(--cb-muted); }
.azure-range-tabs { width: max-content; max-width: 100%; display: flex; margin: 0 auto 30px; overflow: hidden; background: #252525; }
.azure-range-tabs a { min-width: 100px; padding: 14px 20px; color: #ddd; text-align: center; }
.azure-range-tabs a:hover, .azure-range-tabs .is-current { color: #fff; background: var(--cb-blue); }
.azure-ranked { position: relative; }
.azure-ranked > span { position: absolute; z-index: 4; top: 7px; left: 7px; min-width: 32px; padding: 6px; color: #fff; background: var(--cb-blue); font-size: 11px; text-align: center; }
.directory-hero { padding: 38px 30px 24px; background: var(--cb-black); border-color: #333; }
.directory-hero span { color: var(--cb-blue-2); }
.directory-hero h1 { color: #eee; }
.directory-hero p { color: var(--cb-muted); }
.directory-results { padding: 25px 30px 45px; background: var(--cb-black); }
.latest-comic > time { color: #888; }

/* Content detail */
.azure-detail { padding-bottom: 45px; }
.azure-detail > .container { padding: 0 30px 38px; background: var(--cb-black); }
.breadcrumbs { padding: 22px 0 17px; color: #888; }
.breadcrumbs a:hover { color: var(--cb-blue-2); }
.azure-title-panel { min-height: 58px; margin-bottom: 24px; }
.azure-title-panel h1 { font-size: clamp(22px,2.2vw,31px); }
.azure-title-panel p { margin: 4px 0 0; color: #aaa; }
.azure-title-panel > span { color: var(--cb-blue); font-size: 31px; }
.azure-detail-card { display: grid; grid-template-columns: minmax(240px,320px) minmax(0,1fr); gap: 28px; margin-bottom: 30px; }
.azure-detail-cover { align-self: start; }
.azure-detail-cover > img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border: 1px solid #333; }
.azure-like-box { padding: 17px; color: #ddd; background: #202020; border: 1px solid #333; text-align: center; }
.azure-like-box > strong { display: block; color: #fff; font-size: 28px; }
.azure-like-box > small { color: #aaa; }
.azure-like-box > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.azure-like-box button { min-height: 42px; color: #fff; background: #292929; border: 1px solid #404040; cursor: pointer; }
.azure-like-box button:hover, .azure-like-box .bookshelf-button.is-added { background: var(--cb-blue); border-color: var(--cb-blue); }
.azure-detail-info { min-width: 0; padding: 30px 36px; background: #202020; border: 1px solid #333; border-top: 4px solid var(--cb-blue); }
.azure-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 42px; margin: 0 0 26px; }
.azure-facts > div { min-width: 0; display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 12px; align-items: center; min-height: 49px; border-bottom: 1px solid #363636; }
.azure-facts dt { color: #aaa; font-weight: 600; }
.azure-facts dd { min-width: 0; margin: 0; overflow-wrap: anywhere; text-align: right; }
.azure-facts dd a { color: var(--cb-blue-2); }
.azure-synopsis { padding: 24px 0; border-block: 1px solid #363636; }
.azure-synopsis h2, .azure-genres h2 { margin: 0 0 12px; color: #bbb; font-size: 15px; }
.azure-synopsis .prose { color: #ddd; font-size: 15px; line-height: 1.75; }
.azure-genres { padding: 23px 0 0; }
.azure-genres > div { display: flex; flex-wrap: wrap; gap: 8px; }
.azure-genres a { padding: 6px 10px; color: #ddd; background: #151515; border: 1px solid #333; }
.azure-genres a:hover { color: #fff; border-color: var(--cb-blue); }
.azure-read-button { margin-top: 24px; }
.azure-chapters { padding: 24px; background: #202020; border: 1px solid #333; }
.detail-section__heading { border-color: #3a3a3a; }
.detail-section__heading > span, .detail-section__heading > div > span, .chapter-list a > span { color: var(--cb-blue-2); }
.chapter-order { color: #ddd; background: #161616; border-color: #444; }
.chapter-list { border-color: #3a3a3a; }
.chapter-list a { color: #ddd; border-color: #353535; }
.chapter-list a:hover { color: #fff; background: #282828; }
.chapter-list time { color: #888; }
.share-menu { color: #ddd; background: #202020; border-color: #444; }
.recommendations { padding: 32px 0 45px; background: #090909; border-color: #333; }
.recommendations > .container { padding: 0 30px; }
.section-heading { border-color: #333; }
.section-heading h2 { color: #eee; }
.section-heading > a { color: var(--cb-blue-2); }

/* Reader and secondary pages */
.inkwave-reader-page { color: #eee; background: #080808; }
.reader-toolbar { color: #eee; background: #111; border-color: #333; }
.reader-toolbar__back:hover, .reader-tool:hover { color: #fff; background: var(--cb-blue); }
.reader-settings { color: #ddd; background: #1e1e1e; border-color: #444; }
.reader-settings button.is-active, .reader-progress span { background: var(--cb-blue); }
.reader { background: #080808; }
.reader-page { background: #111; }
.reader-chapter-nav { background: #1c1c1c; border-color: #444; }
.reader-chapter-nav a:hover { color: #fff; background: #242424; }
.reader-chapter-nav__catalog { background: var(--cb-blue) !important; }
.reader-end { color: #ddd; }
.dashboard-hero, .author-profile, .profile-card, .settings-card, .login-card, .text-card, .guest-shelf, .history-list, .prose-page article { color: #ddd; background: #151515; border-color: #333; }
.dashboard-layout, .account-wrap, .author-page > .container { padding: 30px; background: var(--cb-black); }
.dashboard-nav { background: #202020; border-color: #333; }
.dashboard-nav a { color: #ddd; border-color: #333; }
.dashboard-nav a:hover, .dashboard-nav a.is-active { color: #fff; background: var(--cb-blue); }
.profile-form input, .profile-form textarea, .profile-form select { color: #eee; background: #111; border-color: #444; }
.prose-page { margin-block: 0; padding: 38px 30px 55px; background: var(--cb-black); }
.prose-page article { padding: 28px; }
.prose-page .prose { color: #d1d1d1; }

/* Footer */
.azure-footer { width: min(calc(100% - 32px), var(--cb-width)); padding: 0; margin: 0 auto 8px; color: #bbb; background: #242424; }
.azure-footer__inner { width: 100%; display: grid; place-items: center; gap: 24px; padding: 52px 30px 44px; text-align: center; }
.azure-footer__brand { display: flex; align-items: center; gap: 10px; color: #eee; font-size: 25px; }
.azure-footer__brand > span { color: var(--cb-blue); }
.azure-footer__brand strong { font-weight: 900; }
.azure-footer__brand em { color: var(--cb-blue); font-style: normal; }
.azure-footer__nav, .azure-footer__nav .site-footer__menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px 45px; padding: 0; margin: 0; list-style: none; }
.azure-footer__nav a { color: var(--cb-blue-2); font-size: 14px; }
.azure-footer__nav a:hover { color: #fff; }
.azure-footer__notice { max-width: 1040px; margin: 0; color: #aaa; font-size: 12px; }
.azure-footer__notice a { color: #ddd; text-decoration: underline; }
.azure-footer__copyright { margin: 0; color: #888; font-size: 12px; }

@media (max-width: 1240px) {
  .azure-header__top { grid-template-columns: minmax(240px,.8fr) minmax(340px,1fr) 0; }
  .azure-navigation a { min-width: 110px; padding-inline: 16px; }
  .azure-grid, .azure-series-grid, .azure-grid--ranking, .comic-grid, .latest-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .azure-filter-bar { grid-template-columns: repeat(3,minmax(160px,1fr)); }
  .azure-category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .azure-header__top { min-height: 112px; grid-template-columns: minmax(220px,.7fr) minmax(300px,1fr) 0; padding: 22px; }
  .azure-brand strong { font-size: 31px; }
  .azure-navigation { padding-inline: 22px; }
  .azure-navigation a { min-width: auto; padding-inline: 15px; }
  .azure-grid, .azure-series-grid, .azure-grid--ranking, .comic-grid, .latest-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .azure-filter-bar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .azure-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .azure-detail-card { grid-template-columns: 260px minmax(0,1fr); }
  .azure-detail-info { padding: 26px; }
  .azure-facts { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .container, .azure-header, .azure-footer { width: 100%; }
  .azure-header { margin-top: 0; border-radius: 0; }
  .azure-header__top { min-height: 126px; grid-template-columns: minmax(0,1fr) 48px; grid-template-rows: 56px 48px; gap: 9px 12px; padding: 8px 12px 12px; }
  .azure-brand { gap: 9px; }
  .azure-brand__play { width: 31px; height: 31px; flex-basis: 31px; }
  .azure-brand strong { font-size: 24px; }
  .azure-brand__image { max-width: 210px; max-height: 48px; }
  .azure-search { grid-column: 1 / -1; grid-row: 2; width: 100%; height: 46px; }
  .azure-menu-toggle { width: 46px; height: 46px; display: grid; align-content: center; gap: 5px; padding: 9px; color: #fff; background: #222; border: 1px solid #333; cursor: pointer; }
  .azure-menu-toggle > span { height: 2px; display: block; background: currentColor; }
  .azure-navigation { position: fixed; z-index: 500; top: 0; right: 0; bottom: 0; left: 0; display: none; padding: 82px 20px 30px; overflow-y: auto; background: rgba(5,5,5,.98); }
  .azure-navigation.is-open { display: block; }
  .azure-navigation > ul { display: grid; }
  .azure-navigation li { display: block; }
  .azure-navigation a { min-height: 54px; justify-content: flex-start; padding: 0 18px; border: 0; border-bottom: 1px solid #333; }
  .azure-navigation li:first-child a { border-left: 0; }
  .azure-navigation__language { margin: 20px 0 0; }
  .azure-surface, .azure-catalogue > .container, .azure-categories > .container, .azure-taxonomy > .container, .azure-top > .container, .directory-page > .container, .azure-detail > .container { padding-inline: 12px; }
  .azure-titlebar { margin-bottom: 18px; }
  .azure-grid, .azure-series-grid, .azure-grid--ranking, .comic-grid, .latest-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 10px; }
  .azure-card h3 { font-size: 13px; }
  .azure-pagination { padding-block: 40px; }
  .azure-pagination ul { gap: 7px; }
  .azure-pagination a, .azure-pagination span { min-width: 42px; height: 42px; padding-inline: 9px; }
  .azure-about { right: -12px; left: -12px; width: calc(100% + 24px); padding: 42px 18px; }
  .azure-about p { font-size: 14px; text-align: left; }
  .azure-filter-bar { grid-template-columns: 1fr; padding: 15px; }
  .azure-category-search { grid-template-columns: 1fr; padding: 15px; }
  .azure-category-grid { grid-template-columns: 1fr; }
  .azure-category-card { aspect-ratio: 16 / 8; }
  .azure-taxonomy__head { align-items: flex-start; flex-direction: column; }
  .azure-detail-card { grid-template-columns: 1fr; }
  .azure-detail-cover { width: min(82%,310px); margin: auto; }
  .azure-detail-info { padding: 22px 17px; }
  .azure-facts > div { grid-template-columns: 90px minmax(0,1fr); }
  .azure-chapters { padding: 17px; }
  .chapter-list { grid-template-columns: 1fr; }
  .chapter-list a:nth-child(odd) { border-right: 0; }
  .chapter-list a:nth-child(even) { padding-left: 0; }
  .recommendations > .container { padding-inline: 12px; }
  .reader-toolbar__title { max-width: 48vw; }
  .azure-footer__inner { padding-inline: 18px; }
  .azure-footer__nav, .azure-footer__nav .site-footer__menu { gap: 14px 23px; }
}
@media (max-width: 430px) {
  .azure-brand strong { font-size: 21px; }
  .azure-titlebar h1 { font-size: 18px; }
  .azure-filter-link { min-width: 48px; }
  .azure-like-box > div { grid-template-columns: 1fr; }
  .azure-facts > div { grid-template-columns: 78px minmax(0,1fr); }
  .azure-footer__nav .site-footer__menu { flex-direction: column; }
}

/* Azure portal composition — homepage reference translated into the manga runtime. */
:root { --az-blue:#167ce5; --az-blue-2:#2496ff; --az-bg:#15131e; --az-panel:#232323; --az-panel-2:#292929; --az-line:#363642; --az-text:#f3f3f6; --az-muted:#aaa9b2; --cb-width:1400px; --cb-blue:var(--az-blue); --cb-blue-2:var(--az-blue-2); --cb-outer:var(--az-bg); }
html, body { background:var(--az-bg); }
.container { width:min(calc(100% - 32px),var(--cb-width)); }
.azure-header { width:100%; margin:0; overflow:visible; background:#0b0a0f; border-radius:0; box-shadow:none; }
.azure-header__top { min-height:82px; grid-template-columns:250px minmax(280px,500px) 1fr auto; gap:30px; padding:14px 0; }
.azure-brand { gap:9px; transform:skew(-7deg); }
.azure-brand__mark { width:43px; height:43px; display:grid; flex:0 0 43px; place-items:center; overflow:hidden; background:#f7f2e8 url('../images/logo-character.png') center 55%/91px 73px no-repeat; border:2px solid #5fc4ff; border-radius:50%; box-shadow:0 0 0 3px rgba(36,150,255,.14); }
.azure-brand strong { display:flex; color:#fff; font-size:31px; font-weight:1000; letter-spacing:-.05em; text-transform:uppercase; }
.azure-brand strong em { color:var(--az-blue-2); font-style:normal; }
.azure-brand__image { max-width:230px; max-height:55px; }
.azure-search { height:42px; grid-template-columns:minmax(0,1fr) 48px; background:#19171f; border:1px solid #292630; border-radius:3px; }
.azure-search input { font-size:14px; }
.azure-search button { background:transparent; }
.azure-search button:hover { background:#24212c; }
.azure-tools { position:relative; z-index:40; display:flex; align-items:center; justify-content:flex-end; gap:10px; }
.azure-settings { width:38px; height:38px; display:grid; place-items:center; color:#fff; background:var(--az-blue); border-radius:50%; box-shadow:-13px 0 0 rgba(255,255,255,.25); }
.azure-settings:hover { color:#fff; background:var(--az-blue-2); }
.azure-tools .language-switcher > button { height:38px; padding:0 12px; color:#ddd; background:#222029; border:1px solid #34313c; }
.azure-tools .language-switcher { z-index:41; }
.azure-tools .language-switcher__menu { z-index:42; top:43px; right:0; width:276px; max-height:min(360px,calc(100vh - 90px)); grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; padding:8px; overflow-y:auto; color:#eee; background:#232129; border-color:#3c3945; box-shadow:0 18px 45px rgba(0,0,0,.5); }
.azure-tools .language-switcher:hover .language-switcher__menu,
.azure-tools .language-switcher:focus-within .language-switcher__menu,
.azure-tools .language-switcher.is-open .language-switcher__menu { display:grid; }
.azure-tools .language-switcher__menu a { min-width:0; min-height:36px; display:flex; align-items:center; padding:0 11px; color:#d8d6df; border-radius:3px; font-size:12px; }
.azure-tools .language-switcher__menu a:hover,
.azure-tools .language-switcher__menu a.is-current { color:#fff; background:var(--az-blue); }
.azure-menu-toggle { display:none; }
.azure-navigation { min-height:56px; display:block; padding:0; background:var(--az-blue); border:0; }
.azure-navigation > .container { display:flex; align-items:stretch; justify-content:space-between; }
.azure-navigation ul { display:flex; align-items:stretch; gap:0; padding:0; margin:0; list-style:none; }
.azure-navigation li { display:flex; }
.azure-navigation a { min-width:auto; display:flex; align-items:center; justify-content:center; padding:0 23px; color:#f7fbff; border:0; font-size:14px; font-weight:500; }
.azure-navigation li:first-child a { border:0; }
.azure-navigation a:hover, .azure-navigation a[aria-current="page"] { color:#fff; background:rgba(0,0,0,.18); }
.azure-surprise { align-self:center; min-height:34px; margin:10px 0; padding:0 15px !important; border:1px solid rgba(255,255,255,.3) !important; border-radius:3px; }
.azure-mobile-language { display:none; }

.azure-home { padding:18px 0 48px; }
.azure-home__layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:18px; align-items:start; }
.azure-home__main, .azure-sidebar { min-width:0; }
.azure-feature { display:grid; grid-template-columns:minmax(0,1fr) 215px; gap:12px; margin-bottom:18px; }
.azure-feature__hero { position:relative; min-height:315px; overflow:hidden; color:#fff; background:#0d0c12; isolation:isolate; }
.azure-feature__hero::before { position:absolute; z-index:-2; inset:0; background-image:linear-gradient(90deg,rgba(13,11,17,.98) 0%,rgba(13,11,17,.78) 54%,rgba(13,11,17,.2) 100%),var(--feature-image); background-position:center,right center; background-size:cover,58% auto; background-repeat:no-repeat; content:""; }
.azure-feature__hero::after { position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 55% 75%,rgba(255,118,45,.18),transparent 40%); content:""; }
.azure-feature__content { height:100%; display:grid; grid-template-columns:58px minmax(0,1fr); gap:18px; align-items:center; padding:34px 35px; }
.azure-score { width:54px; height:54px; display:grid; place-items:center; color:#222; background:#ffd746; clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 94%,50% 71%,21% 94%,32% 56%,2% 35%,39% 34%); font-size:11px; font-weight:800; }
.azure-feature h1 { margin:0 0 5px; color:#fff; font-size:clamp(23px,2.2vw,34px); font-weight:500; text-transform:uppercase; }
.azure-feature__meta { margin:0 0 26px; color:#ffd746; font-size:13px; }
.azure-feature__content strong { display:block; margin-bottom:8px; color:#ddd; font-size:12px; text-transform:uppercase; }
.azure-feature__content p:last-child { max-width:600px; margin:0; color:#d3d1d6; font-size:14px; line-height:1.55; }
.azure-feature__side { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); gap:12px; }
.azure-feature__side a { position:relative; min-height:0; overflow:hidden; background:#222; }
.azure-feature__side img { width:100%; height:100%; object-fit:cover; opacity:.78; transition:transform .25s,opacity .25s; }
.azure-feature__side a:hover img { opacity:1; transform:scale(1.04); }
.azure-feature__side span { position:absolute; right:0; bottom:0; left:0; padding:22px 10px 9px; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.9)); font-size:12px; font-weight:700; }
.azure-release, .azure-recommendation { margin-bottom:18px; background:var(--az-panel); }
.azure-panel-title { min-height:48px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; margin:0; color:#fff; background:var(--az-blue); }
.azure-panel-title h2 { margin:0; font-size:17px; font-weight:600; }
.azure-panel-title a { padding:4px 10px; color:#fff; background:#17171b; border-radius:2px; font-size:10px; text-transform:uppercase; }
.azure-release > .azure-grid, .azure-recommendation > .azure-grid { padding:18px; }
.azure-grid, .azure-series-grid, .azure-grid--ranking, .comic-grid, .latest-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px 12px; }
.azure-card { text-align:center; }
.azure-card__cover { aspect-ratio:3/4; border:0; background:#18171d; }
.azure-card__cover img { aspect-ratio:3/4; }
.azure-card__type { position:absolute; top:5px; right:5px; padding:3px 6px; color:#fff; background:var(--az-blue-2); border-radius:2px; font-size:10px; font-weight:700; text-transform:uppercase; }
.azure-card__meta { position:absolute; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:4px 6px; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.9) 28%); font-size:10px; }
.azure-card__meta b { padding:2px 5px; color:#17171b; background:#ffb000; border-radius:2px; font-weight:700; }
.azure-card h3 { min-height:38px; margin:8px 2px 0; color:#eee; font-size:12px; line-height:1.4; }
.azure-card h3 a:hover { color:var(--az-blue-2); }
.azure-pagination { padding:28px 18px 35px; }
.azure-pagination ul { gap:7px; }
.azure-pagination a, .azure-pagination span { min-width:38px; height:38px; padding:0 10px; background:#323137; }
.azure-recommendation__tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; padding:14px 18px 0; }
.azure-recommendation__tabs span { padding:10px; color:#ddd; background:#343339; text-align:center; }
.azure-recommendation__tabs span:first-child { background:var(--az-blue); }

.azure-sidebar { display:grid; gap:18px; }
.azure-sidebar section { overflow:hidden; background:var(--az-panel); }
.azure-sidebar header { padding:13px 16px; border-bottom:1px solid #373640; }
.azure-sidebar h2 { margin:0; color:#fff; font-size:17px; }
.azure-popular nav { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; padding:12px; }
.azure-popular nav button { min-height:38px; padding:8px 5px; color:#ddd; background:#343339; border:0; font-size:12px; text-align:center; cursor:pointer; }
.azure-popular nav button:hover { color:#fff; background:#44424a; }
.azure-popular nav button.is-active { color:#fff; background:var(--az-blue); }
.azure-popular nav button:focus-visible { outline:2px solid #fff; outline-offset:-3px; }
.azure-popular ol { padding:0; margin:0; list-style:none; counter-reset:item; }
.azure-popular li { display:grid; grid-template-columns:34px minmax(0,1fr); gap:9px; align-items:center; padding:10px 12px; border-top:1px solid #373640; }
.azure-popular li > b { width:30px; height:30px; display:grid; place-items:center; color:#aaa; border:1px solid #4a4852; border-radius:3px; font-size:12px; }
.azure-popular li > a { min-width:0; display:grid; grid-template-columns:48px minmax(0,1fr); gap:10px; align-items:center; }
.azure-popular img { width:48px; height:64px; object-fit:cover; }
.azure-popular a span { min-width:0; }
.azure-popular a strong { display:-webkit-box; overflow:hidden; color:#eee; font-size:12px; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.azure-popular a small { display:block; margin-top:5px; color:#999; font-size:10px; }
.azure-genres > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.azure-genres > div a { min-width:0; padding:9px 10px; overflow:hidden; color:#ddd; border-right:1px solid #33323a; border-bottom:1px solid #33323a; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.azure-genres > div a:hover { color:#fff; background:var(--az-blue); }

.azure-about { position:static; width:auto; padding:27px 30px 30px; margin-top:18px; color:#c8c8c8; background:var(--az-panel); border-bottom:1px solid var(--az-line); text-align:left; }
.azure-about header { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:13px; }
.azure-about h2 { margin:0; color:#eee; font-size:22px; }
.azure-about p { max-width:none; margin:0; font-size:14px; line-height:1.7; }
.azure-about a { flex:0 0 auto; margin:0; color:var(--az-blue-2); font-size:13px; }

.azure-catalogue > .container, .azure-categories > .container, .azure-taxonomy > .container, .azure-top > .container, .directory-page > .container, .prose-page, .not-found > .container, .azure-detail > .container { background:#111015; }
.azure-titlebar, .azure-section__head, .azure-title-panel, .azure-taxonomy__head { background:var(--az-panel); border-left-color:var(--az-blue); }
.azure-detail-info, .azure-chapters, .azure-like-box, .recommendations { background:var(--az-panel); border-color:var(--az-line); }
.azure-detail-info { border-top-color:var(--az-blue); }
.azure-filter-bar, .azure-category-search { background:var(--az-panel); }

.azure-footer { width:100%; margin:0; color:#b7b6be; background:#232323; }
.azure-footer__az { padding:34px 0 26px; border-bottom:1px solid #35343b; }
.azure-footer__az > .container > div { display:flex; align-items:center; gap:22px; margin-bottom:22px; }
.azure-footer__az strong { color:#eee; font-size:21px; }
.azure-footer__az span { padding-left:22px; color:#aaa; border-left:1px solid #555; font-size:12px; }
.azure-footer__az nav { display:flex; flex-wrap:wrap; gap:8px; }
.azure-footer__az nav a { min-width:31px; height:31px; display:grid; place-items:center; padding:0 7px; color:#fff; background:var(--az-blue); border-radius:2px; font-size:11px; }
.azure-footer__az nav a:hover { background:var(--az-blue-2); }
.azure-footer__main { display:grid; grid-template-columns:230px minmax(0,1fr); gap:45px; align-items:center; padding:35px 0 42px; }
.azure-footer__brand { display:flex; align-items:center; gap:8px; color:#fff; font-size:24px; transform:skew(-7deg); }
.azure-footer__brand > span { width:39px; height:39px; display:grid; place-items:center; overflow:hidden; background:#f7f2e8 url('../images/logo-character.png') center 55%/83px 67px no-repeat; border:2px solid #5fc4ff; border-radius:50%; }
.azure-footer__brand em { color:var(--az-blue-2); font-style:normal; }
.azure-footer__nav, .azure-footer__nav .site-footer__menu { justify-content:flex-start; gap:10px 25px; }
.azure-footer__main p { margin:14px 0 8px; color:#aaa; font-size:11px; }
.azure-footer__main small { color:#888; font-size:11px; }

@media (max-width:1100px) {
  .azure-header__top { grid-template-columns:210px minmax(260px,1fr) auto; }
  .azure-tools { grid-column:3; }
  .azure-navigation a { padding-inline:15px; }
  .azure-home__layout { grid-template-columns:minmax(0,1fr) 285px; }
  .azure-feature { grid-template-columns:minmax(0,1fr) 180px; }
  .azure-grid, .azure-series-grid, .azure-grid--ranking, .comic-grid, .latest-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:850px) {
  .azure-header__top { grid-template-columns:minmax(180px,.55fr) minmax(240px,1fr) auto; }
  .azure-brand strong { font-size:25px; }
  .azure-navigation a { padding-inline:11px; font-size:12px; }
  .azure-home__layout { grid-template-columns:1fr; }
  .azure-sidebar { grid-template-columns:1fr 1fr; }
  .azure-grid, .azure-series-grid, .azure-grid--ranking, .comic-grid, .latest-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .container { width:100%; padding-inline:12px; }
  .azure-header__top { min-height:126px; grid-template-columns:minmax(0,1fr) 46px; grid-template-rows:56px 46px; gap:8px 10px; padding:8px 12px 12px; }
  .azure-brand strong { font-size:22px; }
  .azure-brand__mark { width:34px; height:34px; flex-basis:34px; background-size:72px 58px; }
  .azure-search { grid-column:1/-1; grid-row:2; height:46px; }
  .azure-tools { display:none; }
  .azure-menu-toggle { grid-column:2; grid-row:1; width:46px; height:46px; display:grid; align-content:center; gap:5px; padding:9px; color:#fff; background:#222029; border:1px solid #35323d; }
  .azure-menu-toggle > span { height:2px; background:currentColor; }
  .azure-navigation { position:fixed; z-index:500; inset:0; display:none; padding:76px 18px 25px; overflow:auto; background:rgba(11,10,15,.98); }
  .azure-navigation.is-open { display:block; }
  .azure-navigation > .container { width:100%; display:block; padding:0; }
  .azure-navigation ul { display:grid; }
  .azure-navigation li { display:block; }
  .azure-navigation a { min-height:51px; justify-content:flex-start; padding:0 16px; border-bottom:1px solid #35323d; font-size:14px; }
  .azure-surprise { margin-top:20px; border:1px solid #4c4955 !important; }
  .azure-mobile-language { display:flex; margin-top:12px; }
  .azure-mobile-language .language-switcher { width:100%; }
  .azure-mobile-language .language-switcher > button { width:100%; height:48px; justify-content:flex-start; padding:0 16px; color:#fff; background:#222029; border:1px solid #3f3b49; }
  .azure-mobile-language .language-switcher > button b { display:block; }
  .azure-mobile-language .language-switcher__menu { position:static; width:100%; max-height:none; margin-top:6px; background:#232129; border-color:#3f3b49; }
  .azure-mobile-language .language-switcher.is-open .language-switcher__menu { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
  .azure-mobile-language .language-switcher__menu a { min-height:42px; padding:0 14px; color:#ddd; border:0; }
  .azure-home { padding-top:12px; }
  .azure-home__layout { display:block; padding-inline:12px; }
  .azure-feature { grid-template-columns:1fr; }
  .azure-feature__hero { min-height:330px; }
  .azure-feature__hero::before { background-image:linear-gradient(0deg,rgba(13,11,17,.98),rgba(13,11,17,.3)),var(--feature-image); background-position:center; background-size:cover; }
  .azure-feature__content { align-content:end; grid-template-columns:44px minmax(0,1fr); padding:25px 18px; }
  .azure-score { width:42px; height:42px; }
  .azure-feature__content p:last-child { display:none; }
  .azure-feature__side { grid-template-columns:1fr 1fr; grid-template-rows:130px; }
  .azure-grid, .azure-series-grid, .azure-grid--ranking, .comic-grid, .latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 10px; }
  .azure-release > .azure-grid, .azure-recommendation > .azure-grid { padding:12px; }
  .azure-sidebar { grid-template-columns:1fr; margin-top:18px; }
  .azure-about { right:auto; left:auto; width:auto; padding:22px 18px 24px; }
  .azure-about header { align-items:flex-start; }
  .azure-footer__az { padding-inline:12px; }
  .azure-footer__az > .container > div { align-items:flex-start; flex-direction:column; gap:8px; }
  .azure-footer__az span { padding-left:0; border-left:0; }
  .azure-footer__main { grid-template-columns:1fr; gap:22px; padding:30px 18px 36px; text-align:center; }
  .azure-footer__brand { justify-self:center; }
  .azure-footer__nav, .azure-footer__nav .site-footer__menu { justify-content:center; }
}