/* Shared single template. Campaign shells retain their own presentation. */
.dose-native-share__label { display: none; }
.single-revamp#article-top .head_detail .txt h1 { text-wrap: balance; }
.single-revamp#article-top .head_detail .img > img { display: block; width: 100%; height: auto; }
.single-revamp#article-top .main-content-wrapper { min-width: 0; }
/* Keep the featured image and reading controls in ordinary flow. */
.single-revamp#article-top .blog_detail_head .head_detail { margin-bottom: 0; }
.single-revamp#article-top .blog_detail_head { padding-bottom: 0; }
.single-revamp#article-top .blog_detail_head > .container > .layout { gap: 0; }
.single-revamp#article-top .wrapper_inner_content { padding-top: 32px !important; }
.single-revamp#article-top .content_detail { margin-top: 0; }
html[data-theme="dark"] .single-revamp#article-top .dose-article-panel:not(.has-background) { background: var(--wp--preset--color--dose-dark-surface-2, #393b42); }
/* One content owner for ordinary articles, including imported Classic blocks.
   Legacy single.min.css uses !important; these scoped defaults supersede it.
   The editor branch also prevents WordPress from re-prefixing this selector. */
:is(.single-revamp#article-top .wp-block-post-content, .editor-styles-wrapper.dose-article-editor .is-root-container:not(:has(.single-revamp)), #tinymce.wp-editor.dose-article-editor) {
    --dose-article-text: #353942;
    --dose-article-heading: #20242c;
    --dose-article-link: #085dff;
    --dose-article-section-space: var(--wp--preset--spacing--48, 48px);
    color: var(--dose-article-text);
    font-family: thongterm, sans-serif;
    font-size: 18px;
    line-height: 1.85;
    overflow-wrap: break-word;

    & :is(p,li) { font-family: thongterm, sans-serif; font-size: 18px; line-height: 1.85; }
    & p { margin: 0 0 24px; }
    & :is(p,li,figcaption):not(.has-text-color) { color: var(--dose-article-text); }
    & :is(p,li) :is(span,a,b,strong,em) { font-size: inherit; line-height: inherit; }
    & :is(h1,h2,h3,h4,h5,h6) { font-family: proxima-nova-thai, sans-serif; font-weight: 700; line-height: 1.5; text-transform: none; scroll-margin-top: 210px; }
    & :is(h1,h2,h3,h4,h5,h6):not(.has-text-color) { color: var(--dose-article-heading); }
    & :is(h1,h2,h3,h4,h5,h6) :is(span,a,b,strong,em) { font: inherit; }
    & h1 { font-size: 32px; margin: 48px 0 24px; }
    & h2 { font-size: 28px; margin: 48px 0 24px; }
    & h3 { font-size: 24px; margin: 32px 0 16px; }
    & :is(h4,h5,h6) { font-size: 20px; margin: 32px 0 16px; }
    & :is(ul,ol) { margin: 0 0 24px; padding-inline-start: 32px; }
    & li { margin: 0 0 8px; }
    & :is(ul,ol) :is(ul,ol) { margin-block: 8px 0; }
    & :is(img,video,iframe) { max-width: 100%; }
    & img { height: auto; }
    /* Classic captions retain the source image's inline pixel width. Bound the
       wrapper so the image's percentage max-width resolves to the article. */
    & .wp-caption { max-width: 100%; box-sizing: border-box; }
    & :is(figure,.wp-block-image,.wp-block-embed,.wp-block-table) { margin: 32px 0; }
    & figcaption { font-family: proxima-nova-thai, sans-serif; font-size: 14px; line-height: 1.6; margin-top: 8px; }
    & a { color: var(--dose-article-link); text-decoration: underline; text-underline-offset: .2em; }
    & a:focus-visible { outline: 2px solid var(--dose-article-link); outline-offset: 4px; }
    & .wp-block-quote { font-family: proxima-nova-thai, sans-serif; font-size: 24px; font-weight: 400; line-height: 1.6; margin: 32px 0; padding: 0 0 0 24px; border: 0; border-inline-start: 2px solid var(--dose-article-link); }
    & .wp-block-quote p { font-family: proxima-nova-thai, sans-serif; font-size: 24px; font-weight: 400; line-height: 1.6; }
    & .wp-block-quote cite { font-family: proxima-nova-thai, sans-serif; font-size: 16px; font-weight: 400; }
    & .dose-article-callout { margin: 32px 0; padding: 24px; border: 1px solid var(--dose-article-link); }
    & .dose-article-callout h3 { margin-top: 0; }
    & .dose-article-callout > :last-child { margin-bottom: 0; }
    & :is(.table-wrap,.wp-block-table) { max-width: 100%; overflow-x: auto; }
    & .wp-block-table table { width: 100%; }
    /* Imported Classic tables can carry inline percentage widths. Keep these
       article tables full width without changing nested tables or block sizing. */
    & .table-wrap > table { width: 100% !important; }
    & .wp-block-table :is(th,td) { padding: 16px; }
    /* One margin per boundary, including the wrapper used by Classic blocks.
       Inline block margins still override these article defaults. */
    &, & .wp-block-freeform {
        & > table { width: 100% !important; }
        & > :nth-child(n) { margin-block: 0; }
        & > :where(:not(.wp-block-spacer)) + :nth-child(n):where(:not(.wp-block-spacer)) { margin-block-start: var(--wp--preset--spacing--24, 24px); }
        & > :is(h1,h2):not(:first-child) { margin-block-start: var(--dose-article-section-space); }
        & > :is(h3,h4,h5,h6,figure,.wp-block-image,.wp-block-gallery,.wp-block-embed,.wp-block-table,.wp-block-quote,.wp-block-pullquote,.dose-article-callout):not(:first-child) { margin-block-start: var(--wp--preset--spacing--32, 32px); }
        & > :is(figure,.wp-block-image,.wp-block-gallery,.wp-block-embed,.wp-block-table,.wp-block-quote,.wp-block-pullquote,.dose-article-callout) + :not(h1,h2,.wp-block-spacer) { margin-block-start: var(--wp--preset--spacing--32, 32px); }
        & > :is(h3,h4,h5,h6) + :is(p,ul,ol):not(:first-child) { margin-block-start: var(--wp--preset--spacing--16, 16px); }
    }
    & :is(.wp-block-quote,.wp-block-pullquote) > :last-child { margin-bottom: 0; }
}
[data-theme="dark"] :is(.single-revamp#article-top .wp-block-post-content, .editor-styles-wrapper.dose-article-editor .is-root-container, #tinymce.wp-editor.dose-article-editor) {
    --dose-article-text: #e0e2e8;
    --dose-article-heading: #f0f0f0;
    --dose-article-link: #9dbaff;
}
@media (max-width: 767px) {
    :is(.single-revamp#article-top .wp-block-post-content, .editor-styles-wrapper.dose-article-editor .is-root-container:not(:has(.single-revamp)), #tinymce.wp-editor.dose-article-editor) {
        --dose-article-section-space: var(--wp--preset--spacing--32, 32px);
        & :is(p,li) { font-size: 17px; line-height: 1.8; }
        & h1 { font-size: 28px; }
        & h2 { font-size: 24px; }
        & h3 { font-size: 21px; }
        & :is(.wp-block-quote,.wp-block-quote p) { font-size: 21px; }
    }
}
html[data-theme="dark"] .single-revamp#article-top :is(.dose-article-toc,.dose-toc-float) {
    --wp--custom--toc--background: #393b42;
    --wp--custom--toc--border: #565b66;
    --wp--custom--toc--foreground: #ffffff;
    --wp--custom--toc--secondary: #bfc4cd;
    --wp--custom--toc--muted: #bcbcbc;
    --wp--custom--toc--hover: rgba(255,255,255,.05);
    --wp--custom--toc--pressed: rgba(255,255,255,.09);
    --wp--custom--toc--accent: #e5e5e5;
}
html[data-theme] .single-revamp#article-top .dose-article-toc { padding: 24px; margin: 0 0 32px; color: var(--wp--custom--toc--foreground); background: var(--wp--custom--toc--background); border: 1px solid var(--wp--custom--toc--border); border-radius: 12px; }
.single-revamp#article-top .dose-article-toc summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; color: var(--wp--custom--toc--foreground); font-weight: 600; font-size: 17px; min-height: 32px; list-style: none; }
.single-revamp#article-top .dose-article-toc summary::-webkit-details-marker { display: none; }
.single-revamp#article-top .dose-article-toc summary::after { content: ''; width: 8px; height: 8px; flex-shrink: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform 220ms ease; }
.single-revamp#article-top .dose-article-toc[open] summary::after { transform: rotate(225deg); }
.single-revamp#article-top .dose-article-toc nav { padding-top: 8px; }
.single-revamp#article-top .dose-article-toc ol { list-style: none; margin: 0; padding: 0 !important; }
.single-revamp#article-top .dose-article-toc ol ol { margin-left: 16px; }
.single-revamp#article-top .dose-article-toc li { margin: 0 !important; padding: 0; font-size: 16px !important; line-height: 1.6 !important; }
.single-revamp#article-top .dose-article-toc a { display: block; padding: 8px; border-radius: 8px; color: var(--wp--custom--toc--foreground) !important; font-size: 16px !important; line-height: 1.6 !important; text-decoration: none; overflow-wrap: anywhere; transition: background-color 180ms ease !important; }
.single-revamp#article-top .dose-article-toc a::before { content: none; }
.single-revamp#article-top .dose-article-toc .dose-toc-level-2 > a { font-weight: 500; }
.single-revamp#article-top .dose-article-toc .dose-toc-level-3 > a { font-weight: 400; color: var(--wp--custom--toc--secondary) !important; }
.single-revamp#article-top .dose-article-toc .dose-toc-level-4 > a { font-size: 14px !important; color: var(--wp--custom--toc--muted) !important; }
.single-revamp#article-top .dose-article-toc a:hover { background-color: var(--wp--custom--toc--hover); }
.single-revamp#article-top .dose-article-toc a:active { background-color: var(--wp--custom--toc--pressed); }
.single-revamp#article-top .dose-article-toc summary:active { color: var(--wp--custom--toc--accent); }
.single-revamp#article-top .dose-article-toc :is(a,summary):focus-visible { outline: 2px solid var(--wp--custom--toc--accent); outline-offset: 4px; }
.single-revamp#article-top .dose-article-toc[data-dose-motion="off"] *, .single-revamp#article-top .dose-article-toc[data-dose-motion="off"] summary::after { transition: none !important; }
@supports (interpolate-size: allow-keywords) {
    .single-revamp#article-top .dose-article-toc { interpolate-size: allow-keywords; }
    .single-revamp#article-top .dose-article-toc::details-content { height: 0; opacity: 0; overflow: clip; transition: height 240ms ease, opacity 200ms ease, content-visibility 240ms allow-discrete !important; }
    .single-revamp#article-top .dose-article-toc[open]::details-content { height: auto; opacity: 1; }
    .single-revamp#article-top .dose-article-toc[data-dose-motion="off"]::details-content { transition: none !important; }
}
.dose-article-action-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; margin-bottom: 32px; }
.dose-article-action-row .sticky-share-side { position: static; width: auto; height: auto; }
.dose-article-action-row .share-set { display: flex; position: static; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 16px; padding: 0; margin: 0; }
.dose-article-action-row .share-set h6 { writing-mode: horizontal-tb; transform: none; font-size: 16px; line-height: 1.4; margin: 0; }
.single-revamp#article-top :is(.dose-article-action-row,.tagandshare) .line { display: none; }
.dose-article-share { display: flex; flex-direction: row; flex-wrap: wrap; width: auto; gap: 8px; }
.dose-article-share :is(a,button) { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; min-width: 44px; padding: 0; border: 1px solid var(--dose-share-accent, #0032af); border-radius: 50%; color: var(--dose-share-foreground, #fff) !important; background: var(--dose-share-background, #0032af); text-decoration: none !important; cursor: pointer; }
.dose-article-share :is(a,button)::before { content: none; }
.dose-article-share :is(a,button):hover { color: var(--dose-share-foreground, #fff) !important; background: var(--dose-share-accent, #085dff); border-color: var(--dose-share-accent, #085dff); }
.dose-article-share button[data-copied="true"] { box-shadow: inset 0 0 0 3px currentColor; }
.dose-article-share [hidden] { display: none; }
.dose-article-share svg { display: block; flex-shrink: 0; }
.dose-article-share svg[aria-hidden][fill="none"] path { fill: none; }
.dose-article-share svg[aria-hidden] path[fill="currentColor"] { fill: currentColor; }

.dose-article-share :is(a,button):focus-visible { outline: 3px solid var(--dose-share-accent, #085dff); outline-offset: 4px; }
/* Plain monochrome icons; inline controls use a larger target than the compact rail. */
.single-revamp#article-top .dose-article-share { --dose-share-foreground: #4b5563; --dose-share-background: transparent; --dose-share-accent: #e5e7eb; }
.single-revamp#article-top .dose-article-share :is(a,button) { width: 48px; height: 48px; min-width: 48px; min-height: 48px; flex-basis: 48px; border: 0; border-radius: 12px; transition: background-color 150ms ease !important; }
.single-revamp#article-top .dose-article-share svg { width: 28px; height: 28px; }
.single-revamp#article-top .dose-article-share :is(a,button):is(:hover,:active) { background: var(--dose-share-accent); }
.single-revamp#article-top .dose-article-share :is(a,button):focus-visible { outline-color: currentColor; }
.share-set.vertical .dose-article-share { flex-direction: column; width: 44px; }
.dose-article-action-row .dose-article-share { flex-direction: row; width: auto; }
.single-rer .dose-article-share { --dose-share-accent: #b11b21; --dose-share-background: #000; }
.ragnarok-wrapper .dose-article-share { --dose-share-accent: #ffcb08; --dose-share-background: #000; }
.coa-wrapper .dose-article-share { --dose-share-accent: #3063f1; --dose-share-background: #3063f1; }
.single-gamecom .dose-article-share { --dose-share-accent: #e4173f; --dose-share-background: #e4173f; }
.single-wuthering .dose-article-share { --dose-share-accent: #baaa7d; --dose-share-background: #baaa7d; --dose-share-foreground: #17191f; }
@media (min-width: 992px) {
    /* Keep enough desktop gutter for the 48px rail and its separation at tablet widths. */
    .single-revamp#article-top { --paddingX70: 70px; }
    .wrapper_inner_content .sticky-share-side:has(.dose-article-share) { position: absolute; left: -64px; top: auto; width: 44px; height: 100%; }
    .wrapper_inner_content .share-set.vertical:has(.dose-article-share) { flex-direction: column; align-items: center; justify-content: flex-start; }
}
@media (min-width: 992px) and (max-width: 1365px) {
    .wrapper_inner_content:has(> .sticky-share-side .dose-article-share),
    .single-wuthering .wrapper_inner_content:has(.dose-article-share) { margin-left: 40px; }
}
@media (max-width: 991px) {
    .sticky-share-side:has(.dose-article-share) { position: static; width: auto; height: auto; }
    .share-set.vertical:has(.dose-article-share) { position: static; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 28px; padding: 0; }
    .share-set.vertical:has(.dose-article-share) h6 { writing-mode: horizontal-tb; transform: none; margin: 0; }
    .share-set.vertical:has(.dose-article-share) .line { display: none; }
    .share-set.vertical .dose-article-share { flex-direction: row; width: auto; }
}

.single-revamp#article-top .dose-google-source:not(.wp-block-button) { display: inline-flex; align-items: center; flex-shrink: 1; gap: 8px; min-height: 44px; padding: 8px 16px 8px 8px; border: 0; border-radius: 6px; background: #085dff; color: #fff !important; font: 700 16px/1.3 anantason,proxima-nova-thai,sans-serif; text-decoration: none; white-space: normal; }
.single-revamp#article-top .dose-google-source__mark { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; background: #fff; }
.single-revamp#article-top .dose-google-source__mark svg { display: block; width: 24px; height: 24px; }
.single-revamp#article-top .dose-google-source-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px; margin-top: 48px; border: 1px solid #dce0e7; border-radius: 12px; background: #f3f6fa; }
.single-revamp#article-top .dose-google-source-card__copy { display: flex; align-items: center; gap: 16px; min-width: 0; }
.single-revamp#article-top .dose-google-source-card .dose-google-source__mark { width: 56px; height: 56px; flex-basis: 56px; }
.single-revamp#article-top .dose-google-source-card .dose-google-source__mark svg { width: 36px; height: 36px; }
.single-revamp#article-top .dose-google-source-card__copy div > strong { display: block; color: #17191f; font: 700 24px/1.4 anantason,proxima-nova-thai,sans-serif; }
.single-revamp#article-top .dose-google-source-card__copy div > span { display: block; color: #5c626e; font-size: 18px; line-height: 1.5; margin-top: 8px; }
.single-revamp#article-top .dose-google-source-card__action:not(.wp-block-button) { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 52px; padding: 8px 16px; border-radius: 6px; background: #085dff; color: #fff !important; font: 700 18px/1.4 anantason,proxima-nova-thai,sans-serif; text-decoration: none; }
.single-revamp#article-top :is(.dose-google-source,.dose-google-source-card__action):not(.wp-block-button):hover { background: #0049d6; }
.single-revamp#article-top .up-to-list-d:not(.wp-block-button),
.single-revamp#article-top .up-to-list-m:not(.wp-block-button) { border: 0; cursor: pointer; font: inherit; }
.single-revamp#article-top .up-to-list-d:not(.wp-block-button) { background: transparent; }
.single-revamp#article-top .tagandshare { gap: 24px; flex-wrap: wrap; margin-top: 40px; }
.single-revamp#article-top .tagandshare .tagside { flex: 1 1 280px; max-width: none; }
.single-revamp#article-top .tagandshare .shareside { flex-direction: column; align-items: flex-start; gap: 16px; }
.single-revamp#article-top .tagandshare .shareside h3 { font-size: 16px; line-height: 1.4; margin: 0; }
.single-revamp#article-top .reviewsection { margin-block: 40px; }
.single-revamp#article-top .reviewsection .toppart { gap: 24px; }
.single-revamp#article-top .reviewsection .rightpart img { display: block; width: 100%; height: auto; }
.single-revamp#article-top .authorsection .author-img { gap: 20px; }
.single-revamp#article-top .authorsection .avatar { flex-shrink: 0; }
.single-revamp#article-top :is(a,button,summary):focus-visible { outline: 3px solid #085dff; outline-offset: 4px; }
[data-theme="dark"] .dose-article-share :is(a,button):focus-visible { outline-color: #9dbaff; }
[data-theme="dark"] .single-revamp#article-top .dose-article-share { --dose-share-foreground: #fff; --dose-share-accent: #ffffff1a; }
[data-theme="dark"] .single-revamp#article-top .dose-google-source-card { background: #393b42; border-color: #565b66; }
[data-theme="dark"] .single-revamp#article-top .dose-google-source-card__copy div > strong { color: #fff; }
[data-theme="dark"] .single-revamp#article-top .dose-google-source-card__copy div > span { color: #bfc4cd; }
[data-theme="dark"] .single-revamp#article-top :is(a,button,summary):focus-visible { outline-color: #9dbaff; }
@media (max-width: 991px) {
    .single-revamp#article-top .head_detail .txt h1 { font-size: 28px; line-height: 1.45; }
    html[data-theme] .single-revamp#article-top .dose-article-toc { padding: 16px; }
    .single-revamp#article-top .dose-article-toc li { font-size: 16px; }
    .single-revamp#article-top .reviewsection .toppart { display: flex; flex-direction: column; }
    .single-revamp#article-top .reviewsection .toppart > div { width: 100%; }
    .single-revamp#article-top .authorsection .box-author { display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
}
@media (max-width: 767px) {
    .single-revamp#article-top .dose-article-action-row { gap: 16px; }
    .single-revamp#article-top .dose-google-source-card { flex-direction: column; align-items: stretch; gap: 16px; padding: 16px; }
    .single-revamp#article-top .dose-google-source-card__copy { gap: 16px; }
    .single-revamp#article-top .dose-google-source-card__copy div > strong { font-size: 20px; }
    .single-revamp#article-top .dose-google-source-card__copy div > span { font-size: 16px; }
    .single-revamp#article-top .tagandshare .tagside { flex-basis: auto; }
}

.single-revamp#article-top .dose-article-action-row > * { min-width: 0; max-width: 100%; }
/* Compact native member actions; names remain available to assistive technology. */
.single-revamp#article-top .dose-member-engagement { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-block: 32px; padding: 0 !important; border: 0; background: transparent; color: inherit; }
.single-revamp#article-top .dose-member-engagement > * { margin: 0 !important; max-width: 100%; }
.single-revamp#article-top .dose-member-engagement > :is(h2,p) { display: none; }
.single-revamp#article-top .dose-member-engagement form { margin: 0; min-width: 0; }
.single-revamp#article-top .dose-member-engagement .dose-core-vote { justify-content: flex-start; gap: 8px; margin: 0; min-width: 0; }
.single-revamp#article-top .dose-member-engagement :is(.dose-core-bookmark,.dose-core-vote__button) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 48px; min-height: 48px; max-width: 100%; padding: 8px 16px; border: 0; border-radius: 24px; background: #e8efff; color: #0032af; font: 700 14px/1.4 proxima-nova-thai, sans-serif; text-decoration: none; transition: transform 220ms cubic-bezier(.2,.8,.2,1), border-radius 220ms cubic-bezier(.2,.8,.2,1), background 150ms ease, color 150ms ease, box-shadow 150ms ease; }
.single-revamp#article-top .dose-member-engagement .dose-core-bookmark { width: 48px; padding: 8px; border-radius: 16px; background: #085dff; color: #fff; }
.single-revamp#article-top .dose-member-engagement :is(.dose-core-bookmark,.dose-core-vote__button) span { font: inherit !important; }
.single-revamp#article-top .dose-member-engagement :is(.dose-core-bookmark,.dose-core-vote__button) svg { flex-shrink: 0; transition: transform 220ms cubic-bezier(.2,.8,.2,1); }
@media (hover: hover) and (pointer: fine) {
    .single-revamp#article-top .dose-member-engagement :is(.dose-core-bookmark,.dose-core-vote__button):not(:disabled):hover { transform: translateY(-2px); border-radius: 12px; box-shadow: 0 4px 12px #0032af26; }
    .single-revamp#article-top .dose-member-engagement :is(.dose-core-bookmark,.dose-core-vote__button):not(:disabled):hover svg { transform: scale(1.12); }
}
.single-revamp#article-top .dose-member-engagement :is(.dose-core-bookmark,.dose-core-vote__button):not(:disabled):active { transform: scale(.92); border-radius: 12px; box-shadow: none; }
.single-revamp#article-top .dose-member-engagement :is(.dose-core-vote__button[aria-pressed="true"],.dose-core-bookmark.is-bookmarked) { color: #fff; background: #0032af; border-radius: 12px; box-shadow: inset 0 0 0 2px #9dbaff; }
.single-revamp#article-top .dose-member-engagement .dose-core-bookmark--error { color: #fff; background: #b42318; }
.single-revamp#article-top .dose-member-engagement :is(button,a):focus-visible { outline: 2px solid #085dff; outline-offset: 4px; }
[data-theme="dark"] .single-revamp#article-top .dose-member-engagement .dose-core-vote__button { color: #c5d7ff; background: #243d6a; }
[data-theme="dark"] .single-revamp#article-top .dose-member-engagement :is(.dose-core-vote__button[aria-pressed="true"],.dose-core-bookmark.is-bookmarked) { color: #fff; background: #0032af; }
[data-theme="dark"] .single-revamp#article-top .dose-member-engagement :is(button,a):focus-visible { outline-color: #9dbaff; }
@media (width <= 991px) {
    .single-revamp#article-top .dose-article-action-row { align-items: flex-start; gap: 16px; }
}
@media (width <= 767px) {
    .single-revamp#article-top .dose-article-action-row { flex-direction: column; align-items: flex-start; }
    .single-revamp#article-top .dose-article-action-row > .dose-google-source { width: fit-content; font-size: 14px; }
    .single-revamp#article-top .dose-article-action-row .share-set { justify-content: flex-start; gap: 8px; }
    .single-revamp#article-top .dose-article-action-row .share-set h6 { flex-basis: 100%; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
    .single-revamp#article-top .dose-member-engagement :is(.dose-core-bookmark,.dose-core-vote__button),
    .single-revamp#article-top .dose-member-engagement :is(.dose-core-bookmark,.dose-core-vote__button) svg { transition: none; transform: none !important; }
}

/* One mobile action row; existing member blocks retain state and keyboard access. */
@media (max-width: 991px) {
    .single-revamp#article-top .content_detail { overflow: clip; }
    .single-revamp#article-top .content_detail .banner_side {
        position: static; margin: 16px 0; padding: 0; text-align: center;
    }
    .single-revamp#article-top .content_detail .banner_side > div { top: auto; margin-inline: auto; }
    .single-revamp#article-top .dose-share-set-composition {
        position: sticky; top: calc(var(--dose-header-bottom, 88px) - 8px); z-index: 90;
        display: flex; align-items: center; gap: 8px; min-height: 64px;
        margin-block: 0 16px; padding-block: 8px;
        background: var(--wp--custom--toc--background, #fff);
        transition: transform 180ms cubic-bezier(.2,.8,.2,1), opacity 180ms ease !important;
        &:not(:has(.dose-share-compact)) { flex-wrap: wrap; }
        &.is-scroll-hidden:not(:has(:focus-visible)) { transform: translateY(calc(-100% - 8px)); opacity: 0; pointer-events: none; }
        & :is(.dose-article-action-row,.dose-sticky-actions,.sticky-share-side,.dose-member-engagement,.dose-member-engagement form,.dose-core-vote,.wp-block-buttons) { display: contents; }
        & .dose-article-action-row > .share-set { display: flex; flex-shrink: 0; align-items: center; gap: 8px; margin: 0; }
        & .dose-article-action-row > .share-set > .dose-article-share { margin: 0; }
        & .dose-sticky-actions .share-set { display: contents; }
        & :is(h6,.dose-share-total,.dose-sticky-actions .dose-article-share,.dose-core-vote__login,.up-to-list-d) { display: none; }
        & :is(.dose-core-bookmark,.dose-core-vote__button) {
            min-width: 48px; min-height: 48px; height: 48px; margin: 0; padding: 8px;
            border-radius: 8px; font-size: 14px; gap: 8px;
        }
        & :is(.dose-core-bookmark,.dose-core-vote__button):hover { transform: none; box-shadow: none; }
        & :is(.dose-core-bookmark,.dose-core-vote__button):active { transform: scale(.96); }
        & .dose-google-source { margin: 0; flex-shrink: 0; }
        & :is(a.dose-google-source,.dose-google-source > .wp-block-button__link) {
            display: inline-flex; align-items: center; justify-content: center;
            min-width: 48px; min-height: 48px; height: 48px; gap: 8px; padding: 8px;
            background: #f3f4f6; color: #353942; border-radius: 8px;
        }
        & a.dose-google-source { color: #353942 !important; }
        & .dose-google-source__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
        & :is(a.dose-google-source,.dose-google-source > .wp-block-button__link)::after { content: 'News'; font: 700 14px/1.4 proxima-nova-thai, sans-serif; }
        & .dose-google-source__mark { width: 24px; height: 24px; background: transparent; }
        & .dose-google-source__mark svg { width: 24px; height: 24px; }
        & .wp-block-button.dose-google-source > .wp-block-button__link::before { width: 24px; height: 24px; flex-basis: 24px; background-color: transparent; }
    }
    .single-revamp#article-top .dose-share-compact {
        & .dose-article-share { width: auto; flex-direction: row; }
        & .dose-article-share:not(:has(.dose-native-share)), & .dose-article-share :is(a,.dose-copy-link) { display: none; }
        & .dose-native-share { width: auto; flex-basis: auto; gap: 8px; padding: 8px; border-radius: 8px; background: #f3f4f6; }
        & .dose-native-share__label { display: inline; font: 700 14px/1.4 proxima-nova-thai, sans-serif; }
        & .dose-native-share svg { width: 24px; height: 24px; }
        & .dose-native-share:disabled { opacity: .6; cursor: wait; }
        & .dose-native-share:is(:hover,:active) { background: #e5e7eb; }
        & .dose-native-share:active { transform: scale(.96); }
    }
    [data-theme="dark"] .single-revamp#article-top .dose-share-set-composition { background: #292d34; }
    [data-theme="dark"] .single-revamp#article-top :is(a.dose-google-source,.dose-share-compact .dose-native-share) { color: #e5e7eb !important; background: #383d46 !important; }
    .single-revamp#article-top .dose-share-set-composition.is-header-attached {
        margin-inline: -16px; padding-inline: 16px;
        background: var(--dose-header-background) !important; color: #fff;
        --dose-share-foreground: #fff; --dose-share-accent: #ffffff30;
        & :is(a.dose-google-source,.dose-google-source > .wp-block-button__link,.dose-native-share,.dose-core-bookmark,.dose-core-vote__button) {
            color: #fff !important; background: transparent !important;
        }
        & :is(a,button):is(:hover,:active),
        & :is(.dose-core-bookmark.is-bookmarked,.dose-core-vote__button[aria-pressed="true"]) { background: #ffffff30 !important; }
        & :is(a,button):focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
    }
}
@media (max-width: 400px) {
    .single-revamp#article-top .dose-share-set-composition :is(a.dose-google-source,.dose-google-source > .wp-block-button__link)::after { content: none; }
}
@media (max-width: 359px) {
    .single-revamp#article-top .dose-share-set-composition { gap: 0; }
    .single-revamp#article-top .dose-share-set-composition .dose-native-share__label { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .single-revamp#article-top .dose-share-set-composition { transition: none !important; }
    .single-revamp#article-top :is(.dose-share-set-composition,.dose-share-compact) :is(a,button) { transition: none !important; }
    .single-revamp#article-top .dose-share-compact .dose-native-share:active { transform: none; }
}

/* Sticky desktop rail; static article actions on narrower screens. */
.share-set:has(.dose-share-total) .dose-share-total { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 48px; text-align: center; color: inherit; }
.dose-share-total strong { font-size: 24px; line-height: 1; }
.dose-share-total > span { font-size: 12px; line-height: 1.3; }
[data-theme="dark"] .share-set:has(.dose-share-total) .dose-share-total { color: #fff; }
.share-set:has(.dose-share-total) .dose-article-share :is(a,button) { width: 48px; height: 48px; min-width: 48px; min-height: 48px; flex-basis: 48px; }
.share-set:has(.dose-share-total) .dose-member-engagement { margin: 0; flex-wrap: nowrap; }
.share-set:has(.dose-share-total) .dose-core-vote { flex-wrap: nowrap; }
.single-revamp#article-top .dose-sticky-actions .dose-core-vote__button { padding: 8px; }
.single-revamp#article-top .dose-sticky-actions .dose-member-engagement { margin: 0; }
.single-revamp#article-top .dose-sticky-actions { --dose-share-foreground: #4b5563; --dose-share-background: transparent; --dose-share-accent: #e5e7eb; }
.single-revamp#article-top .dose-sticky-actions .dose-article-share { --dose-share-foreground: inherit; --dose-share-background: transparent; --dose-share-accent: inherit; }
.single-revamp#article-top .dose-sticky-actions .dose-article-share :is(a,button) { color: var(--dose-share-foreground) !important; background: transparent; border: 0; border-radius: 12px; transition: background-color 150ms ease !important; }
.single-revamp#article-top .dose-sticky-actions .dose-article-share :is(a,button):is(:hover,:active) { background: var(--dose-share-accent); }
.single-revamp#article-top .dose-sticky-actions :is(.dose-core-bookmark,.dose-core-vote__button) { color: var(--dose-share-foreground); background: transparent; border: 0; border-radius: 12px; box-shadow: none; transition: background-color 150ms ease; }
.single-revamp#article-top .dose-sticky-actions :is(.dose-core-bookmark,.dose-core-vote__button):not(:disabled):is(:hover,:active) { transform: none; border-radius: 12px; box-shadow: none; background: var(--dose-share-accent); }
.single-revamp#article-top .dose-sticky-actions :is(.dose-core-bookmark,.dose-core-vote__button):not(:disabled):hover svg { transform: none; }
.single-revamp#article-top .dose-sticky-actions :is(.dose-core-bookmark.is-bookmarked,.dose-core-vote__button[aria-pressed="true"]) { color: var(--dose-share-foreground); background: var(--dose-share-accent); box-shadow: inset 0 0 0 1px currentColor; }
.single-revamp#article-top .dose-sticky-actions .dose-core-bookmark--error { color: #b42318; }
[data-theme="dark"] .single-revamp#article-top .dose-sticky-actions { --dose-share-foreground: #fff; --dose-share-accent: #ffffff1a; }
[data-theme="dark"] .single-revamp#article-top .dose-sticky-actions :is(.dose-core-bookmark,.dose-core-vote__button) { color: #fff; background: transparent; }
[data-theme="dark"] .single-revamp#article-top .dose-sticky-actions :is(.dose-core-bookmark.is-bookmarked,.dose-core-vote__button[aria-pressed="true"]) { background: var(--dose-share-accent); }
[data-theme="dark"] .single-revamp#article-top .dose-sticky-actions .dose-core-vote__login { color: #fff; }
.single-revamp#article-top .dose-sticky-actions .up-to-list-d { color: var(--dose-share-foreground); }
.single-revamp#article-top .dose-sticky-actions .up-to-list-d path { fill: currentColor; }
.single-revamp#article-top .dose-sticky-actions .share-set :is(a,button):focus-visible { outline: 3px solid currentColor; outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) {
    .single-revamp#article-top .dose-article-share :is(a,button) { transition: none !important; }
    .single-revamp#article-top .dose-sticky-actions :is(.dose-article-share a,.dose-article-share button,.dose-core-bookmark,.dose-core-vote__button) { transition: none; }
}
.single-revamp#article-top .wrapper_inner_content > .dose-google-source { margin-bottom: 32px; }
@media (min-width: 992px) {
    /* Header token already includes 8px clearance; add 8px for a 16px gap. */
    .single-revamp#article-top .content_detail .banner_side { top: calc(var(--dose-header-bottom, 112px) + 8px); padding: 0; }
    .single-revamp#article-top .content_detail .banner_side > div { top: auto; }
    .single-revamp#article-top .wrapper_inner_content:has(.dose-sticky-actions) { padding-inline-start: 0; }
    .single-revamp#article-top .dose-sticky-actions { margin: 0; }
    /* Reference rail sits in the existing 70px column gutter, outside the reading measure. */
    .single-revamp#article-top .dose-sticky-actions .sticky-share-side { position: absolute; left: -64px; top: 16px; bottom: 40px; width: 48px; height: auto; }
    .single-revamp#article-top .dose-sticky-actions .share-set,
    .wrapper_inner_content .share-set.vertical:has(.dose-share-total) { position: sticky; top: calc(var(--dose-header-bottom, 112px) + 8px) !important; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 8px; align-items: center; justify-content: safe center; height: calc(100dvh - var(--dose-header-bottom, 112px) - 24px); overflow-y: auto; overflow-x: hidden; scrollbar-width: none; padding: 0; }
    .single-revamp#article-top .dose-sticky-actions .share-set > * { flex-shrink: 0; }
    .single-revamp#article-top .dose-sticky-actions .share-set h6 { writing-mode: horizontal-tb; transform: none; margin: 0; font-size: 12px; line-height: 1; }
    .single-revamp#article-top .dose-sticky-actions .dose-article-share { order: 1; }
    .single-revamp#article-top .dose-sticky-actions .dose-share-total { order: 2; }
    .single-revamp#article-top .dose-sticky-actions .dose-member-engagement { order: 3; }
    .single-revamp#article-top .dose-sticky-actions .up-to-list-d { order: 4; }
    .single-revamp#article-top .dose-sticky-actions .dose-share-total { min-width: 40px; gap: 8px; }
    .single-revamp#article-top .dose-sticky-actions .dose-share-total strong { font-size: 20px; }
    .single-revamp#article-top .dose-sticky-actions .dose-share-total > span { font-size: 11px; }
    .single-revamp#article-top .dose-sticky-actions :is(.dose-article-share a,.dose-article-share button,.dose-core-bookmark,.dose-core-vote__button) { width: 40px; height: 40px; min-width: 40px; min-height: 40px; padding: 8px; box-sizing: border-box; }
    .single-revamp#article-top .dose-sticky-actions .dose-article-share :is(a,button) { padding: 0; flex-basis: 40px; }
    .single-revamp#article-top .dose-sticky-actions .dose-article-share svg { width: 22px; height: 22px; }
    .single-revamp#article-top .dose-sticky-actions .dose-core-vote__button { gap: 4px; font-size: 12px; padding: 4px; }
    .single-revamp#article-top .dose-sticky-actions .dose-core-vote__button svg { width: 16px; height: 16px; }
    .single-revamp#article-top .dose-sticky-actions .dose-article-share,
    .share-set.vertical:has(.dose-share-total) .dose-article-share { flex-direction: column; flex-wrap: nowrap; gap: 0; width: 48px; }
    .share-set.vertical:has(.dose-share-total) .dose-member-engagement,
    .share-set.vertical:has(.dose-share-total) .dose-core-vote { flex-direction: column; align-items: center; gap: 8px; }
    .share-set:has(.dose-share-total) .dose-core-vote__login { font-size: 12px; text-align: center; }
}
@media (max-width: 991px) {
    .single-revamp#article-top .dose-sticky-actions { position: static; width: 100%; margin-bottom: 32px; }
    .single-revamp#article-top .dose-sticky-actions .sticky-share-side { width: 100%; }
    .single-revamp#article-top .dose-sticky-actions .share-set { flex-direction: row; flex-wrap: wrap; gap: 16px; padding: 0; margin: 0; }
    .single-revamp#article-top .dose-sticky-actions :is(h6,.dose-article-share) { display: none; }
    .single-revamp#article-top .dose-sticky-actions .share-set > * { flex-shrink: 0; }
    .single-revamp#article-top .dose-sticky-actions .dose-article-share { flex-wrap: nowrap; }
    .single-revamp#article-top .dose-sticky-actions .dose-share-total { width: 64px; }
    .single-revamp#article-top .dose-sticky-actions .dose-core-vote__login { max-width: 96px; font-size: 12px; }
}
@media (max-width: 767px) {
    .single-revamp#article-top .dose-sticky-actions :is(.dose-member-engagement,.dose-core-vote,.dose-member-engagement form) { display: contents; }
    .single-revamp#article-top .dose-sticky-actions .dose-share-total { width: 48px; gap: 8px; }
    .single-revamp#article-top .dose-sticky-actions .dose-share-total > span { font-size: 10px; }
    .single-revamp#article-top .dose-sticky-actions .dose-core-vote__login { max-width: none; }
}

/* Native button attributes own resting colors, typography, border and padding. */
:where(.wp-block-button.dose-google-source > .wp-block-button__link,
       .wp-block-button.dose-google-source-card__action > .wp-block-button__link) {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; white-space: normal;
}
:where(.wp-block-button.dose-google-source-card__action > .wp-block-button__link) { min-height: 52px; }
:where(.wp-block-button.dose-google-source > .wp-block-button__link)::before {
    content: ""; display: inline-flex; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%;
    background: #fff url("../images/google-source.svg") center / 24px 24px no-repeat;
}
html[data-theme] .single-revamp#article-top .wp-block-button.dose-toc-float {
    position: fixed; inset: auto 24px 24px auto; z-index: 100; width: auto; max-width: calc(100vw - 48px);
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity 200ms ease, visibility 200ms;
}
:where(.wp-block-button.dose-toc-float > .wp-block-button__link) { min-width: 44px; min-height: 44px; }

/* Existing article controls share the contents surface and theme tokens. */
html[data-theme] .single-revamp#article-top .dose-toc-float:not(.wp-block-button) {
    position: fixed; inset: auto 24px 24px auto; z-index: 100; display: inline-flex;
    flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 8px; width: auto; height: auto;
    min-width: 44px; min-height: 44px; max-width: calc(100vw - 48px); padding: 8px 16px;
    margin: 0; border: 1px solid var(--wp--custom--toc--border); border-radius: 12px; color: var(--wp--custom--toc--foreground); font-size: 14px; font-weight: 500;
    line-height: 1.4; background: var(--wp--custom--toc--background);
    box-shadow: none; cursor: pointer;
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity 200ms ease, visibility 200ms !important;
}
html[data-theme] .single-revamp#article-top .dose-toc-float.active { opacity: 1; visibility: visible; pointer-events: auto; }
html[data-theme] .single-revamp#article-top .dose-toc-float[data-position="left"] { left: 24px; right: auto; }
html[data-theme] .single-revamp#article-top .dose-toc-float svg { width: 20px; height: 20px; flex-shrink: 0; }
html[data-theme] .single-revamp#article-top .dose-toc-float:not(.wp-block-button) span { font-size: 14px !important; line-height: 1.4 !important; }
html[data-theme] .single-revamp#article-top .dose-toc-float path { fill: currentColor; }
html[data-theme] .single-revamp#article-top .dose-toc-float:hover { filter: brightness(1.08); }
html[data-theme] .single-revamp#article-top .dose-toc-float:active { filter: brightness(.9); }
html[data-theme] .single-revamp#article-top .dose-toc-float:focus-visible { outline: 2px solid var(--wp--custom--toc--accent); outline-offset: 4px; }
html[data-theme] .single-revamp#article-top .dose-toc-float[data-dose-motion="off"] { transition: none !important; }
@media (min-width: 992px) {
    html[data-theme] .single-revamp#article-top .dose-toc-float.up-to-list-m { display: none; }
}
@media (max-width: 991px) {
    html[data-theme] .single-revamp#article-top .dose-toc-float.up-to-list-d { display: none; }
    html[data-theme] .single-revamp#article-top .dose-toc-float { right: 16px; bottom: calc(80px + env(safe-area-inset-bottom)); max-width: calc(100vw - 32px); }
    html[data-theme] .single-revamp#article-top .dose-toc-float[data-position="left"] { left: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    html[data-theme] .single-revamp#article-top .dose-article-toc *, html[data-theme] .single-revamp#article-top .dose-article-toc summary::after,
    html[data-theme] .single-revamp#article-top .dose-article-toc::details-content,
    html[data-theme] .single-revamp#article-top .dose-toc-float { transition: none !important; }
}