.blog-card,
article.post,
.tutor-starter-post-card,
.wp-block-latest-posts.is-grid li {
background-color: var(--white) !important;
border-radius: var(--radius-blog) !important;
overflow: hidden !important;
border: 1px solid rgba(0,0,0,0.05) !important;
box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
transition: transform .3s ease, box-shadow .3s ease !important;
display: flex;
flex-direction: column;
margin-bottom: 30px !important;
}
.blog-card:hover,
article.post:hover,
.wp-block-latest-posts.is-grid li:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(78,107,255,.10) !important;
} .blog-thumb, .post-thumbnail, .wp-block-latest-posts__featured-image {
height: 220px !important;
background-color: #E2E8F0;
position: relative;
overflow: hidden;
margin: 0 !important;
}
.blog-thumb img, .post-thumbnail img, .wp-block-latest-posts__featured-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 0 !important;
} .blog-content, .entry-content, .post-content, .tutor-starter-post-content {
padding: 25px !important;
display: flex;
flex-direction: column;
flex-grow: 1;
} .blog-title, .entry-title, .wp-block-latest-posts__list-item a {
font-size: 1.25rem !important;
margin-bottom: 15px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
color: var(--text-main) !important;
text-decoration: none !important;
display: block;
}
.blog-title a:hover, .entry-title a:hover, .wp-block-latest-posts__list-item a:hover {
color: var(--human-coral) !important;
} .read-more-link, .more-link {
color: var(--ai-blue) !important;
font-weight: 700 !important;
text-decoration: none !important;
font-size: .9rem !important;
margin-top: auto;
display: inline-block;
} .blog-single { padding: clamp(28px, 4vw, 64px) 0; }
.blog-layout {
display: grid;
grid-template-columns: 360px minmax(0, 1fr);
gap: clamp(22px, 3vw, 44px);
align-items: start;
}
.blog-sidebar-inner { position: sticky; top: 110px; border-radius: 16px; } .blog-title { margin: 0 0 14px; line-height: 1.05; font-size: clamp(2rem, 2.4vw, 2.6rem); } .blog-meta { margin: 0 0 18px; opacity: 0.9; }
.blog-meta-line { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; margin: 0 0 6px; }
.blog-author { font-weight: 700; text-decoration: none; color: inherit; }
.blog-meta-dot { opacity: 0.5; } .blog-single .elementor-post-info { margin: 0 0 8px !important; font-size: 14px; line-height: 1.45; }
.blog-single .elementor-post-info__item--type-date a { pointer-events: none; cursor: default; text-decoration: none; color: inherit; } #js-reading-time { display: inline-block; margin: 6px 0 12px; color: rgba(0,0,0,0.72); font-size: 14px; } .blog-share { margin: 18px 0; }
.blog-share-title { margin: 0 0 10px; font-weight: 700; opacity: 0.9; }
.blog-share-icons { display: flex; gap: 10px; }
.share-icon {
width: 34px; height: 34px;
border-radius: 10px;
display: inline-flex; align-items: center; justify-content: center;
text-decoration: none;
border: 1px solid rgba(0,0,0,0.10);
background: rgba(0,0,0,0.02);
font-weight: 800; line-height: 1; color: inherit;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.share-icon:hover { transform: translateY(-1px); border-color: rgba(0,0,0,0.16); box-shadow: 0 10px 22px rgba(0,0,0,0.08); } .blog-toc { border: 1px solid rgba(0,0,0,0.10); border-radius: 14px; overflow: hidden; background: #fff; }
.toc-toggle { width: 100%; padding: 14px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; background: #fff; border: 0; font-weight: 800; }
.toc-chevron { opacity: 0.65; }
.toc-list { padding: 10px 14px 14px; display: grid; gap: 8px; }
.toc-list a { text-decoration: none; color: inherit; opacity: 0.9; line-height: 1.3; }
.toc-list a:hover { opacity: 1; text-decoration: underline; }
.toc-item { display: flex; gap: 10px; align-items: baseline; }
.toc-bullet { opacity: 0.55; } .blog-intro,
.blog-single .elementor-widget-theme-post-excerpt,
.blog-single .elementor-widget-theme-post-excerpt * { color: rgba(0,0,0,0.72); }
.blog-single .elementor-widget-theme-post-excerpt { margin: 0 0 18px !important; max-width: 78ch; }
.blog-article__content h2 { margin: 26px 0 10px; line-height: 1.2; }
.blog-article__content h3 { margin: 18px 0 10px; line-height: 1.25; }
.blog-article__content p { margin: 0 0 14px; max-width: 80ch; color: rgba(0,0,0,0.86); line-height: 1.65; } :is(.elementor .elementor-widget-container, .entry-content, .single-post article, .single-post .post-content, .single-post .post-entry, .single-post .content) > h1:first-child { margin-top: 0; } .elementor-widget-text-editor p a:hover,
.elementor-widget-text-editor li a:hover,
.elementor-widget-text-editor blockquote a:hover,
.elementor-widget-theme-post-content p a:hover,
.elementor-widget-theme-post-content li a:hover,
.elementor-widget-theme-post-content blockquote a:hover,
.entry-content p a:hover,
.entry-content li a:hover,
.entry-content blockquote a:hover,
.elementor-widget-text-editor p a:focus-visible,
.elementor-widget-text-editor li a:focus-visible,
.elementor-widget-text-editor blockquote a:focus-visible,
.elementor-widget-theme-post-content p a:focus-visible,
.elementor-widget-theme-post-content li a:focus-visible,
.elementor-widget-theme-post-content blockquote a:focus-visible,
.entry-content p a:focus-visible,
.entry-content li a:focus-visible,
.entry-content blockquote a:focus-visible { text-decoration-thickness: 0.12em; }
.elementor-widget-text-editor p a:visited,
.elementor-widget-text-editor li a:visited,
.elementor-widget-text-editor blockquote a:visited,
.elementor-widget-theme-post-content p a:visited,
.elementor-widget-theme-post-content li a:visited,
.elementor-widget-theme-post-content blockquote a:visited,
.entry-content p a:visited,
.entry-content li a:visited,
.entry-content blockquote a:visited { opacity: 0.9; } @media (max-width: 1200px) {
.blog-single .elementor-widget-theme-post-featured-image img,
.blog-single .elementor-widget-post-featured-image img { height: 360px !important; }
}
@media (max-width: 980px) {
.blog-layout { grid-template-columns: 1fr; }
.blog-sidebar-inner { position: static; }
}
@media (max-width: 767px) {
.blog-single .elementor-widget-theme-post-featured-image img,
.blog-single .elementor-widget-post-featured-image img { height: 240px !important; }
.blog-title, .blog-single h1.elementor-heading-title { max-width: none; }
}