/* Article layout for /blog/<slug>/ pages (SriPAA). Works on top of style.css */
.sp-article{max-width:820px;margin:0 auto;padding:8px 0 24px;color:#333;font-size:17px;line-height:1.75}
.sp-article p{margin:0 0 1em}
.sp-article h2{font-size:28px;line-height:1.3;margin:1.8em 0 .6em;color:#2b5c3a;font-weight:700}
.sp-article h3{font-size:21px;line-height:1.35;margin:1.4em 0 .5em;color:#222;font-weight:600}
.sp-article ul,.sp-article ol{margin:0 0 1.2em;padding-left:1.4em}
.sp-article li{margin:.25em 0}
.sp-article a{color:#c95a1c;text-decoration:underline;text-underline-offset:2px}
.sp-meta{font-size:14px;color:#6b7280;margin-bottom:1.4em!important}
.sp-meta span{color:#e86624;font-weight:600}
.sp-figure{margin:1.6em 0}
.sp-figure img{width:100%;height:auto;border-radius:14px;display:block}
.sp-table-wrap{overflow-x:auto;margin:1.2em 0 1.6em;border:1px solid #e5e7eb;border-radius:12px}
.sp-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;min-width:560px}
.sp-table th,.sp-table td{padding:12px 14px;border-bottom:1px solid #eef0f2;text-align:left;vertical-align:top}
.sp-table thead th{background:#2b5c3a;color:#fff;font-weight:600}
.sp-table tbody th{background:#f7faf8;font-weight:600;color:#1f2937}
.sp-table tbody tr:last-child th,.sp-table tbody tr:last-child td{border-bottom:0}
.sp-cta{background:#fff7f0;border:1px solid #f6d6c0;border-radius:16px;padding:26px 28px;margin:2.4em 0}
.sp-cta h2{margin-top:0;color:#1f2937;font-size:24px}
.sp-cta-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;background:#e86624;color:#fff!important;text-decoration:none!important;font-weight:600;font-size:15px}
.sp-btn:hover{background:#cf5419}
.sp-btn-ghost{background:#fff;color:#c95a1c!important;border:1px solid #e86624}
.sp-btn-ghost:hover{background:#fff1e8}
.sp-btn-wa{background:#25d366}.sp-btn-wa:hover{background:#1ebe5b}
.sp-faq{margin:2.4em 0 1.6em}
.sp-faq-item{border:1px solid #e5e7eb;border-radius:12px;margin:0 0 12px;background:#fff}
.sp-faq-item summary{list-style:none;cursor:pointer;padding:16px 48px 16px 18px;position:relative}
.sp-faq-item summary::-webkit-details-marker{display:none}
.sp-faq-item summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;color:#e86624;font-weight:600}
.sp-faq-item[open] summary::after{content:"\2212"}
.sp-faq-item summary h3{font-size:18px;margin:0;display:inline}
.sp-faq-item p{padding:0 18px;font-size:16px}
.sp-disclaimer{font-size:14px;color:#6b7280;border-top:1px solid #eee;padding-top:14px;margin-top:2em!important}
#recent-post .card-img-top{aspect-ratio:3/2;height:auto!important;max-height:none!important;object-fit:cover}
@media (max-width:768px){
  .sp-article{font-size:16px}
  .sp-article h2{font-size:23px}
  .sp-article h3{font-size:19px}
  .sp-cta{padding:20px}
  .sp-btn{flex:1 1 100%}
}