/*
Theme Name: HongsWorld Dark Press
Theme URI: https://hongsworld.pe.kr/
Author: HongsWorld
Description: Customizable purple-accented dark editorial WordPress theme with live visual Customizer. Newspaper-style lead stories, chronological sidebar, category features, and ad slots.
Version: 2.6.2
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: hongsworld-darkpress
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--bg:#1b1b20;--panel:#23232a;--text:#f4f1f8;--muted:#aaa4b5;--line:#41404a;--purple:#b798ff;--purple-strong:#8f62ed;--width:1260px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover,a:focus-visible{color:var(--purple)}img{max-width:100%;height:auto;display:block}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.container{width:min(calc(100% - 40px),var(--width));margin-inline:auto}.site-top{border-bottom:1px solid var(--line)}.masthead{min-height:114px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.masthead-meta{font-size:12px;color:var(--muted)}.site-brand{text-align:center}.site-title{font-size:clamp(30px,4vw,48px);font-weight:850;letter-spacing:-.065em;line-height:1.15}.site-title span{color:var(--purple)}.site-tagline{margin:7px 0 0;font-size:12px;color:var(--muted)}.head-tools{display:flex;gap:14px;justify-content:flex-end;align-items:center}.tool-btn{color:var(--text);background:none;border:0;padding:6px}.tool-btn svg{height:22px;width:22px}.main-nav{border-top:1px solid var(--line);border-bottom:3px solid var(--purple-strong)}.nav-inner{display:flex;align-items:center;justify-content:center;min-height:43px}.nav-list{display:flex;gap:clamp(15px,3vw,33px);list-style:none;margin:0;padding:0;align-items:center}.nav-list a{font-size:14px;font-weight:750}.nav-list .current-menu-item>a,.nav-list .current_page_item>a{color:var(--purple)}.mobile-menu-button{display:none}.search-drawer{border-bottom:1px solid var(--line);padding:12px 0}.search-drawer[hidden],.mobile-menu[hidden]{display:none}.search-form{display:flex;gap:8px}.search-field{flex:1;background:#292932;color:white;border:1px solid #55505e;border-radius:3px;padding:10px 12px;min-width:0}.search-submit{background:var(--purple-strong);border:0;color:white;padding:10px 18px;border-radius:3px}.mini-bar{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding-block:15px;border-bottom:1px solid var(--line);color:#c5bdcf}.mini-bar strong{color:var(--purple)}.home-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(260px,1.06fr);gap:25px;padding-top:23px}.lead-secondary{grid-column:1;grid-row:1}.lead-primary{grid-column:2;grid-row:1}.latest-sidebar{grid-column:3;grid-row:1;border-left:1px solid var(--line);padding-left:22px}.story-image{width:100%;aspect-ratio:16/9;object-fit:cover;background:#30303a}.lead-primary .story-image{aspect-ratio:1.59}.story-kicker,.section-kicker{font-weight:750;color:var(--purple);font-size:12px;letter-spacing:.03em}.story-title{font-size:clamp(19px,2.3vw,32px);line-height:1.34;letter-spacing:-.05em;margin:10px 0}.lead-primary .story-title{font-size:clamp(26px,2.55vw,40px);text-align:center;margin:13px 0 8px}.story-excerpt{font-size:13px;color:var(--muted);margin:8px 0}.lead-primary .story-excerpt{text-align:center;font-size:14px}.small-headlines{list-style:none;margin:18px 0 0;padding:0}.small-headlines li{border-top:1px solid var(--line);padding:12px 0;font-size:14px;font-weight:650}.latest-sidebar h2,.section-heading{font-size:19px;line-height:1.3;margin:0 0 12px}.latest-sidebar h2:after,.section-heading:after{content:'';display:block;margin-top:9px;height:2px;width:48px;background:var(--purple-strong)}.latest-list{list-style:none;margin:0;padding:0}.latest-list li{padding:10px 0;border-bottom:1px solid var(--line)}.latest-list li a{font-size:14px;line-height:1.45;font-weight:650;display:block}.post-date{font-size:11px;color:var(--muted);display:block;margin-top:4px}.view-all{color:var(--purple);display:inline-block;font-size:13px;font-weight:700;margin-top:13px}.empty-note{color:var(--muted);font-size:14px}.ad-wrap{margin:30px auto 40px;min-height:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;padding:12px;text-align:center}.ad-placeholder{font-size:11px;color:#807a8a;letter-spacing:.14em}.ad-wrap .widget{width:100%}.ad-wrap .widget-title{display:none}.feature-sections{padding-top:5px}.feature-section{margin:0 0 40px}.section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:19px}.section-top .section-heading{margin:0 0 11px}.section-more{color:var(--purple);font-size:12px;font-weight:750}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-card .story-image{aspect-ratio:16/9}.feature-card h3{font-size:18px;letter-spacing:-.035em;line-height:1.4;margin:9px 0 5px}.feature-card .post-date{margin-top:5px}.site-footer{border-top:1px solid var(--line);margin-top:40px;color:var(--muted);font-size:12px;padding:27px 0 50px}.site-footer .container{display:flex;gap:15px;justify-content:space-between}.inner-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:44px;margin-top:35px}.content-header{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.content-header h1{font-size:clamp(27px,3vw,42px);line-height:1.3;letter-spacing:-.05em;margin:10px 0}.entry-meta{font-size:13px;color:var(--muted)}.entry-content{font-size:17px;line-height:1.95;overflow-wrap:anywhere}.entry-content p{margin:0 0 1.4em}.entry-content h2,.entry-content h3{line-height:1.4;margin-top:1.8em}.entry-content a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.entry-content figure{margin:1.5em 0}.entry-content figcaption{font-size:13px;color:var(--muted);text-align:center}.entry-content blockquote{border-left:3px solid var(--purple-strong);padding-left:18px;margin:25px 0;color:#c8bfd4}.entry-content pre,.entry-content table{max-width:100%;overflow:auto}.entry-content img{height:auto}.entry-content .wp-block-image img{max-width:100%}.single-feature{margin:16px 0 28px}.single-feature img{width:100%;height:auto}.entry-tags{margin-top:30px;font-size:13px;color:var(--muted)}.inner-sidebar{border-left:1px solid var(--line);padding-left:22px}.archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.archive-card h2{font-size:18px;line-height:1.4;margin:10px 0 5px}.pagination{margin-top:30px}.pagination .page-numbers{display:inline-block;padding:7px 12px;border:1px solid var(--line);margin-right:4px}.pagination .current{background:var(--purple-strong);color:#fff}.no-posts{padding:50px 0;color:var(--muted)}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:10px;z-index:100}.skip-link:focus{left:10px}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;white-space:nowrap}.screen-reader-text:focus{clip:auto;height:auto;width:auto;z-index:1000;background:#fff;color:#111;padding:10px;left:10px;top:10px}.alignwide{max-width:100%}.alignfull{width:100%}.wp-block-separator{border-color:var(--line)}
@media(max-width:1050px){.home-lead{grid-template-columns:minmax(0,.9fr) minmax(0,1.65fr)}.latest-sidebar{grid-column:1/-1;grid-row:2;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}.latest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.inner-layout{grid-template-columns:minmax(0,1fr) 230px;gap:24px}}
@media(max-width:650px){.container{width:min(calc(100% - 32px),var(--width))}.masthead{min-height:68px;grid-template-columns:1fr auto 1fr}.masthead-meta,.site-tagline,.nav-inner{display:none}.site-title{font-size:26px}.head-tools{gap:4px}.tool-btn{padding:5px}.mobile-menu-button{display:block}.mobile-menu{border-bottom:1px solid var(--line);padding:13px 16px}.mobile-menu .nav-list{flex-direction:column;align-items:flex-start;gap:12px}.mini-bar{font-size:11px;overflow:hidden;white-space:nowrap}.mini-bar .pick{display:none}.home-lead{display:flex;flex-direction:column;gap:24px;padding-top:18px}.lead-primary{order:1}.lead-secondary{order:2;border-top:1px solid var(--line);padding-top:24px}.latest-sidebar{order:3}.lead-primary .story-image{aspect-ratio:16/9}.lead-primary .story-title{text-align:left;font-size:26px;margin-top:10px}.lead-primary .story-excerpt{text-align:left}.story-title{font-size:22px}.latest-list{display:block}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-card{border-bottom:1px solid var(--line);padding-bottom:20px}.feature-card:last-child{border:0}.ad-wrap{margin:26px auto;min-height:90px}.inner-layout{display:block;margin-top:23px}.inner-sidebar{border-left:0;border-top:1px solid var(--line);padding:20px 0;margin-top:35px}.archive-list{grid-template-columns:1fr}.site-footer .container{display:block}.site-footer .container span{display:block;margin-bottom:6px}.entry-content{font-size:16px}}

/* v2 visual settings: ordered newspaper columns and mobile stacks */
@media(min-width:1051px){.home-lead{display:flex;align-items:stretch;gap:25px}.home-lead>.lead-primary{order:var(--pc-position);flex:0 1 calc(var(--hw-main-share) - 9%);min-width:0}.home-lead>.lead-secondary{order:var(--pc-position);flex:1 1 22%;min-width:0}.home-lead>.latest-sidebar{order:var(--pc-position);flex:1 1 23%;min-width:235px;max-width:33%}}
@media(min-width:651px) and (max-width:1050px){.home-lead>.lead-primary{grid-column:2;grid-row:1}.home-lead>.lead-secondary{grid-column:1;grid-row:1}.home-lead>.latest-sidebar{grid-column:1/-1;grid-row:2}}
@media(max-width:650px){.home-lead>.lead-primary,.home-lead>.lead-secondary,.home-lead>.latest-sidebar{order:var(--mb-position)}.home-lead>.lead-secondary{border-top:1px solid var(--line);padding-top:24px}.home-lead>.latest-sidebar{border-top:1px solid var(--line);padding-top:20px}}

