html,
body {
background-color: #FBF8F1 !important;
background-attachment: scroll !important;
}
#wrapper,
#container,
#content,
#content-in,
#main {
background: transparent !important;
}  article.category-5-post  { --card-color: var(--sk-mint);     } article.category-9-post  { --card-color: var(--sk-coral);    } article.category-11-post { --card-color: var(--sk-coral);    } article.category-4-post  { --card-color: var(--sk-violet-l); } article.category-7-post  { --card-color: var(--sk-sun);      } article.category-6-post  { --card-color: var(--sk-coral-l);  }  article.entry-card,
article.e-card {
--card-color: var(--sk-coral);
} article.entry-card,
article.e-card {
border-top: 3px solid var(--card-color) !important;
transition: transform 240ms cubic-bezier(.2,.8,.2,1), box-shadow 240ms ease;
}
article.entry-card:hover,
article.e-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(27,35,64,0.10) !important;
} .entry-card .card-title,
.e-card .card-title {
font-family: var(--sk-font-head);
} .sk-mobile-nav {
display: none;
position: fixed;
left: 12px;
right: 12px;
bottom: 12px;
background: var(--sk-navy);
border-radius: 14px;
z-index: 9999;
grid-template-columns: repeat(5, 1fr);
box-shadow: 0 4px 20px rgba(27,35,64,0.25);
}
@media (max-width: 768px) {
.sk-mobile-nav { display: grid; }
#footer { padding-bottom: 80px; }
#navi-footer { display: none !important; }
}
.sk-mobile-nav__item {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 0;
font-size: 9px;
font-weight: 700;
color: rgba(255,255,255,0.55);
text-decoration: none !important;
gap: 3px;
}
.sk-mobile-nav__item span.sk-nav-icon {
font-size: 18px;
line-height: 1;
}
.sk-mobile-nav__item.current,
.sk-mobile-nav__item:hover {
color: var(--sk-coral);
}