/* Bridge classic image selectors to editable Core figures; retain campaign geometry. */
.dose-editor-ww { background: #000; color: #fff; overflow: clip; }
.dose-editor-ww :is(.wp-block-group, .wp-block-image, .wp-block-video) { margin-block: 0; }
.dose-editor-ww section { isolation: isolate; }
.dose-editor-ww .bg-image { z-index: -1; margin: 0; }
.dose-editor-ww .bg-image img { width: 100%; height: 100%; object-fit: cover; }
.dose-editor-ww :is(.bg-back-d,.bg-back-m,.emoji,.cir) img { width: 100%; height: 100%; object-fit: contain; }
.dose-editor-ww .scroll-down img { width: auto; height: 40px; }
.dose-editor-ww .manual .top h2 { position: relative; }
.dose-editor-ww .manual .maunal-item { min-width: 0; }
.dose-editor-ww .manual .maunal-item .wp-block-image { display: flex; flex-shrink: 0; align-items: center; margin: 0; }
.dose-editor-ww .manual .maunal-item h4 a { color: inherit; }
.dose-editor-ww :is(.maunal-item,.story-item) h4 a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.dose-editor-ww :is(.maunal-item,.story-item):focus-within { outline: 2px solid #ffeecf; outline-offset: 4px; }
.dose-editor-ww .story-item { border-radius: 0 !important; }
.dose-editor-ww .story-item > .wp-block-image img { width: 100%; height: auto; }
.dose-editor-ww .story-detail h4 a { color: inherit; }
.dose-editor-ww .story .campaign-ambience { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.dose-editor-ww .story .campaign-ambience video { object-fit: cover; }
.dose-editor-ww .cate .wrapper {
	overflow-x: auto;
	padding-block: 8px;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.dose-editor-ww .cate .wrapper::-webkit-scrollbar { display: none; width: 0; height: 0; }
.dose-editor-ww .content-wuthering .pagination {
	display: flex;
	justify-content: center;
	margin-block: 24px 0;
}
.dose-editor-ww .content-wuthering .pagination__next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 8px 32px;
	background: #ac9663;
	color: #1b1918;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
}
.dose-editor-ww .content-wuthering .pagination__next:is(:hover, :focus-visible) {
	background: #ffeecf;
	color: #1b1918;
}
.dose-editor-ww .content-wuthering .pagination__next:focus-visible {
	outline: 2px solid #ffeecf;
	outline-offset: 4px;
}
.dose-editor-ww .content-wuthering .pagination__next[href][aria-disabled="true"] {
	cursor: wait;
}
.dose-editor-ww .content-wuthering .infinite-scroll-request > p::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: dose-ww-loading-spin 0.8s linear infinite;
}
@keyframes dose-ww-loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
	.dose-editor-ww .content-wuthering .infinite-scroll-request > p::before { animation: none; }
}
.dose-editor-ww .content-wuthering .page-load-status {
	display: none;
	margin-block: 16px 0;
	color: #ffeecf;
	text-align: center;
}
.dose-editor-ww .content-wuthering .col-content { min-width: 0; }
.dose-editor-ww .content-wuthering .col-content:empty { display: none; }
.dose-editor-ww .content_grid > .col-content:has(.group_list) { width: 100%; }
.dose-editor-ww .wu-campaign-header { position: fixed; top: var(--wp-admin--admin-bar--height, 0px); width: 100%; z-index: 100; }
.dose-editor-ww .wu-campaign-header .header_in { padding-block: 16px; }
.dose-editor-ww .wu-campaign-header .logo_main img { height: 48px; width: auto; }
.dose-editor-ww .wu-campaign-header .navbar a { color: #fff; }
/* Exact classic section padding is retained above 48px for the illustrated composition. */
@media (max-width: 767px) {
    .dose-editor-ww .wu-campaign-header .navbar { display: none; }
    .dose-editor-ww .wu-campaign-header .header_in { gap: 16px; }
    .dose-editor-ww .wu-campaign-header .group-header { gap: 8px; }
    .dose-editor-ww .wu-campaign-header .social { display: none; }
    .dose-editor-ww .manual .maunal-item h4 { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
    .dose-editor-ww .campaign-ambience { display: none; }
    .dose-editor-ww :is(.maunal-item,.maunal-item *, .story-item) { transition: none !important; transform: none; }
}
.dose-editor-ww .banner .campaign-ambience { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.dose-editor-ww .banner .campaign-ambience video { width: 100%; height: 100%; object-fit: cover; }
.dose-editor-ww .wu-campaign-header .logo_main img { height: 60px; }
.dose-editor-ww .wu-campaign-header .logo_main:not(.is-resized) img {
    transform-origin: left center;
    transition: transform 500ms cubic-bezier(.22, 1, .36, 1);
}
.dose-editor-ww .wu-campaign-header.wu-active .logo_main:not(.is-resized) img { transform: scale(.7); }
@media (min-width: 1200px) {
    .dose-editor-ww .wu-campaign-header.wu-active .logo_main:not(.is-resized) img { transform: scale(.6); }
}
@media (prefers-reduced-motion: reduce) {
    .dose-editor-ww .wu-campaign-header .logo_main img { transition: none; }
}
.dose-editor-ww .dose-card .wp-block-post-title { color: #fff; font-family: proxima-nova-thai, sans-serif; font-weight: 700; }
.dose-editor-ww .dose-card .dose-card__meta { color: #ac9663; }
.dose-editor-ww .dose-card .wp-block-post-excerpt { color: #c5c5c5; }
.dose-editor-ww .dose-campaign-ww-lead .dose-card { display: block; }
.dose-editor-ww .dose-campaign-ww-lead .dose-card__media { margin-bottom: 24px; }
.dose-editor-ww .dose-campaign-ww-lead { margin-bottom: 40px; }

.dose-editor-ww .manual .top > .bg-image { z-index: 0; opacity: .2; }
.dose-editor-ww .manual .top > .bg-image img { opacity: 1; }
.dose-editor-ww .manual .top h2 { font-size: 52px; line-height: 1.4; font-weight: 700; }
.dose-editor-ww .manual .maunal-item h4 { margin: 0; font-weight: 700; line-height: 1.2; }
@media (max-width: 767px) {
    .dose-editor-ww .manual .top h2 { font-size: 26px; }
}

/* One permanent campaign skin; Core layout and authored block styles remain editable. */
.dose-ww-single.single-revamp:is(#article-top, .editor-styles-wrapper *) {
    --ww-gold: #baaa7d;
    --ww-cream: #ffeecf;
    --ww-surface: #17191f;
    --ww-border: #454545;
    --color-border: var(--ww-border);
    --colorGray: var(--ww-border);
    --color-head-text: #fff;
    --color-body-text: #dedbd3;
    --colorBlueMain: var(--ww-gold);
    --colorBlueDeep: var(--ww-gold);
    --dose-header-background: linear-gradient(180deg, #17191ff2, #29251ded);
    --dose-header-navigation-hover: var(--ww-cream);
    --wp--custom--toc--background: var(--ww-surface);
    --wp--custom--toc--foreground: var(--ww-gold);
    --wp--custom--toc--border: var(--ww-border);
    background: #000;
    color: #fff;
    display: flow-root;
    isolation: isolate;

    /* Keep the existing blurred artwork above the wrapper's painted background. */
    & .backdrop_detail { background: #000; pointer-events: none; }
    & .backdrop_detail::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, #080a0db3, #080a0d80 45%, #000); }
    & > [aria-hidden="true"]:empty { margin-block: 0; }
    & .blog_detail_head { margin-block: 0; background: transparent; padding-top: 48px; }
    & .content_detail { background: #000; }
    & .col-layout { border-color: var(--ww-border); }

    /* Reuse the default header's scroll state, sizing and compact logo. */
    & header.wu-campaign-header { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); margin-block: 0; background: transparent !important; }
    & header.wu-campaign-header::before { background: var(--dose-header-background); }
    & header.wu-campaign-header:is(.active,.is-scrolled) { background: var(--ww-surface) !important; }
    & .pacman { display: none !important; }
    & .menu_expand { background: var(--ww-surface); color: var(--ww-cream); }
    & .menu_expand::before { background: none; }
    & .menu_expand .menu_expand_list a:is(.support-btn,[href$="/support"],[href$="/support/"]) { background: var(--ww-gold); color: #17191f; }
    & .menu_expand .menu_expand_list a:is(.support-btn,[href$="/support"],[href$="/support/"]):is(:hover,:focus-visible) { background: var(--ww-cream); color: #17191f; }
    & .menu_expand :is(a,button) { color: var(--ww-cream); }
    & .dose-header-disclosure > :is(.search,.social) { background: var(--ww-surface); }
    & .dose-site-header .social img,
    & .footer-wu-waves .social img { filter: brightness(0) saturate(100%) invert(73%) sepia(14%) saturate(718%) hue-rotate(6deg) brightness(93%) contrast(87%); }
    & header .btn_support { background: var(--ww-gold) !important; color: #17191f; border-color: var(--ww-gold); }
    & header .btn_support:is(:hover,:focus-visible) { background: var(--ww-cream) !important; color: #17191f !important; }
    & .dose-header-search .wp-block-search__inside-wrapper { background: var(--ww-surface); border: 1px solid #7a6e4b; }
    & .dose-header-search .wp-block-search__input { background: transparent; color: #fff; }
    & .dose-header-search .wp-block-search__input::placeholder { color: #dedbd3; }
    & .dose-header-search .wp-block-search__button { background: transparent; color: var(--ww-gold); }
    & .dose-header-search .wp-block-search__button svg { fill: currentColor; }
    & .switch { --primary: var(--ww-gold); }
    & .switch .switch__inner::before { background: var(--ww-gold); }

    & .wp-block-post-content {
        --dose-article-text: #fff;
        --dose-article-prose-text: #dedbd3;
        --dose-article-heading: var(--ww-gold);
        --dose-article-link: var(--ww-gold);
    }
    & .wp-block-post-content blockquote { color: var(--ww-gold); border-color: var(--ww-gold); }
    & .wp-block-post-content blockquote a:not(.has-text-color):not([style*="color"]) { color: var(--ww-gold) !important; }

    /* Keep the same filled icons in the article toolbar, rail and footer. */
    & .dose-article-share,
    & .dose-sticky-actions,
    & .dose-sticky-actions .dose-article-share {
        --dose-share-foreground: #fff;
        --dose-share-background: transparent;
        --dose-share-accent: var(--ww-cream);
    }
    & :is(.dose-article-action-row,.sticky-share-side,.tagandshare) .dose-article-share svg {
        color: #fff;
        background: #75612f;
        border-color: #75612f;
    }
    & :is(.dose-article-action-row,.sticky-share-side,.tagandshare) .dose-article-share :is(a,button):is(:hover,:focus-visible) svg { background: #59491f; border-color: #59491f; }
    & :is(.dose-article-action-row,.sticky-share-side,.tagandshare) .dose-article-share :is(a,button)[data-share-action] { position: relative; }
    & :is(.dose-article-action-row,.sticky-share-side,.tagandshare) .dose-article-share :is(a,button)[data-share-action] svg { visibility: hidden; }
    & :is(.dose-article-action-row,.sticky-share-side,.tagandshare) .dose-article-share :is(a,button)[data-share-action]::after {
        content: ""; position: absolute; width: 32px; height: 32px; border-radius: 50%; background: #75612f;
        mask: var(--ww-share-icon) center / 26px 26px no-repeat, linear-gradient(#000 0 0);
        mask-composite: exclude;
        -webkit-mask-composite: xor;
    }
    & :is(.dose-article-action-row,.sticky-share-side,.tagandshare) .dose-article-share :is(a,button)[data-share-action]:is(:hover,:focus-visible)::after { background: #59491f; }
    & .dose-article-share [data-share-action="facebook"] { --ww-share-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2228%22%20height%3D%2228%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M28%2016c0-6.627-5.373-12-12-12S4%209.373%204%2016c0%205.628%203.875%2010.35%209.101%2011.647v-7.98h-2.474V16H13.1v-1.58c0-4.085%201.849-5.978%205.859-5.978.76%200%202.072.15%202.608.298v3.325c-.283-.03-.775-.045-1.386-.045-1.967%200-2.728.745-2.728%202.683V16h3.92l-.673%203.667h-3.247v8.245C23.395%2027.195%2028%2022.135%2028%2016%22%2F%3E%3C%2Fsvg%3E"); }
    & .dose-article-share [data-share-action="x"] { --ww-share-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%222.6667%202.7057%2026.6667%2026.6667%22%20width%3D%2228%22%20height%3D%2228%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M21.751%207h3.067l-6.7%207.658L26%2025.078h-6.172l-4.833-6.32-5.531%206.32h-3.07l7.167-8.19L6%207h6.328l4.37%205.777L21.75%207Zm-1.076%2016.242h1.7L11.404%208.74H9.58l11.094%2014.503Z%22%2F%3E%3C%2Fsvg%3E"); }
    & .dose-article-share [data-share-action="line"] { --ww-share-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2228%22%20height%3D%2228%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M28%2014.304c0-5.37-5.384-9.738-12-9.738S4%208.936%204%2014.304c0%204.814%204.27%208.846%2010.035%209.608.39.084.923.258%201.058.592.122.303.08.778.04%201.084l-.172%201.028c-.05.303-.24%201.187%201.04.647s6.91-4.07%209.43-6.968c1.74-1.905%202.57-3.842%202.57-5.99zM11.302%2017.5H8.918a.63.63%200%200%201-.63-.63V12.1a.63.63%200%200%201%201.26.002v4.14h1.754c.35%200%20.63.28.63.628a.63.63%200%200%201-.63.63m2.467-.63a.63.63%200%200%201-.63.628.63.63%200%200%201-.63-.63V12.1a.63.63%200%201%201%201.26%200zm5.74%200a.632.632%200%200%201-1.137.378l-2.443-3.33v2.95a.631.631%200%200%201-1.26%200V12.1a.634.634%200%200%201%20.63-.63.63.63%200%200%201%20.504.252l2.444%203.328V12.1a.63.63%200%200%201%201.26%200v4.77zm3.853-3.014a.63.63%200%201%201%200%201.258H21.61v1.126h1.755a.63.63%200%201%201%200%201.258H20.98a.63.63%200%200%201-.628-.63V12.1a.63.63%200%200%201%20.63-.628h2.384a.63.63%200%200%201%200%201.258h-1.754v1.126h1.754z%22%2F%3E%3C%2Fsvg%3E"); }
    & .dose-article-share [data-share-action="native"] { --ww-share-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-2.6667%20-2.6667%2029.3333%2029.3333%22%20width%3D%2226%22%20height%3D%2226%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22m8.59%2013.51%206.83%203.98M8.59%2010.49l6.83-3.98%22%2F%3E%3C%2Fsvg%3E"); }
    & .dose-article-share [data-share-action="copy"] { --ww-share-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220.1317%200.1317%2023.7366%2023.7366%22%20width%3D%2226%22%20height%3D%2226%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M10.6%2013.4a4.1%204.1%200%200%200%205.8%200l2.3-2.3a4.1%204.1%200%201%200-5.8-5.8l-1.32%201.31%22%2F%3E%3Cpath%20d%3D%22M13.4%2010.6a4.1%204.1%200%200%200-5.8%200l-2.3%202.3a4.1%204.1%200%201%200%205.8%205.8l1.32-1.31%22%2F%3E%3C%2Fsvg%3E"); }
    & .dose-sticky-actions :is(.dose-core-bookmark,.dose-core-vote__button) { color: var(--ww-gold); }
    & .dose-sticky-actions :is(.dose-core-bookmark,.dose-core-vote__button):not(:disabled):is(:hover,:active) { background: #baaa7d26; }
    & :is(.share-set,.shareside) :is(h3,h6),
    & :is(.up-to-list-d,.up-to-list-m) { color: var(--ww-gold); }
    & .dose-share-set-composition:not(.is-header-attached) { background: transparent; }
    & .dose-share-set-composition .dose-native-share { color: var(--ww-gold); }
    & .dose-share-set-composition :is(a,button):is(:hover,:active) { background-color: #baaa7d26; }
    & :is(.tagandshare,.dose-article-action-row) .line { background: var(--ww-gold); }
    & .tagside { border: 0; }
    & .tagside a { color: var(--ww-gold); }
    & .tagside a::after { background: currentColor; }

    /* Shared cards carry their campaign title, metadata and interaction colors. */
    & :is(.news,.editorial,.popular) :is(h2,h3,.wp-block-post-title) { color: #fff; }
    & :is(.news,.editorial,.popular) .txthead h2 { color: var(--ww-gold); background: none; -webkit-text-fill-color: currentColor; }
    & :is(.news,.editorial,.popular) .box_info :is(.author,.category,.category a) { color: var(--ww-gold); }
    & :is(.news,.editorial,.popular) .box_info .timepost { color: #c5c1b5; }
    & :is(.news,.editorial,.popular) :is(p,.wp-block-post-excerpt) { color: #dedbd3; }
    & .content.revamp .editorial.revamp { background: var(--ww-surface); }
    & :is(.news,.editorial,.popular) a:is(:hover,:focus-visible) :is(h2,h3) { color: var(--ww-cream); }
    & .popular .num { color: var(--ww-gold); }
    & .popular .view-label { background: url("../../images/view-label-gold-v2.svg") center / contain no-repeat; color: #17191f; }
    & .control_popular :is(.swiper-button-prev,.swiper-button-next) { color: var(--ww-gold); border-color: var(--ww-gold); }

    & :is(.dose-google-source-card,.wrapper_inner_content > .dose-article-panel:not(.has-background)) { background: var(--ww-surface); border-color: var(--ww-border); border-radius: 0; }
    & .dose-google-source-card__copy div > strong { color: var(--ww-gold) !important; }
    & .dose-google-source-card__copy div > span { color: #dedbd3; }
    & :is(.dose-google-source,.dose-google-source-card__action):not(.wp-block-button),
    & .dose-google-source > .wp-block-button__link,
    & .dose-comments input[type=submit] { background: var(--ww-gold); color: #17191f !important; border-color: var(--ww-gold); }
    & :is(.dose-google-source,.dose-google-source-card__action):not(.wp-block-button):is(:hover,:focus-visible),
    & .dose-google-source > .wp-block-button__link:is(:hover,:focus-visible),
    & .dose-comments input[type=submit]:hover { background: var(--ww-cream); color: #17191f !important; }
    & .dose-comments { --dose-comment-surface: var(--ww-surface); color: #dedbd3; }
    & .dose-comments__body { background: #101115; }
    & .dose-comments a { color: var(--ww-gold); }
    & .authorsection { background: #f1efe3; color: #17191f; }
    & .authorsection p { color: #5f5f5f; }
    & .authorsection .btn_readmore:is(:hover,:focus-visible) { color: #6b5828; }
    & .backtotop .wp-block-button__link:not(.has-text-color) { color: var(--ww-gold); background: transparent; }
    & .backtotop .wp-block-button__link:not(.has-text-color):is(:hover,:focus-visible) { color: var(--ww-cream); }
    & .backtotop .wp-block-button__link::before { background: none; width: 8px; height: 8px; left: 50%; border-top: 2px solid currentColor; border-left: 2px solid currentColor; transform: translateX(-50%) rotate(45deg); filter: none; }
    & :is(a,button,input,textarea,summary):focus-visible { outline: 2px solid var(--ww-cream); outline-offset: 4px; }
}
.single-wuthering .dose-contents-dialog {
    --contents-bg: #17191f;
    --contents-text: #fff;
    --contents-muted: #dedbd3;
    --contents-border: #454545;
    --contents-accent: #ffeecf;
    --contents-active: #baaa7d26;
}

.single-wuthering :is(.dose-search, .dose-search-dialog) {
    --dose-search-bg: #17191f;
    --dose-search-fg: #fff;
    --dose-search-muted: #dedbd3;
    --dose-search-hover: #baaa7d26;
    --dose-search-blue: #ffeecf;
}