.auto-toc {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 22px 20px;
margin: 28px 0;
border-right: 6px solid #0ea5a4;
border-bottom: 6px solid #0ea5a4;
max-width: 100%;
}
.auto-toc ul{
margin:14px 0 0;
padding-left:0;
list-style:none;
}
.auto-toc li{
margin-bottom:10px;
}
.auto-toc a{
color:#111;
text-decoration:none;
font-weight:500;
} #toc-toggle{
display:none;
} .toc-title{
font-size:20px;
font-weight:700;
cursor:pointer;
display:block;
position:relative;
} .auto-toc li::before {
content: '';
position: absolute;
left: 0;
top: 2px;
bottom: 2px;
width: 2px;
background: #cbd5e1;
} .toc-title::after{
content:"▼";
position:absolute;
right:0;
top:2px;
font-size:14px;
} @media (max-width:991px){
.auto-toc ul{
display:none;
}
#toc-toggle:checked + .toc-title::after{
content:"▲";
}
#toc-toggle:checked ~ ul{
display:block;
animation:tocFade .25s ease;
}
}
@keyframes tocFade{
from{opacity:0; transform:translateY(-6px);}
to{opacity:1; transform:translateY(0);}
}
.trending-bar {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
border-bottom: 1px solid #eee;
background: #fff;
font-size: 14px;
overflow-x: auto;
}
.trending-label {
font-weight: 700;
white-space: nowrap;
}
.trending-links {
display: flex;
gap: 14px;
white-space: nowrap;
}
.trending-links a {
color: #111;
text-decoration: none;
}
.trending-links a:hover {
text-decoration: underline;
} @media (max-width: 768px) {
.trending-bar {
font-size: 13px;
}
} .vwh-related-box {
background: #eaf8f7;
border: 1px solid #e5e7eb;
border-radius: 16px;
padding: 24px;
margin: 44px 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.vwh-related-box h3 {
font-size: 24px;
font-weight: 700;
line-height: 1.25;
margin: 0 0 20px;
color: #111827;
}
.vwh-related-list {
display: flex;
flex-direction: column;
}
.vwh-related-item {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 0;
text-decoration: none;
color: inherit;
}
.vwh-related-item:not(:last-child) {
border-bottom: 1px solid #e5e7eb;
}
.vwh-related-thumb img {
width: 50%;
height: 25%;
object-fit: cover;
border-radius: 12px;
flex-shrink: 0;
}
.vwh-related-title {
font-size: 20px;
font-weight: 600;
line-height: 1.45;
color: #111827;
} .vwh-related-item:hover .vwh-related-title {
text-decoration: underline;
} @media (max-width: 768px) {
.vwh-related-box {
padding: 20px;
border-radius: 14px;
}
.vwh-related-thumb img {
width: 75%; height: auto; }
.vwh-related-title {
font-size: 16px;
}
}
.author-bio-box {
margin-top: 50px;
padding: 24px 28px;
background: #f9fafb;
border: 1px solid #e5e7eb;
border-right: 6px solid #0ea5a4;
border-bottom: 6px solid #0ea5a4;
border-radius: 10px;
font-size: 15px;
line-height: 1.75;
color: #1f2937;
}
.author-bio-box strong.author-name {
display: block;
font-size: 17px;
margin-bottom: 10px;
color: #111827;
}
.author-bio-box p {
margin-bottom: 10px;
}
.author-bio-box .author-note {
font-size: 14px;
color: #4b5563;
} .finance-author {
border: 1px solid #e5e7eb;
border-right: 6px solid #0ea5a4;
border-bottom: 6px solid #0ea5a4;
}
.tech-author {
border: 1px solid #e5e7eb;
border-right: 6px solid #0ea5a4;
border-bottom: 6px solid #0ea5a4;
} @media (max-width: 768px) {
.author-bio-box {
padding: 18px 20px;
font-size: 14px;
}
} .ee-container {
max-width: 1200px;
margin: auto;
padding: 24px;
} .ces-category-title {
display: flex;
align-items: center;
gap: 16px;
font-size: 30px;
font-weight: 800;
letter-spacing: .4px;
text-transform: uppercase;
margin: 40px 0 24px;
}
.ces-category-title::after {
content: "";
flex: 1;
height: 1px;
background: #ddd;
opacity: .6;
}
@media (max-width: 768px) {
.ces-category-title {
font-size: 22px;
gap: 12px;
}
} .ces-hero {
display: grid;
grid-template-columns: 2.2fr 1fr;
gap: 24px;
margin-bottom: 40px;
}
.ces-hero-main img,
.ces-hero-mini img,
.ces-card img {
width: 100%;
height: auto;
border-radius: 0px 10px 10px 10px;
aspect-ratio: 16 / 9;
object-fit: cover;
} .ces-hero-side {
display: grid;
gap: 18px;
} .ces-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 26px;
margin-top: 40px;
}
.ces-card h3 {
font-size: 16px;
line-height: 0.5;
margin-top: 10px;
} .ces-wrap a {
text-decoration: none;
color: #111;
}
.ces-wrap article {
transition: transform .25s ease;
}
.ces-wrap article:hover {
transform: translateY(-4px);
} @media (max-width: 768px) { .ee-container {
padding: 14px;
} .ces-category-title {
font-size: 20px;
margin: 24px 0 18px;
} .ces-hero {
display: block;
} .ces-hero-side {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
margin-top: 10px;
}
.ces-hero-main img {
width: 100%;
aspect-ratio: 16 / 9;
}
.ces-hero-main h1,
.ces-hero-main h3 {
font-size: 18px;
line-height: 1.4;
margin-top: 10px;
} .ces-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
margin-top: 24px;
}
.ces-card img {
width: 100%;
aspect-ratio: 16 / 9;
}
.ces-card h3,
.ces-card h5 {
font-size: 14px;
line-height: 1.35;
margin-top: 8px;
}
} .vwm-author {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #1f2933;
} .vwm-author-header {
background: #e9f5f3;
padding: 40px 0;
}
.vwm-author-inner {
max-width: 1200px;
margin: auto;
display: flex;
gap: 32px;
padding: 0 20px;
}
.vwm-author-avatar img {
border-radius: 50%;
width: 180px;
height: 180px;
}
.vwm-author-meta h1 {
margin: 0;
font-size: 32px;
}
.vwm-author-title {
font-size: 16px;
color: #4b5563;
margin: 6px 0;
}
.vwm-author-edu {
font-size: 14px;
color: #374151;
}
.vwm-author-social a {
display: inline-block;
margin-right: 10px;
background: #0f766e;
color: #fff;
width: 28px;
height: 28px;
text-align: center;
line-height: 28px;
border-radius: 50%;
font-weight: bold;
} .vwm-section {
max-width: 900px;
margin: 40px auto;
padding: 0 20px;
}
.vwm-section h2 {
font-size: 22px;
margin-bottom: 12px;
} .vwm-highlights li {
margin-bottom: 10px;
position: relative;
padding-left: 18px;
}
.vwm-highlights li::before {
content: "•";
color: #0f766e;
position: absolute;
left: 0;
} .vwm-quote {
max-width: 900px;
margin: 40px auto;
background: #f0faf8;
border: 1px solid #e5e7eb;
border-right: 5px solid #0f766e;
border-bottom: 5px solid #0f766e;
padding: 24px;
}
.vwm-quote blockquote {
font-style: italic;
}
.vwm-quote span {
display: block;
margin-top: 12px;
font-weight: 600;
} .vwm-more {
max-width: 1200px;
margin: 60px auto;
padding: 0 20px;
}
.vwm-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.vwm-card {
background: #fff;
}
.vwm-card img {
width: 100%;
height: 180px;
object-fit: cover;
}
.vwm-cat {
display: block;
margin: 10px 0 4px;
font-size: 12px;
color: #0f766e;
font-weight: 600;
text-transform: uppercase;
}
.vwm-card h3 {
font-size: 16px;
line-height: 1.4;
} @media (max-width: 900px) {
.vwm-author-inner {
flex-direction: column;
text-align: center;
}
.vwm-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.eeh-featured-caption {
margin-top: 5px;
font-size: 10px;
color: #6b7280;
line-height: 1.5;
}
.eeh-trust-box {
margin: 40px 0 28px;
padding: 22px 26px;
background: #f8fafc;
border: 1px solid #e5e7eb;
border-left: 5px solid #10b981;
border-bottom: 5px solid #10b981;
border-radius: 8px;
font-size: 15px;
line-height: 1.7;
color: #1f2937;
}
.eeh-trust-box strong {
display: block;
font-size: 16px;
margin-bottom: 8px;
color: #064e3b;
}
.eeh-trust-box p {
margin-bottom: 10px;
}
@media (max-width: 768px) {
.eeh-trust-box {
font-size: 14px;
padding: 18px 20px;
}
} .vw-meta {
font-size: 13px;
color: #6b7280;
}
.eeh-author-hover {
position: relative;
display: inline-flex;
align-items: center;
} .eeh-author-hover > a {
font-weight: 600;
color: #111827;
text-decoration: none;
}
.eeh-author-hover > a:hover {
text-decoration: underline;
} .eeh-author-box {
position: absolute;
top: 110%;
left: 0;
border: 1px solid #8256; 
width: 500px;
background: #ffffff;
padding: 16px;
border-radius: 10px 10px 0px 10px;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity 0.25s ease, transform 0.25s ease;
z-index: 9999;
} .eeh-author-hover:hover .eeh-author-box {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .eeh-author-avatar img {
width: 56px;
height: 56px;
border-radius: 50%;
display: block;
} .eeh-author-info {
margin-top: 10px;
font-size: 13px;
line-height: 1.5;
color: #374151;
}
.eeh-author-info strong {
display: block;
font-size: 14px;
font-weight: 700;
color: #111827;
margin-bottom: 4px;
} .eeh-author-box::before {
content: "";
position: absolute;
top: -6px;
left: 18px;
width: 12px;
height: 12px;
border: 2px solid #e5e7eb;
background: #ffffff;
transform: rotate(45deg);
} @media (max-width: 768px) {
.eeh-author-box {
display: none;
}
} .vw-container{
max-width:1200px;
margin:0 auto;
padding:0 20px;
}  .category section{
display:block !important;
width:100% !important;
float:none !important;
clear:both !important;
} .vw-cat-hero,
.vw-cat-intro,
.vw-foundation,
.vw-faq,
.vw-keyterms,
.vw-explore,
.vw-post-loop{
width:100%;
display:block;
clear:both;
} .category .site-content,
.category .content-area,
.category main,
.category article{
display:block !important;
} .vw-cat-hero{ margin-bottom:40px; }
.vw-cat-intro{ margin-bottom:50px; }
.vw-foundation{ margin-bottom:60px; }
.vw-faq{ margin-bottom:60px; }
.vw-keyterms{ margin-bottom:60px; }
.vw-explore{ margin-bottom:60px; } .vw-container {
max-width: 1200px;
margin: auto;
padding: 40px 16px;
} .vw-parent {
display: block;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
color: #2e7d6b;
margin-bottom: 10px;
text-decoration: none;
text-transform: uppercase;
} .vw-title {
font-size: 52px;
line-height: 1.1;
font-weight: 800;
color: #163a3f;
margin: 0 0 22px;
} .vw-subcats {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 32px;
}
.vw-subcats a {
padding: 10px 18px;
border: 1px solid #ddd;
border-right: 6px solid #e5e7eb;
border-bottom: 4px solid #e5e7eb;
border-radius: 10px 10px 0 10px;
font-weight: 600;
font-size: 16px;
color: #2e7d6b;
background: #fff;
text-decoration: none;
transition: all .2s ease;
}
.vw-subcats a:hover {
background: #f2faf7;
border-color: #2e7d6b;
} .vw-intro {
background: #f7faf8;
border: 2px solid #ddd;
border-right: 9px solid #e5e7eb;
border-bottom: 5px solid #e5e7eb;
border-radius: 10px 10px 0px 10px;
border-left: 10px solid #33b57d;
padding: 28px 32px;
font-size: 20px;
line-height: 1.6;
color: #1c2b2d;
margin-bottom: 50px;
} @media (max-width: 768px) {
.vw-title {
font-size: 36px;
}
.vw-intro {
font-size: 18px;
padding: 22px;
}
} .vw-foundation {
margin: 48px 0 56px;
}
.vw-foundation-title {
font-size: 18px;
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
color: #0f2f2f;
margin-bottom: 28px;
} .vw-foundation-grid {
display: grid;
grid-template-columns: 1.3fr 1.3fr 1fr;
gap: 22px;
align-items: start;
} .vw-card-big {
background: #fff;
border: 1px solid #ddd;
border-right: 6px solid #e5e7eb;
border-bottom: 4px solid #e5e7eb;
border-radius: 10px 10px 0 10px;
overflow: hidden;
box-shadow: 0 8px 22px rgba(0,0,0,.06);
}
.vw-card-big img {
width: 100%;
height: 260px;
object-fit: cover;
}
.vw-card-body {
padding: 20px 22px 22px;
}
.vw-card-cat {
display: inline-block;
font-size: 12px;
font-weight: 700;
letter-spacing: .6px;
color: #1a7f72;
text-transform: uppercase;
margin-bottom: 6px;
}
.vw-card-big h3 {
font-size: 22px;
line-height: 1.25;
font-weight: 600;
color: #0b2c2e;
margin: 6px 0 10px;
} .vw-card-stack {
display: flex;
flex-direction: column;
gap: 18px;
}
.vw-card-small {
background: #fff;
border: 1px solid #ddd;
border-right: 6px solid #e5e7eb;
border-bottom: 4px solid #e5e7eb;
border-radius: 10px 10px 0 10px;
padding: 18px;
display: flex;
gap: 14px;
box-shadow: 0 8px 22px rgba(0,0,0,.06);
}
.vw-card-small img {
width: 266px;
height: 64px;
border-radius: 10px;
object-fit: cover;
flex-shrink: 0;
}
.vw-card-small h4 {
font-size: 17px;
line-height: 1.3;
font-weight: 600;
color: #0b2c2e;
margin: 4px 0 6px;
} .vw-card-review {
font-size: 13px;
color: #6b7280;
font-weight: 400;
} .vw-foundation a {
text-decoration: none;
color: inherit;
}
.vw-foundation-title,
.vw-card-big h3,
.vw-card-small h4 {
font-family: "Source Serif Pro", "Georgia", "Times New Roman", serif;
}
.vw-card-cat,
.vw-card-review,
.vw-card-body,
.vw-card-small div {
font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.vw-card-big h3,
.vw-card-small h4 {
letter-spacing: -0.01em;
}
.vw-card-review {
line-height: 1.45;
} @media (max-width: 768px) {
.vw-foundation-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.vw-card-big img {
height: 220px;
}
}   .vw-faq {
margin: 48px 0;
}
.vw-faq-container {
background: #ffffff;
border-radius: 14px;
box-shadow: 0 8px 28px rgba(0,0,0,0.08);
overflow: hidden;
} .vw-faq-header {
background: #2d538a;
color: #ffffff;
padding: 18px 24px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
} .vw-faq-item {
margin: 16px;
background: #ffffff;
border-radius: 12px;
border: 1px solid #e6edf3;
overflow: hidden;
} .vw-faq-question {
width: 100%;
padding: 20px 22px;
background: transparent;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 20px;
font-weight: 700;
line-height: 1.35;
color: #0f3d46;
} .vw-faq-icon {
width: 10px;
height: 10px;
border-right: 3px solid #d64545;
border-bottom: 3px solid #d64545;
transform: rotate(45deg);
transition: transform 0.3s ease;
} .vw-faq-item.active .vw-faq-icon {
transform: rotate(-135deg);
} .vw-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
}
.vw-faq-answer p {
padding: 0 22px 18px;
margin: 0;
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
} .vw-faq-learn-more {
display: inline-block;
margin: 0 22px 18px;
font-size: 15px;
font-weight: 600;
color: #1e6bb8;
text-decoration: none;
}
.vw-faq-learn-more:hover {
text-decoration: underline;
} @media (max-width: 768px) {
.vw-faq-question {
font-size: 17px;
}
}
.vw-key-terms {
border-radius: 14px;
background: #fff;
box-shadow: 0 8px 30px rgba(0,0,0,.06);
margin: 40px 0;
}
.vw-key-header {
background:#2d548c;
color:#fff;
font-weight:700;
padding:18px 24px;
border-radius:14px 14px 0 0;
}
.vw-key-tabs {
display:flex;
gap:12px;
flex-wrap:wrap;
padding:20px;
}
.vw-key-tab {
border:0;
background: #111;
border: 1px solid #e5e7eb;
border-right: 7px solid #e5e7eb;
border-bottom: 4px solid #e5e7eb;
padding:10px 18px;
border-radius:14px 14px 0px 14px;
font-weight:600;
cursor:pointer;
}
.vw-key-tab.active {
background:#2e7d6b;
color:#fff;
}
.vw-key-panel {
display:none;
padding:0 24px 24px;
}
.vw-key-panel.active {
display:block;
}
.vw-key-panel a {
font-weight:600;
color:#1a73e8;
}   .vw-explore {
margin: 64px 0; }
.vw-container {
max-width: 1200px;
margin: auto;
padding: 0 16px;
}
.vw-explore-title {
font-size: 22px;
font-weight: 800;
margin-bottom: 26px;
text-transform: uppercase;
} .vw-explore-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 28px;
} .vw-explore-card {
grid-column: span 3;
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 10px 26px rgba(0,0,0,.06);
} .vw-explore-card:nth-child(-n+3) {
grid-column: span 4;
} .vw-explore-thumb img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
} .vw-explore-body {
padding: 16px 18px 22px;
} .vw-explore-cat {
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
color: #2e7d6b;
margin-bottom: 6px;
text-transform: uppercase;
} .vw-explore-post-title {
font-size: 18px;
line-height: 1.35;
margin: 0 0 10px;
}
.vw-explore-post-title a {
color: #0b2b2e;
text-decoration: none;
}
.vw-explore-post-title a:hover {
text-decoration: underline;
} .vw-explore-author {
font-size: 13px;
color: #6b6b6b;
} @media (max-width: 1024px) {
.vw-explore-grid {
grid-template-columns: repeat(3, 1fr);
}
.vw-explore-card,
.vw-explore-card:nth-child(-n+3) {
grid-column: auto;
}
} @media (max-width: 768px) {
.vw-explore-grid {
grid-template-columns: repeat(2, 1fr);
gap: 22px;
}
.vw-explore-thumb img {
height: 120px;
}
}