/* VinkoWEB premium article-page UI: restricted to article routes */
:root{--vwa-navy:#06214b;--vwa-blue:#0863e8;--vwa-rule:#dbe5f4;--vwa-ink:#132841}
html{scroll-behavior:smooth}
body.vwa-active{background:#f5f8ff}
body.vwa-active main.main-content{max-width:1310px;width:min(100% - 24px,1310px);padding-top:23px;padding-bottom:70px}
body.vwa-active .reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;align-items:start;gap:26px}
body.vwa-active .article-reading{min-width:0;background:#fff;border:1px solid #e0e8f5;border-radius:16px;padding:clamp(16px,2.6vw,32px);box-shadow:0 7px 28px rgba(17,49,94,.035);overflow:hidden}
body.vwa-active .article-reading .breadcrumbs{color:#537196;font-size:13px;margin:0 0 21px;line-height:1.65;overflow-wrap:anywhere}
body.vwa-active .article-reading .breadcrumbs a{color:#1368cf;text-decoration:none}
body.vwa-active .article-reading>.eyebrow{display:inline-block;padding:5px 12px;background:#0866ed;color:#fff;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
body.vwa-active .article-reading h1{font-size:clamp(28px,3vw,43px);font-weight:850;line-height:1.14;letter-spacing:-.035em;color:#061b3e;margin:0 0 12px;overflow-wrap:break-word}
body.vwa-active .article-reading .reading-lead{font-size:clamp(15px,1.2vw,17px);line-height:1.7;color:#485b72;margin:0 0 16px}
body.vwa-active .article-reading .reading-meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:#586a80;font-size:13px;line-height:1.55;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid #e4edf6}
body.vwa-active .article-reading .cover-img{display:block;width:100%;height:auto;max-height:530px;object-fit:contain;background:#edf2fa;border-radius:12px;margin:12px 0 22px}
body.vwa-active .rich-article{font-size:16px;color:#203248;line-height:1.82;max-width:100%;min-width:0;overflow-wrap:break-word}
body.vwa-active .rich-article p{margin:0 0 1.2em;line-height:1.85}
body.vwa-active .rich-article h2,body.vwa-active .rich-article h3,body.vwa-active .rich-article h4{color:#082249;line-height:1.3;margin:1.8em 0 .65em;scroll-margin-top:94px;overflow-wrap:break-word}
body.vwa-active .rich-article h2{font-size:clamp(21px,2vw,28px);padding-left:13px;border-left:5px solid #0866f1}
body.vwa-active .rich-article h3{font-size:clamp(18px,1.6vw,23px)}
body.vwa-active .rich-article h4{font-size:18px}
body.vwa-active .rich-article img,body.vwa-active .rich-article video,body.vwa-active .rich-article iframe{max-width:100%;height:auto;border-radius:10px}
body.vwa-active .rich-article figure{max-width:100%;margin:20px auto}body.vwa-active .rich-article figcaption{font-size:12px;color:#73859b;text-align:center}
body.vwa-active .rich-article blockquote{border-left:4px solid #2874f0;background:#f2f6fd;border-radius:6px;padding:13px 18px;margin:22px 0}
body.vwa-active .rich-article a{color:#075ec8;text-decoration:underline;text-underline-offset:3px}
body.vwa-active .rich-article pre{max-width:100%;overflow-x:auto;border-radius:9px;padding:16px;white-space:pre}
body.vwa-active .rich-article ul,body.vwa-active .rich-article ol{padding-left:25px}
body.vwa-active .vwa-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid #c6d7ee;border-radius:10px;margin:16px 0 9px;background:white;scrollbar-width:thin;box-shadow:0 3px 12px rgba(21,68,121,.035)}
body.vwa-active .vwa-table-scroll table{width:100%!important;min-width:500px!important;max-width:none!important;border-collapse:collapse!important;border-spacing:0!important;table-layout:auto!important;margin:0!important;display:table!important;font-family:inherit!important;font-size:14px!important;line-height:1.48!important;color:#203047!important;background:white}
body.vwa-active .vwa-table-scroll table.vwa-wide{min-width:720px!important}
body.vwa-active .vwa-table-scroll :is(th,td){width:auto!important;max-width:none!important;min-width:120px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:top!important;border:1px solid #cfdbeb!important;padding:11px 13px!important;text-align:left!important;background:transparent}
body.vwa-active .vwa-table-scroll :is(th,td):first-child{min-width:130px!important;font-weight:650}
body.vwa-active .vwa-table-scroll table :is(thead tr:first-child th,thead tr:first-child td){color:#fff!important;background:#0955ba!important;border-color:#1c5dab!important;font-weight:750!important}
body.vwa-active .vwa-table-scroll table tbody tr:nth-child(2n){background:#f0f5fc!important}
body.vwa-active .vwa-table-scroll table tbody tr:hover{background:#e9f2ff!important}
body.vwa-active .vwa-table-hint{font-size:12px;color:#58759b;margin:1px 0 18px}
body.vwa-active .vwa-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 17px;max-width:100%}
body.vwa-active .vwa-share b{font-size:12px;color:#344c68;margin-right:2px}
body.vwa-active .vwa-share a,body.vwa-active .vwa-share button{font:700 12px/1.2 system-ui,sans-serif;border:0;border-radius:9px;padding:9px 11px;display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:#fff;background:#125bd3;cursor:pointer;max-width:100%}
body.vwa-active .vwa-share .vwa-whatsapp{background:#159d59}body.vwa-active .vwa-share .vwa-copy{background:#eff4fa;color:#18365a;border:1px solid #d7e3f3}
body.vwa-active .reading-aside{min-width:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:20px;max-height:calc(100dvh - 30px);overflow-y:auto;scrollbar-width:thin}
body.vwa-active .reading-aside .aside-box,body.vwa-active .vwa-toc{background:#fff;border:1px solid #dbe5f3;border-radius:13px;padding:18px;box-shadow:0 4px 16px rgba(10,50,100,.025)}
body.vwa-active .reading-aside .aside-box h3{color:#062754;margin:2px 0 12px;font-size:17px;font-weight:800}
body.vwa-active .reading-aside .aside-box a:not(.button){display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #e2eaf5;color:#172d49;padding:10px 0;font-size:14px;text-decoration:none;line-height:1.4}
body.vwa-active .reading-aside .aside-box a:hover{color:#0064ed}
body.vwa-active .vwa-toc{padding:0;overflow:hidden}
body.vwa-active .vwa-toc-head{display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:16px;font-weight:800;background:linear-gradient(110deg,#053773,#0961c9);color:#fff;padding:14px 16px;border:0;width:100%;text-align:left;cursor:pointer}
body.vwa-active .vwa-toc-head span{font-size:13px}
body.vwa-active .vwa-toc-body{max-height:390px;overflow-y:auto;padding:9px 12px;scrollbar-width:thin}
body.vwa-active .vwa-toc-body a{display:block;color:#19334e;text-decoration:none;font-size:13px;font-weight:600;line-height:1.48;padding:10px 8px;border-bottom:1px solid #e6edf5;border-radius:5px}
body.vwa-active .vwa-toc-body a.vwa-level-3{padding-left:22px;font-weight:500}
body.vwa-active .vwa-toc-body a:hover,body.vwa-active .vwa-toc-body a.vwa-active{color:#075fe2;background:#eef5ff}
body.vwa-active .vwa-toc[data-closed="1"] .vwa-toc-body{display:none}
body.vwa-active .vwa-progress{position:fixed;z-index:999;left:0;top:0;height:3px;width:0;background:#1475f5;pointer-events:none;transition:width .1s linear}
body.vwa-active .article-end{margin-top:32px;padding:20px 0 5px;border-top:1px solid #e1eaf5}
@media(max-width:1000px){body.vwa-active .reading-layout{grid-template-columns:minmax(0,1fr) 260px;gap:15px}body.vwa-active .article-reading{padding:20px}}
@media(max-width:800px){body.vwa-active .reading-layout{display:block}body.vwa-active .reading-aside{position:static;max-height:none;margin-top:18px;overflow:visible}body.vwa-active .vwa-toc.vwa-mobile-toc{margin:16px 0 24px}body.vwa-active .vwa-toc-body{max-height:315px}}
@media(max-width:540px){body.vwa-active main.main-content{width:min(100% - 16px,100%);padding-top:9px}body.vwa-active .article-reading{padding:15px;border-radius:12px}body.vwa-active .article-reading h1{font-size:clamp(24px,6vw,33px)}body.vwa-active .rich-article{font-size:15px;line-height:1.72}body.vwa-active .vwa-table-scroll table{min-width:430px!important;font-size:13px!important}body.vwa-active .vwa-table-scroll table.vwa-wide{min-width:650px!important}body.vwa-active .vwa-table-scroll :is(th,td){padding:9px 10px!important;min-width:120px!important}body.vwa-active .vwa-share a,body.vwa-active .vwa-share button{padding:9px 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V3: intentional overrides for pasted/imported fixed-width table markup. */
body.vwa-active article.article-reading .rich-article table{border-collapse:collapse}
body.vwa-active article.article-reading .rich-article .vwa-table-scroll{overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;width:100%!important;display:block!important;box-sizing:border-box!important}
body.vwa-active article.article-reading .rich-article .vwa-table-scroll > table{table-layout:auto!important;width:100%!important;min-width:520px!important;max-width:none!important;display:table!important}
body.vwa-active article.article-reading .rich-article .vwa-table-scroll > table :is(th,td){min-width:128px!important;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important;letter-spacing:normal!important}
body.vwa-active .vwa-toc-head span:first-child{font-size:15px}
body.vwa-active .vwa-debug-marker{display:none}
@media(max-width:540px){body.vwa-active article.article-reading .rich-article .vwa-table-scroll > table{min-width:480px!important}body.vwa-active article.article-reading .rich-article .vwa-table-scroll > table.vwa-wide{min-width:740px!important}}
/* Constrain the layout box itself, not merely its inner content. */
body.vwa-active main.main-content{box-sizing:border-box!important;width:calc(100% - 24px)!important;max-width:1310px!important}
@media(max-width:540px){body.vwa-active main.main-content{width:calc(100% - 16px)!important;max-width:100%!important}}