html,body{overflow-x:clip;max-width:100%}
img{max-width:100%;display:block}
.main-content{flex:1 0 auto;padding:10px 0 0;position:relative;z-index:1;max-width:100%;overflow-x:hidden}
.single-article{padding-top:8px;padding-bottom:48px;width:100%;max-width:100%;overflow-x:hidden;background:#fff;--article-gap:16px;--article-gap-lg:20px;--article-pad-x:18px;--article-pad-y:20px}
.single-article .container,.single-article .article-container{width:100%;max-width:var(--article-width,920px);min-width:0;margin:0 auto;padding:0 20px}
.article-container{--article-width:920px}
.article-head{margin-bottom:18px;border:1px solid #e8edf2;border-radius:12px;overflow:hidden;background:#fff;box-shadow:none}
.article-head__crumb{margin:0;padding:8px 16px;background:#f8fafc;border-bottom:1px solid #e8edf2}
.article-head__crumb .breadcrumb{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px;font-size:12px;color:#94a3b8;background:transparent;border:none;border-radius:0}
.article-head__crumb .breadcrumb li{display:inline-flex;align-items:center;gap:6px}
.article-head__crumb .breadcrumb li:not(:last-child)::after{content:'›';opacity:.45;margin-inline:8px;font-weight:400;color:#64748b}
.article-head__crumb .breadcrumb a{color:#475569;font-weight:600;text-decoration:none}
.article-head__crumb .breadcrumb li:last-child span{color:#64748b;font-weight:500}
.article-head__body{padding:14px 16px 12px;background:#fff;border-bottom:1px solid #f1f5f9}
.article-head__cat{display:inline-flex;align-items:center;margin-bottom:8px;padding:3px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#0369a1;font-size:11px;font-weight:700;text-decoration:none}
.article-head__cat::before{display:none}
.article-head__title{font-size:clamp(20px,3.6vw,28px);font-weight:800;line-height:1.4;margin:0;color:#0f172a;letter-spacing:0}
.meta-bar{margin:0;padding:8px 14px 9px;background:#fafbfc;border-top:1px solid #f1f5f9}
.meta-bar__track{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;min-width:0}
.meta-bar__author{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:min(100%,220px);color:inherit;text-decoration:none;flex-shrink:0}
.meta-bar__avatar.user-avatar--sm{width:26px;height:26px;font-size:11px;border:1.5px solid #fff;box-shadow:0 0 0 1px #dbeafe;flex-shrink:0;border-radius:50%;overflow:hidden}
.meta-bar__author-name{font-size:12px;font-weight:800;color:#0f172a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meta-bar__sep{width:1px;height:16px;background:linear-gradient(180deg,transparent,#cbd5e1,transparent);flex-shrink:0}
.meta-bar__chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;flex:1 1 auto}
.meta-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;border:1px solid #e2e8f0;background:rgba(255,255,255,.88);font-size:11px;font-weight:700;color:#475569;line-height:1.2;white-space:nowrap;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.meta-chip__icon{flex-shrink:0;color:#0284c7;opacity:.9}
.meta-chip__full{display:inline}
.meta-chip__short{display:none}
.user-avatar{flex-shrink:0;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,var(--color-primary,#0ea5e9),#6366f1);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 4px 14px rgba(14,165,233,.25)}
.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.article-flow{--article-gutter:0;--article-gutter-tone:#fff;display:flex;flex-direction:column;gap:0;margin-bottom:var(--article-gap-lg,20px);padding:0;border:1px solid #e8edf2;border-radius:10px;overflow:hidden;background:#fff;box-shadow:none}
.article-flow .article-text-zoom{margin:10px var(--article-gutter) 0}
.article-after-content{display:flex;flex-direction:column;gap:var(--article-gap,24px);margin-top:var(--article-gap-lg,32px)}
.single-article-ad{margin:0 0 10px}
html.ads-delayed .single-article-ad{margin:0}
html.ads-delayed .single-article-ad:has(.ad-slot--collapsed),html.ads-delayed .single-article-ad:not(:has(.ad-slot)){display:none;margin:0}
.article-flow__split{display:none}
.article-media{margin:0;width:100%;background:#fff;border-radius:10px 10px 0 0;overflow:hidden}
.article-media__shell{padding:0;border:none;border-radius:0;background:#fff;box-shadow:none;box-sizing:border-box}
.article-media__frame{width:100%;position:relative;overflow:hidden;background:#e2e8f0;border:none;border-radius:0;box-sizing:border-box;aspect-ratio:var(--article-media-aspect,16/9);min-height:0;box-shadow:none}
.article-media__frame picture,.article-media__frame img{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}
.article-media__frame img{object-fit:cover;object-position:center}
.article-media__badge{position:absolute;z-index:3;inset-block-end:10px;inset-inline-end:10px;display:inline-flex;direction:ltr;align-items:center;gap:7px;max-width:min(82%,340px);padding:8px 12px 8px 10px;border-radius:11px;background:rgba(15,23,42,.88);color:#f8fafc;font-size:12px;font-weight:700;line-height:1.35;pointer-events:none}
.article-media__badge-text{direction:rtl;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.article-body-card{border:none;border-radius:0 0 10px 10px;box-shadow:none;background:#fff;overflow:hidden}
.article-body-card .article-content{margin:0;border:none;border-radius:0;box-shadow:none;padding:var(--article-pad-y,26px) var(--article-pad-x,22px)}
.article-text-zoom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:4px 6px;min-height:34px;background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(248,250,252,.88) 100%);border:1px solid rgba(148,163,184,.22);border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(15,23,42,.04);box-sizing:border-box;position:relative;overflow:hidden}
.article-text-zoom__label{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;background:rgba(14,165,233,.08);color:#0284c7;border:1px solid rgba(14,165,233,.14)}
.article-text-zoom__meta{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto;min-width:0}
.article-text-zoom__read,.article-text-zoom__copy{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:7px;border:none;background:transparent;color:#64748b;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}
.article-text-zoom__copy{color:#0369a1;cursor:pointer}
.article-text-zoom__sep{flex-shrink:0;width:1px;height:18px;background:linear-gradient(180deg,transparent,rgba(148,163,184,.45),transparent)}
.article-text-zoom__controls{display:inline-flex;align-items:center;gap:1px;padding:2px;border-radius:8px;background:rgba(241,245,249,.92);border:1px solid rgba(226,232,240,.95);flex-shrink:0}
.article-text-zoom__btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 7px;border:none;border-radius:6px;background:transparent;color:#64748b;font-size:11px;font-weight:800;cursor:pointer}
.article-text-zoom__btn.is-active{background:linear-gradient(135deg,var(--color-primary,#0ea5e9) 0%,#0284c7 100%);color:#fff}
.article-content{font-family:inherit;font-size:17px;line-height:1.82;color:#334155;font-weight:400;-webkit-font-smoothing:antialiased;background:#fff;max-width:100%;min-width:0;overflow-wrap:break-word}
.single-article .article-content{--prose-p-space:1.5em;--prose-h2-before:2.35rem;--prose-h2-after:1.15rem;--prose-h3-before:1.85rem;--prose-h3-after:0.95rem}
.single-article .article-body-card .article-content{padding-top:1.35rem;border-top:1px solid #f1f5f9}
.single-article .article-content>p:first-of-type,.single-article .article-content :is(p,.wp-block-paragraph){margin:0 0 var(--prose-p-space)!important}
.single-article .article-content h2{margin:var(--prose-h2-before) 0 var(--prose-h2-after)!important;padding:.55rem .85rem;font-weight:800;color:#0f172a;border-inline-start:3px solid var(--color-primary,#0ea5e9);background:linear-gradient(to left,rgba(240,249,255,.95),transparent);border-radius:0 10px 10px 0}
.single-article .article-content h3{margin:var(--prose-h3-before) 0 var(--prose-h3-after)!important;padding:.4rem .7rem .4rem 0;border-inline-end:3px solid var(--color-primary,#0ea5e9);color:#1e293b}
.single-article .article-content :is(p,ul,ol,blockquote)+:is(h2,h3){margin-top:2.5rem!important}
.article-content p{margin:0 0 1.5em}
.article-body-card--solo{--article-gutter:0;--article-gutter-tone:#fff;margin-bottom:var(--article-gap-lg,20px);padding:0;border:1px solid #e8edf2;border-radius:10px;background:#fff;box-shadow:none}
.article-body-card--solo .article-content{padding:var(--article-pad-y,26px) var(--article-pad-x,22px);border-radius:10px}
@media (max-width:640px){
.single-article{--article-gap:20px;--article-gap-lg:24px;--article-pad-x:14px;--article-pad-y:18px;padding-top:12px;padding-bottom:44px}
.single-article .container,.single-article .article-container{padding-left:12px;padding-right:12px}
.article-head{border-radius:16px;margin-bottom:var(--article-gap,20px)}
.article-after-content{gap:var(--article-gap,20px);margin-top:var(--article-gap-lg,24px)}
.single-article .article-content{--prose-p-space:1.35em;--prose-h2-before:2rem;--prose-h3-before:1.65rem}
.single-article .article-body-card .article-content{padding-top:1.15rem}
.article-head__crumb{padding:10px 14px}
.article-head__crumb .breadcrumb{overflow-wrap:anywhere}
.article-head__body{padding:16px 14px 14px}
.article-head__title{font-size:clamp(20px,5.5vw,28px);overflow-wrap:anywhere}
.meta-bar{padding:8px 12px 9px}
.meta-bar__author{max-width:min(100%,140px)}
.meta-bar__author-name{font-size:11px}
.meta-bar__avatar.user-avatar--sm{width:24px;height:24px;font-size:10px}
.meta-bar__sep{display:none}
.meta-bar__chips{gap:5px;flex:1 1 100%}
.meta-chip{padding:3px 8px;font-size:10px;gap:4px}
.meta-chip__full{display:none}
.meta-chip__short{display:inline}
.single-article .article-flow,.single-article .article-body-card--solo{--article-edge-pad:5px;--article-frame-line:#d7e0ea;width:100%;max-width:100%;margin-inline:0;padding:0;border:none;border-inline:1px solid var(--article-frame-line);border-radius:0;box-shadow:none;background:#fff}
.single-article .article-flow__split{height:2px;margin:0}
.single-article .article-media{padding-inline:var(--article-edge-pad);box-sizing:border-box}
.single-article .article-media__frame{border-radius:8px;overflow:hidden}
.article-text-zoom{margin-inline:var(--article-edge-pad);padding:4px 5px;gap:6px;min-height:32px}
.article-text-zoom__label{width:26px;height:26px}
.article-text-zoom__read,.article-text-zoom__copy{font-size:10px;padding:3px 6px}
.article-text-zoom__btn{min-width:26px;height:24px;font-size:10px}
.article-body-card .article-content,.article-body-card--solo .article-content{padding:var(--article-pad-y,18px) var(--article-pad-x,14px);font-size:17px;line-height:1.82}
.single-article .article-content.article-content--text-sm{font-size:15px;line-height:1.75}
.single-article .article-content.article-content--text-md{font-size:17px;line-height:1.78}
.single-article .article-content.article-content--text-lg{font-size:19px;line-height:1.82}
.single-article .article-content.article-content--text-xl{font-size:21px;line-height:1.85}
.article-media__badge{inset-block-end:8px;inset-inline-end:8px;max-width:min(88%,280px);padding:6px 10px 6px 8px;font-size:11px;border-radius:9px}
}