/* v2.1: fixed-width editorial sections and dedicated article typography */
.home-below{min-width:0;margin-top:32px}
.home-below>.feature-section{width:100%;max-width:none;margin-inline:0;padding-inline:0}
.home-below>.ad-wrap{width:100%;max-width:none;margin-inline:0}
.home-below .section-top{width:100%}
.home-below .feature-grid{width:100%}
.home-below .feature-card{min-width:0;overflow-wrap:anywhere}
.home-below .feature-card img{width:100%}
.home-below .empty-note{grid-column:1/-1}
.home-below .feature-section+.feature-section{margin-top:10px}
.article-shell{padding-top:34px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:52px;align-items:start}
.article-main,.article-sidebar{min-width:0}
.article-header{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:25px}
.article-category{font-size:12px;font-weight:750;color:var(--purple);margin-bottom:12px}
.article-category a{color:var(--purple)}
.article-title{font-size:clamp(29px,3.3vw,48px);letter-spacing:-.047em;line-height:1.27;margin:0 0 15px;overflow-wrap:anywhere}
.article-subtitle{font-size:clamp(16px,1.5vw,20px);color:#cec7d8;margin:0 0 20px;line-height:1.6}
.article-byline{font-size:12px;color:var(--muted)}
.article-hero{margin:0 0 32px}.article-hero img{width:100%;height:auto}
.article-hero figcaption{font-size:12px;color:var(--muted);margin-top:9px;text-align:center}
.article-body{font-size:17px;line-height:2;max-width:100%;}
.article-body > p,.article-body > h2,.article-body > h3,.article-body > ul,.article-body > ol,.article-body > blockquote{max-width:780px;margin-left:auto;margin-right:auto}
.article-body iframe,.article-body video{max-width:100%}
.article-body img{max-width:100%;height:auto}
.article-tags{font-size:13px;color:var(--muted);margin:34px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.article-neighbors{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}
.article-sidebar{border-left:1px solid var(--line);padding-left:23px;position:sticky;top:24px}
@media(max-width:1050px){.article-layout{grid-template-columns:minmax(0,1fr) 245px;gap:25px}}
@media(max-width:760px){.article-shell{padding-top:22px}.article-layout{display:flex;flex-direction:column;gap:28px}.article-main,.article-sidebar{width:100%}.article-sidebar{position:static;border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.article-title{font-size:clamp(27px,7vw,36px)}.article-body{font-size:16px;line-height:1.9}.article-hero{margin-bottom:22px}.home-below{margin-top:24px}}

/* v2.2: Remove orphaned separators; maintain compact single-post footer. */
.article-tags:empty,.article-neighbors:empty,.entry-content > .wp-block-separator:empty{display:none}
.article-neighbors{border-bottom:0;margin-top:26px;padding:15px 0}
.hongs-article > :last-child{margin-bottom:0}
/* Accessible desktop submenus, with mobile nested links */
.nav-list li{position:relative}
.nav-list .sub-menu{display:none;position:absolute;z-index:60;top:100%;left:0;min-width:170px;list-style:none;margin:0;padding:8px 0;background:#292532;border:1px solid #56486a;box-shadow:0 8px 22px #0005}
.nav-list .sub-menu li a{display:block;white-space:nowrap;padding:9px 15px}
.nav-list li:hover > .sub-menu,.nav-list li:focus-within > .sub-menu{display:block}
.mobile-menu .nav-list .sub-menu{display:block;position:static;border:0;box-shadow:none;background:transparent;margin:8px 0 0 12px;padding:0}
.mobile-menu .nav-list .sub-menu li a{font-size:13px;color:#d0baff;padding:5px 0}
/* Headings: purple gradient with solid color fallback */
.article-title,.article-body h1,.article-body h2,.article-body h3{color:#c9aaff;background-image:linear-gradient(105deg,#e9d5ff 0%,#bc9afb 52%,#9266e9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media (forced-colors:active){.article-title,.article-body h1,.article-body h2,.article-body h3{-webkit-text-fill-color:currentColor;background:none}}

/* v2.3 — keep all images aligned with article text, including WordPress image blocks. */
.article-body > :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,figure,.wp-block-image,.wp-block-gallery,.wp-block-cover,.wp-block-video,.wp-block-embed,.wp-block-table,.wp-block-columns,.wp-block-group,.wp-block-separator){width:100%;max-width:780px;margin-left:auto;margin-right:auto}
.article-body > figure.wp-block-image,.article-body > .wp-block-image,.article-body > figure.wp-block-gallery{margin-top:1.5em;margin-bottom:1.5em}
.article-body figure.wp-block-image img,.article-body .wp-block-image img,.article-body figure.wp-block-gallery img{max-width:100%;height:auto}
.article-body :is(figcaption,.wp-element-caption,.wp-block-image figcaption,.wp-block-gallery figcaption,.wp-block-video figcaption,.wp-block-embed figcaption),.article-hero figcaption{color:#c7a7ff;-webkit-text-fill-color:#c7a7ff;font-size:13px;line-height:1.65;text-align:center;margin-top:9px}
@media(max-width:760px){.article-body > :is(p,figure,.wp-block-image,.wp-block-gallery,.wp-block-cover,.wp-block-video,.wp-block-embed){max-width:100%}}

/* External lead image responsive dimensions */
.article-hero-image{display:block;width:100%;height:auto;max-width:100%}

/* v2.5: Table of contents and no duplicate featured hero in article pages */
.hwdp-toc{box-sizing:border-box;max-width:780px;margin:0 auto 32px;padding:22px 26px;background:#292531;border:1px solid #5d4a78;border-radius:8px}
.hwdp-toc-title{font-size:18px;font-weight:800;color:#d9bcff;margin-bottom:10px}
.hwdp-toc-list{margin:0;padding:0 0 0 22px;list-style:decimal}
.hwdp-toc-list li{margin:5px 0;line-height:1.65;font-size:15px}
.hwdp-toc-list .hwdp-toc-level-3{margin-left:22px;font-size:14px;list-style:circle}
.hwdp-toc-list a{color:#eee5fa;text-decoration:none}
.hwdp-toc-list a:hover,.hwdp-toc-list a:focus-visible{color:#cfb0ff;text-decoration:underline}
.article-body h2[id],.article-body h3[id]{scroll-margin-top:95px}
@media(max-width:760px){.hwdp-toc{padding:16px 18px;margin-bottom:22px}}

/* v2.5.2 editorial single post + optional manual 3-line summary */
.article-header-wide{max-width:100%;border-bottom:0;margin-bottom:0;padding-bottom:26px}
.article-header-wide .article-title{max-width:1160px;font-size:clamp(30px,3.2vw,46px)}
.article-header-wide .article-subtitle{margin-top:20px}
.article-layout-editorial{grid-template-columns:minmax(0,1fr) 320px;gap:52px;border-top:1px solid var(--line);padding-top:24px}
.article-layout-editorial .article-sidebar{position:static}
.article-layout-editorial .article-body> :is(p,figure,h2,h3,ul,ol,blockquote){max-width:100%;}
.hwdp-summary{padding:18px 22px;background:#2e2d36;border:1px solid #8467a2;margin:0 0 28px}
.hwdp-summary-heading{font-size:16px;color:#bd9dff;margin:0 0 12px}
.hwdp-summary ul{margin:0;padding-left:21px}
.hwdp-summary li{margin-bottom:8px;font-size:15px;line-height:1.65}
.hwdp-summary li:last-child{margin-bottom:0}
.article-ad-widget{margin-bottom:30px;overflow:hidden}
.article-ad-widget img,.article-ad-widget iframe{max-width:100%}
.article-ad-widget .widget{margin-bottom:12px}
@media(max-width:850px){.article-layout-editorial{display:flex;flex-direction:column;gap:28px}.article-layout-editorial .article-sidebar{width:100%;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.article-header-wide .article-title{font-size:clamp(28px,6vw,40px)}}


/* v2.5.3: editorial mobile reading experience */
@media (max-width: 760px) {
  .site-top .container.masthead {
    width: calc(100% - 32px);
    min-height: 60px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    position: relative;
  }
  .site-brand { grid-column: 2; grid-row: 1; min-width: 0; }
  .site-title { font-size: 24px; line-height: 1.15; white-space: nowrap; }
  .head-tools { grid-column: 1; grid-row: 1; justify-content: flex-start; gap: 4px; z-index: 2; }
  .head-tools .tool-btn { padding: 6px; }
  .mobile-menu-button { display: inline-flex; }
  .main-nav .nav-inner { display: block; min-height: 0; width: 100%; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .main-nav .nav-inner::-webkit-scrollbar { display: none; }
  .main-nav .nav-list { display: flex; width: max-content; min-width: 100%; justify-content: flex-start; gap: 22px; padding: 10px 16px; white-space: nowrap; }
  .main-nav .nav-list > li { flex: 0 0 auto; }
  .main-nav .nav-list > li > a { font-size: 14px; }
  .main-nav .nav-list .sub-menu { display: none; }
  .mobile-menu { position: absolute; z-index: 99; left: 0; right: 0; background: #25212c; box-shadow: 0 12px 26px #0008; }
  .mobile-menu .nav-list { width: 100%; }
  .article-shell { width: calc(100% - 40px); padding-top: 20px; }
  .article-header-wide { padding-bottom: 18px; }
  .article-header-wide .article-title { font-size: clamp(24px, 5.8vw, 34px); line-height: 1.32; margin: 0 0 14px; letter-spacing: -.035em; }
  .article-header-wide .article-subtitle { margin: 12px 0 18px; line-height: 1.6; font-size: 16px; }
  .article-header-wide .article-byline { font-size: 12px; padding-bottom: 12px; }
  .article-layout-editorial { border-top: 1px solid var(--line); padding-top: 23px; display: flex; flex-direction: column; gap: 26px; }
  .article-layout-editorial .article-main { width: 100%; min-width: 0; }
  .hwdp-summary { padding: 17px 16px; margin-bottom: 22px; }
  .hwdp-summary-heading { font-size: 16px; }
  .hwdp-summary li { font-size: 14px; line-height: 1.75; }
  .article-body { font-size: 16px; line-height: 1.85; }
  .article-layout-editorial .article-body > :is(p,figure,h2,h3,ul,ol,blockquote,.wp-block-image,.wp-block-gallery) { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; }
  .article-body :is(figure,.wp-block-image,.wp-block-gallery) { max-width: 100%; }
  .article-body figure img,.article-body .wp-block-image img { max-width: 100%; height: auto; }
  .article-body :is(figcaption,.wp-element-caption,.wp-block-image figcaption) { text-align: left !important; color:#c7a7ff; -webkit-text-fill-color:#c7a7ff; margin-top:8px; }
  .article-layout-editorial .article-sidebar { width: 100%; padding-top: 24px; margin-top: 10px; }
}
@media (max-width: 380px) {
  .site-title { font-size: 21px; }
  .main-nav .nav-list { gap: 17px; }
  .article-shell { width: calc(100% - 30px); }
}

/* v2.5.4: Center the five-item navigation on phones without horizontal scrolling. */
@media (max-width: 760px) {
  .main-nav .nav-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    width: min(calc(100% - 12px), var(--width));
    min-height: 45px;
  }
  .main-nav .nav-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: clamp(9px, 3.3vw, 24px);
    width: auto;
    min-width: 0;
    padding: 8px 0;
    margin: 0 auto;
    white-space: nowrap;
  }
  .main-nav .nav-list > li { flex: 0 0 auto; }
  .main-nav .nav-list > li > a { font-size: clamp(12px, 3.5vw, 14px); }
}
@media (max-width: 350px) {
  .main-nav .nav-list { gap: 8px; }
  .main-nav .nav-list > li > a { font-size: 12px; }
}

/* v2.5.5: compact centered nav and prevent mobile viewport clipping */
@media (max-width: 760px) {
  html,body { width:100%; max-width:100%; }
  .site-top,.main-nav,.site-footer,.article-shell,.home-lead,.home-below { max-width:100%; }
  .main-nav .nav-inner { width:100%; max-width:100%; padding-inline:10px; overflow:visible; }
  .main-nav .nav-list { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; width:100%; max-width:100%; min-width:0; gap:2px clamp(10px,3vw,18px); padding:9px 0; margin:0; white-space:normal; }
  .main-nav .nav-list > li { flex:0 0 auto; }
  .main-nav .nav-list > li > a { display:block; font-size:clamp(12px,3.35vw,14px); white-space:nowrap; line-height:1.6; }
  .main-nav .nav-list .sub-menu { display:none; }
  .container,.article-shell { max-width:100%; }
  .article-layout,.article-layout-editorial,.article-main,.article-body,.entry-content,.article-sidebar,.archive-list,.feature-grid { min-width:0; max-width:100%; }
  .article-body :is(figure,.wp-block-image,.wp-block-gallery,.wp-block-cover,.wp-block-video,.wp-block-embed),
  .entry-content :is(figure,.wp-block-image,.wp-block-gallery,.wp-block-cover,.wp-block-video,.wp-block-embed) { max-width:100%; }
  .article-body :is(img,video,iframe),.entry-content :is(img,video,iframe) { max-width:100%; height:auto; }
  .article-ad-widget,.ad-wrap,.ad-wrap .widget { max-width:100%; min-width:0; }
  .article-body :is(pre,table),.entry-content :is(pre,table) { max-width:100%; overflow-x:auto; }
  .article-title,.article-subtitle,.story-title,.article-body p,.entry-content p { overflow-wrap:anywhere; }
}
@media (max-width: 360px) {
  .main-nav .nav-inner { padding-inline:6px; }
  .main-nav .nav-list { column-gap:9px; }
  .main-nav .nav-list > li > a { font-size:12px; }
}

/* v2.5.6 mobile nav: center the *real* WordPress menu; override old max-width:650 rules */
@media screen and (max-width:760px) {
  body .main-nav > .nav-inner.container {
    display:flex !important;
    width:100% !important;
    min-height:46px;
    margin-inline:auto;
    padding-inline:8px;
    justify-content:center !important;
    align-items:center;
    overflow:visible;
  }
  body .main-nav > .nav-inner > ul.nav-list,
  body .main-nav > .nav-inner > div > ul.nav-list,
  body .main-nav > .nav-inner .menu > ul {
    display:flex !important;
    justify-content:center !important;
    align-items:center;
    flex-wrap:wrap;
    width:fit-content !important;
    max-width:100%;
    min-width:0 !important;
    margin:0 auto !important;
    padding:8px 0 !important;
    gap:4px clamp(11px,3.2vw,20px);
    list-style:none;
    white-space:normal;
  }
  body .main-nav .nav-list > li > a {font-size:clamp(12px,3.15vw,14px);}
}

/* HongsWorld v2.5.7: heading-level return-to-TOC links */
.article-body .hwdp-back-to-toc {
  display:inline-block;
  margin-inline-start: .9rem;
  white-space:nowrap;
  font-size: .75rem;
  font-weight:500;
  line-height:1.6;
  text-decoration:none;
  color:#C7A7FF !important;
  -webkit-text-fill-color:#C7A7FF !important;
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  vertical-align:middle;
}
.article-body .hwdp-back-to-toc:hover,
.article-body .hwdp-back-to-toc:focus-visible {text-decoration:underline; color:#E9D5FF !important; -webkit-text-fill-color:#E9D5FF !important;}
.article-body .hwdp-back-to-toc:focus-visible {outline:2px solid #C7A7FF;outline-offset:3px;}
#hwdp-toc-top, .article-body h2, .article-body h3 {scroll-margin-top:6rem;}
@media (max-width:600px) {.article-body .hwdp-back-to-toc {font-size:.7rem;margin-inline-start:.5rem;}}
@media (prefers-reduced-motion:no-preference){html:has(#hwdp-toc-top){scroll-behavior:smooth;}}

/* HongsWorld 2.6: floating article utilities, print and article-tail */
.hw-tools{position:fixed;right:max(12px,calc((100vw - 1390px)/2));top:39%;z-index:80;display:flex;flex-direction:column;gap:7px;padding:9px;border:1px solid #55436a;border-radius:15px;background:#25202f;box-shadow:0 10px 30px #0006}
.hw-tool{cursor:pointer;border:1px solid #59476d;background:#33283f;color:#eadbff;border-radius:9px;padding:9px 8px;font:inherit;font-size:12px;min-width:65px;text-align:center}
.hw-tool:hover,.hw-tool:focus-visible{background:#594174;outline:1px solid #b991ff}
.hw-tool .hw-ico{display:block;font-size:19px;line-height:1.4}
.hw-tool-note{display:none;position:fixed;bottom:96px;left:50%;transform:translateX(-50%);z-index:150;border-radius:8px;padding:12px;background:#392b49;color:#fff;box-shadow:0 8px 20px #0009;max-width:90vw;text-align:center;font-size:13px}
.hw-tool-note.show{display:block}
.article-main{min-width:0}
.hw-related,.hw-popular,.hw-site-index,.hw-comments{margin:35px 0;padding-top:22px;border-top:1px solid #494052}
.hw-bottom-heading{font-size:21px;margin:0 0 14px;color:#cab2fa}
.hw-post-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hw-post-links li{min-width:0;padding:13px;background:#2b2634;border-radius:8px;border:1px solid #41334d}
.hw-post-links a,.hw-site-index a{color:#ece0ff;text-decoration:none}
.hw-site-index .hw-tax-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}
.hw-site-index .hw-tax-list li{border:1px solid #59436c;padding:7px 10px;border-radius:7px}
.hw-copyright{font-size:12px;color:#b9a7ca;margin:24px 0 12px;text-align:center}
.hw-print-head{display:none}
@media(max-width:960px){.hw-tools{right:10px;top:auto;bottom:10px;flex-direction:row;left:10px;justify-content:center;gap:4px;padding:5px}.hw-tool{min-width:0;flex:1;padding:6px 2px;font-size:10px}.hw-tool .hw-ico{font-size:15px}.hw-post-links{grid-template-columns:1fr}body.single-post{padding-bottom:75px}}
@media print{
 @page{size:A4;margin:18mm 19mm}
 html,body,body.single-post{background:#fff !important;color:#161616 !important;padding:0 !important;margin:0 !important;font-family:serif !important}
 .site-header,.main-nav,.site-footer,.hw-tools,.hw-tool-note,.article-sidebar,.hw-related,.hw-popular,.hw-site-index,.hw-comments,.comments-area,.article-neighbors,.article-tags,.hwdp-back-to-toc,.hwdp-toc,.hwdp-summary,.article-ad-widget,footer,nav,.screen-reader-text{display:none !important}
 .article-shell,.article-layout,.article-main,.hongs-article,.article-header,.article-header-wide,.article-body,.entry-content,.article-body>*,.article-header>*{width:100% !important;max-width:100% !important;min-width:0 !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;box-shadow:none !important;border:none !important;background:none !important}
 .article-layout{display:block !important}
 .article-title,h1{font-size:23pt !important;line-height:1.28 !important;color:#151515 !important;-webkit-text-fill-color:#151515 !important;background:none !important}
 h2,h3{color:#292137 !important;-webkit-text-fill-color:#292137 !important;background:none !important;break-after:avoid}
 .article-body,.article-body p{font-size:11pt !important;line-height:1.85 !important;color:#222 !important;-webkit-text-fill-color:#222 !important}
 .article-body figure,.article-body img{max-width:100% !important;height:auto !important;break-inside:avoid}
 .article-body figcaption{color:#555 !important;-webkit-text-fill-color:#555 !important;font-size:9pt !important}
 .hw-print-head{display:block !important;border-bottom:1px solid #bbb !important;padding:0 0 8px !important;margin:0 0 16px !important;font:10pt sans-serif !important;color:#555 !important}
 .article-header{padding-top:0 !important}
 a{color:inherit !important;text-decoration:none !important}
}

/* 2.6.1: Compact scroll-aware reader utilities */
.hw-tools{left:max(8px,calc((100vw - var(--width))/2 - 66px));right:auto;top:115px;bottom:auto;padding:5px;gap:3px;border-radius:11px;background:#26212bdc;backdrop-filter:blur(8px);box-shadow:0 5px 20px #0004;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.hw-tools.hw-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.hw-tool{width:38px;height:38px;min-width:0;padding:4px;display:flex;align-items:center;justify-content:center;position:relative;font-size:0;border:0;background:transparent;border-radius:7px}
.hw-tool .hw-ico{font-size:17px;line-height:1}
.hw-tool:hover{background:#594174}
.hw-tool::after{content:attr(aria-label);position:absolute;left:calc(100% + 9px);top:50%;transform:translateY(-50%);padding:5px 8px;color:#fff;background:#40324e;border-radius:5px;white-space:nowrap;font-size:11px;opacity:0;pointer-events:none}
.hw-tool:hover::after,.hw-tool:focus-visible::after{opacity:1}
.hw-tools.hw-near-end{opacity:0;visibility:hidden;pointer-events:none}
.hw-mini-toggle{display:none}
.mini-bar{justify-content:flex-start}
.mini-bar .pick{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mini-bar .pick a{color:#eee5f6}
.mini-bar .pick a:hover{color:var(--purple)}
@media(max-width:1400px) and (min-width:861px){.hw-tools{left:8px}}
@media(max-width:860px){
 .hw-tools{left:auto;right:14px;top:auto;bottom:calc(18px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:5px;width:auto;padding:6px;border-radius:14px}
 .hw-tools .hw-tool{display:none;width:37px;height:37px;flex:initial}
 .hw-tools.hw-expanded .hw-tool{display:flex}
 .hw-tools .hw-mini-toggle{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:10px;background:#594174;color:#fff;font-size:21px;cursor:pointer;order:10}
 .hw-tools .hw-mini-toggle:focus-visible{outline:2px solid #dfc7ff}
 .hw-tool::after{display:none}
 body.single-post{padding-bottom:0}
 .mini-bar{display:flex;align-items:center;gap:0;white-space:nowrap;overflow:hidden}
 .mini-bar .pick{display:block;font-size:11px;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
}
@media print{
 #wpadminbar,.hw-mini-toggle,.hw-print-head~.hw-tools,.hw-article-bottom,.hw-copyright,.hw-tool-note,.mini-bar,.hw-tools,.site-top,.main-nav,.mobile-menu,.site-footer,.article-sidebar{display:none!important}
 .hw-print-head{display:block!important;font-size:10pt!important;color:#5b4b71!important;border-bottom:2px solid #a17ad4!important;padding-bottom:7mm!important;margin-bottom:10mm!important}
 .article-shell{width:100%!important;max-width:100%!important;padding:0!important}
 .article-header-wide{border:0!important;padding:0 0 8mm!important;margin:0!important}
 .article-layout-editorial{border:0!important;padding:0!important;display:block!important}
 .article-body{font-size:11pt!important;line-height:1.85!important}
 .article-body :is(h2,h3){break-after:avoid!important}
 .hwdp-summary{border:1px solid #b7b0c1!important;background:#fff!important;color:#222!important;break-inside:avoid}
 .hwdp-summary *{color:#222!important;-webkit-text-fill-color:#222!important}
}

/* v2.6.2: provide actual breathing room beside article and use consistent line icons */
@media (min-width:861px) {
  body.single-post .hw-tools {
    left: max(10px, calc((100vw - var(--width))/2 - 116px)) !important;
    right:auto !important;
  }
}
.hw-tools .hw-tool .hw-ico svg {width:19px;height:19px;display:block;stroke:currentColor;}
@media (max-width:860px) {body.single-post .hw-tools {left:auto !important;right:14px !important;}}