.single-post .ast-article-single .post-thumb img,
.single-post .post-thumb-img-content img,
.single-post .ast-single-post-featured-section img {
max-width: 80% !important;
height: auto !important;
margin: 0 auto !important;
display: block !important;
border-radius: 8px !important;
} #secondary {
border-left: 5px solid #e2e8f0 !important;
padding-left: 40px !important;
} #secondary .wp-block-button {
display: block !important;
width: 100% !important;
margin-bottom: 12px !important;
}
#secondary .wp-block-button__link {
display: block !important;
width: 100% !important;
text-align: center !important;
background-color: #0077ff !important; color: #ffffff !important; padding: 12px 20px !important; border-radius: 8px !important; font-weight: 600 !important; text-decoration: none !important;
transition: background-color 0.2s ease !important; } #secondary .wp-block-button__link:hover {
background-color: #0055cc !important; }  @media only screen and (min-width: 992px) {
.wi-sticky-wiki-tab { 
position: fixed !important; 
top: 50% !important; 
right: 0 !important; 
transform: translateY(-50%) !important; 
z-index: 99999 !important; 
background-color: #074778 !important; color: #ffffff !important; 
border: none !important; 
border-radius: 4px 0 0 4px !important; 
display: flex !important; 
align-items: center !important; 
gap: 8px !important; 
padding: 12px 10px !important; 
text-decoration: none !important; 
box-shadow: -2px 4px 12px rgba(0, 0, 0, 0.15) !important; 
writing-mode: vertical-rl !important; 
text-transform: none !important; 
font-family: inherit !important; 
font-size: 13px !important; 
font-weight: 500 !important; 
letter-spacing: 0.03em !important; 
cursor: pointer !important; 
transition: all 0.2s ease-in-out !important; 
}
.wi-sticky-wiki-tab:hover { 
background-color: #032742 !important; color: #ffffff !important; 
padding-right: 15px !important; 
}
.wi-sticky-wiki-tab-icon { 
font-size: 16px !important; 
line-height: 1 !important; 
transform: rotate(90deg) !important; 
}
} @media only screen and (max-width: 991px) {
.wi-sticky-wiki-tab {
position: fixed !important;
bottom: 20px !important; right: 20px !important; z-index: 99999 !important;
background-color: #074778 !important;
color: #ffffff !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important; display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
text-decoration: none !important;
writing-mode: horizontal-tb !important; } .wi-sticky-wiki-tab .wi-text {
display: none !important;
}
.wi-sticky-wiki-tab-icon {
font-size: 20px !important;
line-height: 1 !important;
transform: none !important; }
}  .wi-index-widget {
background: #0A4E85; border: 1px solid #1f242e;
border-radius: 12px;
padding: 24px;
margin: 20px 0;
font-family: system-ui, -apple-system, sans-serif;
color: #fff;
} .wi-index-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 24px;
}
.wi-index-header h4 {
margin: 0;
font-size: 18px;
font-weight: 600;
}
.wi-pulse-icon {
width: 8px;
height: 8px;
background-color: #10b981; border-radius: 50%;
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
animation: wi-pulse 1.6s infinite;
}
@keyframes wi-pulse {
0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
} .wi-index-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
@media (max-width: 768px) {
.wi-index-grid { grid-template-columns: 1fr; gap: 24px; }
}
.wi-index-section h5 {
margin: 0 0 16px 0;
color: #9ca3af;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
} .wi-device-bar {
display: flex;
height: 38px;
border-radius: 8px;
overflow: hidden;
background: #1f242e;
}
.wi-bar-segment {
display: flex;
align-items: center;
padding: 0 12px;
font-size: 13px;
font-weight: 500;
white-space: nowrap;
transition: width 0.5s ease;
}
.wi-bar-segment.mobile { background: #6b46c1; color: #fff; } .wi-bar-segment.desktop { background: #0284c7; color: #fff; }  .wi-browser-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
font-size: 14px;
}
.wi-browser-name { width: 70px; color: #e5e7eb; }
.wi-browser-val { width: 45px; text-align: right; color: #10b981; font-weight: 600; }
.wi-browser-line-wrapper {
flex-grow: 1;
height: 8px;
background: #1f242e;
border-radius: 4px;
overflow: hidden;
}
.wi-browser-line {
height: 100%;
border-radius: 4px;
transition: width 0.5s ease;
} .wi-browser-line.chrome { background: #eab308; } .wi-browser-line.yandex { background: #ef4444; } .wi-browser-line.safari { background: #3b82f6; } .wi-browser-line.other { background: #6b7280; }