.scp-widget { display: flex; flex-direction: column; gap: 16px; align-items: center; }
.scp-results { min-height: 60px; }
.scp-loading { opacity: .8; } .scp-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 15px;}
.scp-cat{
appearance:none;
border:1px solid #e8e8e9;
background:#fff;
padding:8px 12px;
border-radius:50px;
cursor:pointer;
transition:.2s;
font:inherit;
color:#494951;
text-transform:capitalize;
font-size:15px;
line-height:1.5;
letter-spacing: normal;
}
.scp-cat[data-term-id="0"] { order: -999; }
.scp-cat:hover{ border-color:#fbaf3f59; background-color:#fbaf3f59; color:#494951; }
.scp-cat.is-active{ background-color:#fbaf3f59; color:#494951; border-color:#fbaf3f59; } .scp-posts { display: flex; flex-direction: column; gap: 16px; }
.scp-cats_title{} .scp-card{
display:flex;
flex-direction:column;
gap:10px;
border:1px solid #e5e7eb;
border-radius:12px;
overflow:hidden;
background:#fff;
}
.scp-card__media{ display:block; background:#f3f4f6; width:100%; }
.scp-thumb{ width:100%; height:100%; object-fit:cover; display:block; }
.scp-thumb--placeholder{ display:block; width:100%; height:180px; background:#eef2f7; }
.scp-card__body{ padding:12px; }
.scp-card__title{ margin:0 0 6px; font-size:16px; line-height:1.3; }
.scp-card__title a{ color:inherit; text-decoration:none; }
.scp-card__title a:hover{ text-decoration:underline; }
.scp-card__excerpt{ color:#4b5563; font-size:14px; line-height:1.5; } .scp-hero{
--scp-accent:#f0a20c; --scp-bg:#ffffff;
--scp-radius-xl:18px;
background:var(--scp-bg);
border-radius:calc(var(--scp-radius-xl) + 4px);
padding:24px;
box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.3);
}
.scp-hero__inner{
display:flex;
align-items:center;
gap:28px; flex-wrap:wrap; }
.scp-hero__left{
min-width:280px;
flex:1 1 480px; }
.scp-hero__right{
display:block;
position:relative;
border-radius:16px;
overflow:hidden;
background:#ffffff;
flex:0 0 600px; max-width:100%;
aspect-ratio:16 / 10; }
.scp-hero__right .scp-hero__img:hover{ transform:scale(1.1); }
.scp-hero__img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease;}
.scp-hero__img.--placeholder{ background:#e7ecf2; }
.scp-hero__meta{
display:flex; flex-wrap:wrap; gap:14px;
margin-bottom:12px; color:#9aa4b2; font-size:14px; line-height:1.4;
}
.scp-hero__meta-item{ display:inline-flex; align-items:center; gap:8px; color:var(--scp-accent); font-weight:500; }
.scp-hero__icon{ display:inline-block; flex:0 0 18px; }
.scp-hero__title{
font-size:36px; line-height:1.2; margin:8px 0 14px;
color:#2b2f36; font-weight:400;
font-family: 'Playfair Display', sans-serif
}
.scp-hero__title a{ color:inherit; text-decoration:none; }
.scp-hero__title a:hover{ color: #fbaf3f; }
.scp-hero__excerpt{
color:#4b5563; font-size:16px; line-height:1.2; max-width:58ch;
font-family: inherit;
} @media (max-width:1024px){
.scp-hero, .scp-cats{margin: 0 15px;}
.scp-hero__title{ font-size:28px; }
.scp-hero__right{ flex:1 1 100%; }
}
@media (max-width:860px){
.scp-hero__inner{ gap:18px; }
.scp-hero__right{ order:-1; } }