:root{--bg:#fff;--s:#fff;--a:#E8A800;--ah:#CC9400;--t1:#111;--t2:#333;--t3:#666;--t4:#999;--t5:#bbb;--b:#e8e4db;--bl:#f5f3ee;--ss:0 1px 3px rgba(0,0,0,.06);--sm:0 4px 16px rgba(0,0,0,.08);--r:8px;--rl:12px;--mw:1200px;--tr:.2s ease;--ff:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;background:#1a1a2e!important;margin:0!important;padding:0!important;overflow-x:hidden}
body{font-family:var(--ff);background:var(--bg);color:var(--t2);font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:clip;word-break:keep-all;letter-spacing:-.015em;margin:0!important;padding:0!important;min-height:0!important;-webkit-text-size-adjust:100%!important;-webkit-tap-highlight-color:transparent}
body::after{display:none!important;content:none!important}
a{color:inherit;text-decoration:none;transition:color var(--tr)}
img{display:block;max-width:100%;height:auto}
.wrap{max-width:var(--mw);margin:0 auto;padding:0 16px;overflow:visible!important}

/* ── TOPBAR ── */
.topbar{background:#1a1a2e;height:28px;display:flex;align-items:center;overflow:hidden;contain:layout style}
.topbar-wrap{display:flex;align-items:center;gap:12px;max-width:var(--mw);margin:0 auto;padding:0 16px;width:100%}
.topbar-label{background:var(--a);color:#fff;padding:0 10px;height:100%;display:flex;align-items:center;font-size:.62rem;font-weight:700;letter-spacing:.06em;flex-shrink:0;margin:0 -16px}
.topbar-ticker{flex:1;overflow:hidden}
.ticker-track{display:flex;gap:40px;animation:tk 35s linear infinite;white-space:nowrap}
.ticker-track a{color:rgba(255,255,255,.5);font-size:.7rem}
@keyframes tk{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.topbar-date{color:rgba(255,255,255,.3);font-size:.68rem;flex-shrink:0}

/* ── HEADER ── */
.header{background:var(--s);border-bottom:1px solid var(--b)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:52px;gap:12px}
.logo a{font-size:1.4rem;font-weight:900;color:var(--t1)}
.ac{color:var(--a)}
.search-form{display:flex;align-items:center;border:1px solid var(--b);border-radius:20px;overflow:hidden;height:32px}
.search-input{border:none;outline:none;padding:0 12px;font-size:.8rem;height:100%;width:140px;font-family:inherit}
.search-form button{border:none;background:none;cursor:pointer;height:100%;padding:0 10px;color:var(--t3);display:flex;align-items:center}
.nav{background:var(--s);border-bottom:2px solid var(--t1);position:sticky;top:0;z-index:100;contain:layout style}
.nav-inner{display:flex;height:42px;overflow-x:auto;scrollbar-width:none;align-items:center;-webkit-overflow-scrolling:touch}
.nav-inner::-webkit-scrollbar{display:none}
.mm-btn{display:none;border:none;background:none;cursor:pointer;padding:0 12px;color:var(--t1);flex-shrink:0}
.nav-home{display:flex;align-items:center;padding:0 16px;font-weight:900;font-size:.88rem;color:var(--t1);border-right:1px solid var(--bl);flex-shrink:0}
.nav-item{display:flex;align-items:center;padding:0 14px;font-size:.85rem;font-weight:500;color:var(--t3);white-space:nowrap;border-bottom:3px solid transparent;transition:all var(--tr)}
.nav-item:hover{color:var(--t1)}
.nav-item.on{color:var(--a);font-weight:700;border-bottom-color:var(--a)}

/* ── HERO 에디토리얼 ── */
.hero{padding:18px 0 0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.hero-main{position:relative;border-radius:var(--rl);overflow:hidden;min-height:420px;background:#eee;contain:layout style paint}
.hero-main>a{position:absolute;inset:0}
.hero-main img{width:100%;height:100%;object-fit:cover;content-visibility:auto}
.hero-overlay{position:absolute:bottom:0;left:0;right:0;padding:28px 24px;background:linear-gradient(transparent,rgba(0,0,0,.85));z-index:2;color:#fff}
.hero-cat,.card-cat,.pop-cat{cursor:pointer}
.hero-cat{display:inline-block;background:var(--a);color:#fff;padding:2px 8px;border-radius:3px;font-size:.68rem;font-weight:700;margin-bottom:8px}
.hero-title{font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:900;line-height:1.35;margin-bottom:6px}
.hero-title a{color:#fff}
.hero-excerpt{font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
.hero-meta{font-size:.7rem;color:rgba(255,255,255,.35)}

/* 오른쪽 서브 카드 2×2 그리드 */
.hero-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
.hero-sub{position:relative;border-radius:var(--r);overflow:hidden;background:#eee;contain:layout style paint}
.hero-sub>a{position:absolute;inset:0}
.hero-sub img{width:100%;height:100%;object-fit:cover;content-visibility:auto}
.hero-sub-ov{position:absolute:bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.8));z-index:2;color:#fff}
.hero-cat-sm{display:inline-block;background:var(--a);color:#fff;padding:1px 6px;border-radius:3px;font-size:.6rem;font-weight:700;margin-bottom:4px}
.hero-sub-t{font-size:.78rem;font-weight:700;line-height:1.35}
.hero-sub-t a{color:#fff}

/* ── ISSUE BAR ── */
.issue-bar{background:var(--s);border:1px solid var(--b);border-radius:var(--r);margin-top:14px;padding:12px 16px;contain:layout style}
.issue-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.issue-label{background:var(--a);color:#fff;padding:2px 8px;border-radius:3px;font-size:.68rem;font-weight:700;animation:bl 2s ease infinite}
@keyframes bl{0%,100%{opacity:1}50%{opacity:.4}}
.issue-ttl{font-weight:700;font-size:.86rem;color:var(--t1)}
.issue-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--bl);font-size:.82rem}
.issue-item:last-child{border-bottom:none}
.issue-dot{width:5px;height:5px;border-radius:50%;background:var(--a);flex-shrink:0}
.issue-title{flex:1;font-weight:500;color:var(--t2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.issue-time{font-size:.68rem;color:var(--t4);flex-shrink:0}

/* ── CONTENT GRID ── */
.content{display:grid;grid-template-columns:1fr 280px;gap:24px;padding:24px 0}
.sec-head{display:flex;align-items:center;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--t1)}
.sec-title{font-size:1.05rem;font-weight:900;color:var(--t1)}
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:var(--s);border-radius:var(--r);overflow:hidden;box-shadow:var(--ss);transition:transform var(--tr),box-shadow var(--tr);will-change:transform;contain:layout style paint}
.card:hover{transform:translateY(-2px);box-shadow:var(--sm)}
.card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#f5f3ee}
.card-img img{transition:transform .3s;width:100%;height:100%;object-fit:cover;content-visibility:auto}
.card:hover .card-img img{transform:scale(1.03)}
.card-body{padding:12px 14px 14px}
.card-cat{display:inline-block;color:var(--a);font-size:.7rem;font-weight:700;margin-bottom:4px}
.card-title{font-size:.95rem;font-weight:700;color:var(--t1);line-height:1.4;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-title a:hover{color:var(--a)}
.card-exc{font-size:.84rem;color:var(--t3);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}
.card-meta{font-size:.68rem;color:var(--t4);display:flex;gap:4px}
.scroll-sentinel{height:1px;width:100%}
.loading-indicator{text-align:center;padding:28px 0;color:var(--t4);font-size:.82rem;display:none}
.loading-indicator.active{display:block}
.loading-spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--b);border-top-color:var(--a);border-radius:50%;animation:sp .7s linear infinite;margin-right:6px;vertical-align:middle}
@keyframes sp{to{transform:rotate(360deg)}}
.end-message{text-align:center;padding:28px 0;color:var(--t4);font-size:.82rem;display:none}
main{overflow:visible}
.rec-section{padding:24px 0;border-top:1px solid var(--b)}
.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}
.rec-card{position:relative;border-radius:var(--rl);overflow:hidden;background:#eee;min-height:170px;contain:layout style paint}
.rec-card>a{position:absolute;inset:0}
.rec-card>a img{width:100%;height:100%;object-fit:cover;content-visibility:auto}
.rec-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.75));pointer-events:none}
.rec-body{position:absolute;bottom:0;left:0;right:0;padding:12px;z-index:2;color:#fff}
.rec-cat{display:inline-block;background:var(--a);color:#fff;padding:2px 6px;border-radius:3px;font-size:.6rem;font-weight:700;margin-bottom:5px}
.rec-title{font-size:.84rem;font-weight:700;line-height:1.35}
.rec-title a{color:#fff}

/* ── SIDEBAR ── */
.sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:60px;z-index:5;align-self:start;max-height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--b) transparent}
.sidebar::-webkit-scrollbar{width:5px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:var(--b);border-radius:4px}
.sidebar-widget{background:var(--s);border-radius:var(--r);box-shadow:var(--ss);overflow:hidden;flex-shrink:0;contain:layout style}
.sidebar-head{padding:12px 16px;border-bottom:2px solid var(--t1)}
.sidebar-title{font-size:.95rem;font-weight:900;color:var(--t1)}
.sidebar-body{padding:4px 16px 12px}
.pop-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--bl)}
.pop-item:last-child{border-bottom:none}
.pop-rank{font-size:1.1rem;font-weight:900;color:var(--t4);min-width:20px;line-height:1.2}
.pop-rank.rank-top{color:var(--a)}
.pop-info{flex:1;min-width:0}
.pop-title{font-size:.82rem;font-weight:600;color:var(--t1);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pop-title:hover{color:var(--a)}
.pop-cat{display:block;margin-top:2px;font-size:.66rem;color:var(--t4)}

/* ── ADS ── */
.ad-wrap{margin:20px 0;padding:10px 0;min-height:0;text-align:center;position:relative;contain:layout style}
.ad-wrap[data-ad-status="unfilled"],ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
.ad-bottom-banner{position:fixed;bottom:0;left:0;right:0;z-index:98;background:#fff;border-top:1px solid #e8e4db;padding:6px 16px 8px;text-align:center;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -2px 12px rgba(0,0,0,.06);contain:layout style}
.ad-bottom-banner.show{transform:translateY(0)}
.ad-bottom-banner ins{max-width:728px;margin:0 auto;display:block;max-height:60px;overflow:hidden}
.ad-bottom-close{position:absolute;top:2px;right:12px;width:20px;height:20px;border:none;background:none;cursor:pointer;font-size:14px;color:#999;line-height:1;z-index:2}

/* ── NATIVE CARDS ── */
.sidebar-native-widget{background:#fff;border:1px solid #f0ede6;border-radius:var(--r);box-shadow:0 1px 4px rgba(0,0,0,.04);overflow:hidden;margin-top:4px;contain:layout style}
.sidebar-native-widget .sidebar-body{padding:10px 14px 16px!important}
.native-card{display:block;text-decoration:none!important;color:inherit!important;border-radius:10px;overflow:hidden;background:#fdfcfa;border:1px solid #f0ede6;transition:all .25s ease;box-shadow:0 1px 3px rgba(0,0,0,.03);margin:0}
.native-card:hover{background:#faf8f4;border-color:#e0dbd2;box-shadow:0 4px 14px rgba(0,0,0,.07)}
.native-card-img{position:relative;overflow:hidden;background:#f0ede6}
.native-card-img img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .35s ease;content-visibility:auto}
.native-card:hover .native-card-img img{transform:scale(1.02)}
.native-card-body{padding:10px 14px 14px}
.native-card-source{font-size:.58rem;font-weight:700;color:#b0a898;letter-spacing:.06em;display:block;margin-bottom:4px;text-transform:uppercase}
.native-card-title{font-size:.86rem;font-weight:700;color:#222;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:5px}
.native-card:hover .native-card-title{color:var(--a)}
.native-card-desc{font-size:.72rem;color:#999;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.native-card-meta{display:flex;align-items:baseline;gap:6px}
.native-card-price{font-size:.88rem;font-weight:900;color:#d32f2f}
.native-card-divider{height:22px;position:relative;display:flex;align-items:center;justify-content:center}
.native-card-divider::before{content:"";display:block;width:20px;height:1px;background:#ece7de}

/* ── KEYWORD AFFILIATE BOX ── */
.kw-aff-box{margin:24px 0;padding:18px 22px;background:#faf8f4;border:1px solid #ece7de;border-left:4px solid var(--a);border-radius:0 10px 10px 0;contain:layout style}
.kw-aff-source{font-size:.6rem;font-weight:700;color:#b0a898;letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:5px}
.kw-aff-title{font-size:.94rem;font-weight:700;color:#222;line-height:1.45;margin-bottom:3px}
.kw-aff-desc{font-size:.78rem;color:#888;line-height:1.5;margin-bottom:10px}
.kw-aff-cta{display:inline-block;background:var(--a);color:#fff;padding:7px 18px;border-radius:6px;font-size:.82rem;font-weight:700;transition:background .2s}
.kw-aff-cta:hover{background:var(--ah)}

/* ── BACK-TOP ── */
.back-top{position:fixed;bottom:80px;right:16px;width:38px;height:38px;background:var(--s);border:1px solid var(--b);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--sm);opacity:0;transform:translateY(12px);transition:all .3s ease;z-index:97;font-size:.9rem;will-change:transform,opacity}
.back-top.show{opacity:1;transform:translateY(0)}
.back-top:hover{background:var(--a);color:#fff;border-color:var(--a)}

/* ── BREADCRUMB ── */
.breadcrumb{padding:12px 0 4px;font-size:.74rem;color:var(--t4);display:flex;align-items:center;flex-wrap:wrap}
.breadcrumb a:hover{color:var(--a)}
.breadcrumb .bc-sep{margin:0 6px;color:var(--t5)}

/* ── FOOTER ── */
.footer{background:#1a1a2e;color:rgba(255,255,255,.4);padding:28px 0 0;margin:0!important;border-top:none;position:relative;z-index:2;contain:layout style}
.footer .wrap{text-align:center}
.f-logo a{font-size:1.2rem;font-weight:900;color:#fff}
.f-logo .ac{color:var(--a)}
.f-desc{font-size:.78rem;margin:8px 0 0;color:rgba(255,255,255,.3)}
.f-bottom{border-top:1px solid rgba(255,255,255,.08);padding:14px 0 20px;margin-top:16px;display:flex;justify-content:center;align-items:center;gap:16px;font-size:.72rem;flex-wrap:wrap}
.f-bottom span{color:rgba(255,255,255,.2)}
.f-links{display:flex;gap:14px;flex-wrap:wrap}
.f-links a{color:rgba(255,255,255,.2);transition:color var(--tr)}
.f-links a:hover{color:rgba(255,255,255,.6)}

/* ── HIDE THEME FOOTER ── */
.site-footer,.site-footer-container,#colophon,.kadence-footer-wrap,.kadence-footer,.kadence-footer-inner-wrap,.site-footer-inner-wrap{display:none!important;height:0!important;margin:0!important;padding:0!important;max-height:0!important;overflow:hidden!important;background:transparent!important}

/* ── [신규] 클러스터 링크 ── */
.cluster-links{margin:0 0 24px;padding:16px 20px;background:linear-gradient(135deg,#FFF8ED,#FFF3E0);border:1px solid #F0DEB8;border-radius:12px;border-left:4px solid var(--a)}
.cluster-head{font-size:.86rem;font-weight:800;color:var(--t1);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #E8D5A8}
.cluster-list{display:flex;flex-wrap:wrap;gap:6px}
.cluster-item{display:inline-block;padding:5px 12px;background:#fff;border:1px solid #E8D5A8;border-radius:20px;font-size:.78rem;font-weight:600;color:var(--t2);transition:all .2s}
.cluster-item:hover{background:var(--a);color:#fff;border-color:var(--a)}

/* ── [신규] 요약 테이블 ── */
.summary-table-wrap{margin:0 0 24px;border-radius:12px;overflow:hidden;border:1px solid #E8E4DB}
.summary-caption{text-align:left;padding:12px 16px;background:#1a1a2e;color:#fff;font-size:.88rem;font-weight:800}
.summary-table{width:100%;border-collapse:collapse}
.summary-table th{background:#F8F5EE;padding:10px 16px;text-align:left;font-size:.82rem;font-weight:700;color:var(--t1);width:120px;border-bottom:1px solid #E8E4DB}
.summary-table td{padding:10px 16px;font-size:.82rem;color:var(--t2);border-bottom:1px solid #F0EDE6}
.summary-table tr:last-child th,.summary-table tr:last-child td{border-bottom:none}

/* ── RESPONSIVE ── */
@media(max-width:1024px){.content{grid-template-columns:1fr}.sidebar{order:-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;position:static;max-height:none;overflow-y:visible}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:320px}.hero-side{grid-template-columns:1fr 1fr}}
@media(max-width:768px){body{font-size:16px}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:240px}.hero-side{grid-template-columns:1fr 1fr;min-height:auto}.card-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr;position:static;max-height:none;overflow-y:visible}.content{gap:16px;padding:16px 0}.rec-grid{grid-template-columns:1fr 1fr}.search-form{display:none}.mm-btn{display:flex}.nav-home,.nav-item{display:none}.nav-inner.open{flex-wrap:wrap;height:auto;padding:4px 0;background:var(--s)}.nav-inner.open .nav-home,.nav-inner.open .nav-item{display:flex;width:100%;padding:8px 16px;border-right:none;border-bottom:1px solid var(--bl)}.sidebar-native-widget{display:none!important}.cluster-list{flex-direction:column}}
@media(max-width:480px){.hero-side{grid-template-columns:1fr}.header-inner{height:46px}.logo a{font-size:1.2rem}.hero-main{min-height:200px}.topbar-date{display:none}.rec-grid{grid-template-columns:1fr}.summary-table th{width:90px;font-size:.78rem}.summary-table td{font-size:.78rem}}

.article-wrap{display:grid;grid-template-columns:1fr 280px;gap:28px;padding:0 0 40px;max-width:var(--mw);margin:0 auto;align-items:start}
.article-head{margin-bottom:18px}
.ah-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}
.article-title{font-size:clamp(1.3rem,3.2vw,1.9rem);font-weight:900;line-height:1.35;color:var(--t1);word-break:keep-all;flex:1;min-width:0;letter-spacing:-.025em}
.toolbar{display:flex;align-items:center;gap:3px;flex-shrink:0;padding-top:2px}
.toolbar .tb{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--b);background:none;cursor:pointer;color:var(--t3);transition:all var(--tr);font-size:.75rem}
.toolbar .tb:hover{background:var(--a);color:#fff;border-color:var(--a)}
.byline{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.byline-author{font-weight:700;font-size:.84rem;color:var(--t1)}
.byline-author:hover{color:var(--a)}
.byline-email{font-size:.72rem;color:var(--t4)}
.datetime{font-size:.78rem;color:var(--t4);padding-bottom:14px;border-bottom:1px solid var(--bl);margin-bottom:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dl{font-weight:700;color:var(--t3);margin-right:4px}
.article-lead{font-size:1.05rem;font-weight:700;color:var(--t2);line-height:1.6;margin-bottom:20px;padding:12px 0;border-bottom:1px solid var(--bl);word-break:keep-all}
.article-body{font-size:1.08rem;line-height:1.92;color:#2d2b27;max-width:100%;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.015em;font-family:var(--ff)}
.article-body p{margin-bottom:1.15rem;word-break:keep-all;text-align:left;line-height:1.92}
.article-body h2{font-size:clamp(1.4rem,2vw,1.86rem);font-weight:900;color:var(--t1);margin:2.2rem 0 1rem;padding-bottom:8px;border-bottom:2px solid var(--t1)}
.article-body h3{font-size:clamp(1.16rem,1.7vw,1.42rem);font-weight:800;color:var(--t1);margin:1.8rem 0 .8rem}
.article-body blockquote{border-left:4px solid var(--a);margin:1.6rem 0;padding:18px 22px;background:#f6f9ff;border-radius:0 12px 12px 0;font-style:italic;color:#4a4540;line-height:1.78}
.article-body ul,.article-body ol{margin:1rem 0 1.4rem 1.4rem;padding:0}
.article-body li{margin-bottom:.5rem;padding-left:.5rem;line-height:1.8}
.article-body ul li{list-style:none;position:relative}
.article-body ul li::before{content:"";position:absolute;left:-1.1rem;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--a)}
.article-body img{border-radius:10px;margin:1.2rem 0;max-width:100%;height:auto;display:block;content-visibility:auto}
.article-body a{color:var(--a);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}
.article-body a:hover{border-bottom-color:var(--a)}
.article-body strong,.article-body b{font-weight:700;color:var(--t1)}
.article-body em,.article-body i{font-style:italic;font-weight:inherit;color:inherit}
.article-body hr{border:0;border-top:1px solid var(--b);margin:2rem 0}
.article-body span{color:inherit;background:transparent}
.article-body font{color:inherit}
.article-hero{margin-bottom:20px;border-radius:var(--rl);overflow:hidden;background:#eee;contain:layout style paint}
.article-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;content-visibility:auto}
.article-tags{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0;padding:14px 0;border-top:1px solid var(--bl)}
.tag{background:var(--bl);color:var(--t3);padding:4px 10px;border-radius:16px;font-size:.74rem;font-weight:500;transition:all var(--tr)}
.tag:hover{background:var(--a);color:#fff}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--b);margin:24px 0;border-radius:var(--r);overflow:hidden}
.post-nav-item{background:var(--s);padding:12px 16px;display:flex;flex-direction:column;gap:4px;transition:background var(--tr)}
.post-nav-item:hover{background:#fff8e1}
.post-nav-label{font-size:.68rem;font-weight:700;color:var(--a);text-transform:uppercase}
.post-nav-title{font-size:.84rem;font-weight:600;color:var(--t1);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-nav-next{text-align:right}
.author-box{display:flex;gap:12px;align-items:flex-start;padding:16px;background:var(--bl);border-radius:var(--rl);margin:24px 0;contain:layout style}
.author-avatar{width:44px;height:44px;border-radius:50%;background:var(--a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}
.author-info h4{font-weight:700;font-size:.88rem;color:var(--t1);margin-bottom:2px}
.author-info p{font-size:.8rem;color:var(--t3);line-height:1.4}
.related-section{margin:32px 0}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.rel-card{background:var(--s);border-radius:var(--r);overflow:hidden;box-shadow:var(--ss);transition:transform var(--tr);contain:layout style paint}
.rel-card:hover{transform:translateY(-2px)}
.rel-card>a{display:block;aspect-ratio:16/10;overflow:hidden;background:#eee}
.rel-card>a img{width:100%;height:100%;object-fit:cover;transition:transform .3s;content-visibility:auto}
.rel-card:hover>a img{transform:scale(1.03)}
.rel-body{padding:8px 10px}
.rel-cat{color:var(--a);font-size:.66rem;font-weight:700;margin-bottom:2px;display:block}
.rel-title{font-size:.82rem;font-weight:700;color:var(--t1);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rel-title a:hover{color:var(--a)}
.comments-section{margin:32px 0;padding-top:24px;border-top:2px solid var(--t1)}
.comments-head{font-size:1.05rem;font-weight:900;color:var(--t1);margin-bottom:14px}
.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--a);z-index:200;width:0%;transition:width .1s linear;will-change:width;contain:strict}
.issue-tree{margin:32px 0 24px;background:#fff;border:1px solid #e8e4db;border-radius:12px;overflow:hidden;contain:layout style}
.issue-tree-head{padding:14px 18px;font-size:1rem;font-weight:800;color:#222;border-bottom:2px solid #111}
.issue-tree-list{padding:4px 0}
.issue-tree-item{display:flex;align-items:center;gap:10px;padding:10px 18px;text-decoration:none;color:#333;transition:background .15s;border-bottom:1px solid #f3ede1}
.issue-tree-item:last-child{border-bottom:none}
.issue-tree-item:hover{background:#faf8f4}
.issue-tree-dot{width:6px;height:6px;border-radius:50%;background:var(--a);flex-shrink:0}
.issue-tree-text{flex:1;font-size:.88rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.issue-tree-time{font-size:.72rem;color:#999;flex-shrink:0}
.below-native-cards{margin:28px 0}
.below-native-head{font-size:1.05rem;font-weight:900;color:#222;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #111}
.below-native-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.native-content-card{background:#fff;border:1px solid #e8e4db;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;contain:layout style paint}
.native-content-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.native-content-card a{display:block;text-decoration:none}
.native-content-card img{width:100%;aspect-ratio:16/10;object-fit:cover;content-visibility:auto}
.native-content-card-body{padding:10px 12px}
.native-content-card-cat{font-size:.66rem;font-weight:700;color:#165fbe;display:block;margin-bottom:4px}
.native-content-card-title{font-size:.84rem;font-weight:700;color:#222;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.native-content-card-title:hover{color:#165fbe}
@media(max-width:1024px){.article-wrap{grid-template-columns:1fr}.sidebar{order:-1;position:static;max-height:none;overflow-y:visible}.sidebar-widget{position:static!important}.related-grid{grid-template-columns:repeat(2,1fr)}.below-native-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.ah-row{flex-direction:column-reverse;gap:4px}.toolbar{align-self:flex-end}.article-body{font-size:1.02rem;line-height:1.88;max-width:100%}.article-body p{margin-bottom:1rem}.article-body h2{font-size:1.3rem;margin:1.8rem 0 .8rem;padding-bottom:6px}.article-body h3{font-size:1.15rem;margin:1.5rem 0 .6rem}.article-body blockquote{padding:14px 16px;margin:1.3rem 0;font-size:.98rem}.article-body ul,.article-body ol{margin-left:1rem}.article-body ul li::before{left:-.9rem;width:6px;height:6px}.related-grid{grid-template-columns:1fr 1fr}.post-nav{grid-template-columns:1fr}.author-box{flex-direction:column;align-items:center;text-align:center}.sidebar{display:flex;flex-direction:column;gap:16px;position:static;max-height:none;overflow-y:visible}.below-native-grid{grid-template-columns:1fr 1fr;gap:10px}}
@media(max-width:480px){.related-grid{grid-template-columns:1fr}.toolbar .tb{width:26px;height:26px}.byline-email{display:none}.below-native-grid{grid-template-columns:1fr}}