/* Styling for frontend pages generated by Shaiba Pro Manager. */
.spm-front{width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; color:var(--sp-text)!important}
.spm-front h1{margin:0 0 22px!important; font-size:var(--sp-fs-post-title)!important; line-height:1.02!important; letter-spacing:-.055em!important; color:var(--sp-text)!important}
.spm-front h2{margin:0 0 6px!important; font-size:var(--sp-fs-spm-heading)!important; line-height:1.12!important; letter-spacing:-.035em!important; color:var(--sp-text)!important}
.spm-front p{color:var(--sp-muted)!important; margin:.35em 0!important}
.spm-front a{color:var(--sp-text)!important}
.spm-front a:hover{color:var(--sp-accent)!important}
.spm-front-list{display:grid!important; gap:14px!important; margin-top:18px!important}
.spm-front article{border:1px solid var(--sp-card-border)!important; border-bottom:1px solid var(--sp-card-border)!important; border-radius:var(--sp-radius-md)!important; padding:18px!important; background:var(--sp-gradient-card)!important; box-shadow:var(--sp-shadow-soft)!important; transition:transform var(--sp-transition-fast), border-color var(--sp-transition-fast), background var(--sp-transition-fast)!important}
.spm-front article:hover{transform:translateY(-2px)!important; border-color:var(--sp-card-border-hover)!important; background:linear-gradient(180deg,var(--sp-accent-alpha-075),var(--sp-white-03))!important}
.spm-front article[style*="display:flex"]{display:flex!important; gap:16px!important; align-items:center!important}
.spm-front img{width:auto; max-width:82px!important; max-height:82px!important; border-radius:var(--sp-radius-card-small)!important; padding:8px!important; border:1px solid var(--sp-card-border)!important; background:var(--sp-white-055)!important; object-fit:contain!important}
.spm-front ul{display:grid; gap:10px; padding:18px; margin:18px 0 0; list-style:none; border:1px solid var(--sp-card-border); border-radius:var(--sp-radius-md); background:var(--sp-white-035)}
.spm-front li{color:var(--sp-text-soft)}
.spm-front strong{color:var(--sp-text)}

@media (hover:none), (pointer:coarse){
  .spm-front article:hover{transform:none!important}
}