/* ============================================================
   RANKOSYS BLOG ARCHIVE — clean Backlinko-style
   assets/css/blog-archive.css
   ============================================================ */
.rkba-page{background:#fff;min-height:100vh;font-family:'Inter',-apple-system,sans-serif;}
.rkba-container{max-width:1200px;margin:0 auto;padding:0 24px;}

/* HERO */
.rkba-hero{background:#f7f9fc;border-bottom:1px solid #e8edf2;padding:64px 0 52px;text-align:center;}
.rkba-hero-label{display:inline-block;background:#e8f4fd;color:#0369a1;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:18px;}
.rkba-hero-h1{font-family:'Syne','Inter',sans-serif;font-size:clamp(26px,3.5vw,44px);font-weight:800;color:#0f172a;line-height:1.2;margin:0 auto 14px;max-width:640px;letter-spacing:-.025em;}
.rkba-hero-sub{font-size:16px;color:#475569;line-height:1.7;max-width:520px;margin:0 auto 28px;}
.rkba-search-form{max-width:440px;margin:0 auto;display:flex;background:#fff;border:2px solid #e2e8f0;border-radius:50px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:border-color .2s;}
.rkba-search-form:focus-within{border-color:#0369a1;}
.rkba-search-input{flex:1;border:none;outline:none;padding:13px 20px;font-size:15px;color:#0f172a;background:transparent;}
.rkba-search-btn{background:#0f172a;color:#fff;border:none;padding:0 22px;cursor:pointer;display:flex;align-items:center;transition:background .2s;}
.rkba-search-btn:hover{background:#1e3a5f;}

/* SECTIONS */
.rkba-section{padding:52px 0 0;}
.rkba-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid #f1f5f9;}
.rkba-section-ttl{font-family:'Syne','Inter',sans-serif;font-size:20px;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:10px;}
.rkba-cat-icon{font-size:20px;}
.rkba-view-all{font-size:13px;font-weight:600;color:#0369a1;text-decoration:none;white-space:nowrap;transition:color .2s;flex-shrink:0;}
.rkba-view-all:hover{color:#0284c7;text-decoration:underline;}

/* EMPTY STATE */
.rkba-empty-cat{background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:10px;padding:28px 24px;text-align:center;margin-top:4px;}
.rkba-empty-cat p{color:#94a3b8;font-size:14px;margin:0;}

/* CARDS - same size for all sections */
.rkba-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.rkba-card{background:#fff;border:1px solid #e8edf2;border-radius:12px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column;}
.rkba-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.09);border-color:#cbd5e1;}
.rkba-card-img{display:block;overflow:hidden;}
.rkba-card-img img{width:100%;height:175px;object-fit:cover;display:block;transition:transform .3s;}
.rkba-card:hover .rkba-card-img img{transform:scale(1.04);}
.rkba-card-body{padding:16px;flex:1;display:flex;flex-direction:column;}
.rkba-rcard-cat{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0369a1;text-decoration:none;margin-bottom:7px;}
.rkba-rcard-cat:hover{color:#0284c7;}
.rkba-card-ttl{margin:0 0 8px;flex:1;}
.rkba-card-ttl a{font-family:'Syne','Inter',sans-serif;font-size:14.5px;font-weight:700;color:#0f172a;text-decoration:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s;}
.rkba-card-ttl a:hover{color:#0369a1;}
.rkba-card-excerpt{font-size:13px;color:#64748b;line-height:1.6;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.rkba-card-meta{font-size:11.5px;color:#94a3b8;display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;border-top:1px solid #f1f5f9;}
.rkba-dot{color:#cbd5e1;}

/* CTA */
.rkba-cta{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 65%,#0f172a 100%);border-radius:16px;padding:52px 56px;margin:56px 0 0;border:1px solid rgba(0,229,255,.15);box-shadow:0 12px 48px rgba(0,0,0,.15);}
.rkba-cta-text h2{font-family:'Syne','Inter',sans-serif;font-size:clamp(22px,2.8vw,34px);font-weight:800;color:#f1f5f9;margin:0 0 10px;line-height:1.2;letter-spacing:-.02em;}
.rkba-cta-text h2 span{color:#00e5ff;}
.rkba-cta-text p{color:#94a3b8;font-size:15px;margin:0 0 28px;line-height:1.6;}
.rkba-cta-btns{display:flex;gap:14px;flex-wrap:wrap;}
.rkba-btn-primary{display:inline-flex;align-items:center;gap:6px;background:#00e5ff;color:#000!important;font-weight:700;font-size:15px;padding:13px 26px;border-radius:50px;text-decoration:none!important;transition:all .2s;box-shadow:0 4px 16px rgba(0,229,255,.3);}
.rkba-btn-primary:hover{background:#00cfeb;transform:translateY(-2px);}
.rkba-btn-outline{display:inline-flex;align-items:center;background:transparent;color:#f1f5f9!important;font-weight:600;font-size:15px;padding:13px 26px;border-radius:50px;text-decoration:none!important;border:1.5px solid rgba(241,245,249,.3);transition:all .2s;}
.rkba-btn-outline:hover{border-color:#f1f5f9;background:rgba(241,245,249,.08);}

/* FAQs */
.rkba-faq-section{padding:56px 0 72px;}
.rkba-faq-ttl{font-family:'Syne','Inter',sans-serif;font-size:clamp(20px,2.2vw,28px);font-weight:800;color:#0f172a;margin:0 0 24px;letter-spacing:-.02em;}
.rkba-faq-list{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;}
.rkba-faq-item{border-bottom:1px solid #e2e8f0;}
.rkba-faq-item:last-child{border-bottom:none;}
.rkba-faq-q{width:100%;background:#fff;border:none;text-align:left;padding:18px 22px;font-family:'Syne','Inter',sans-serif;font-size:15px;font-weight:700;color:#0f172a;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:background .15s;}
.rkba-faq-q:hover{background:#f8fafc;}
.rkba-faq-q[aria-expanded="true"]{background:#f0f9ff;color:#0369a1;}
.rkba-faq-icon{flex-shrink:0;color:#64748b;transition:transform .25s;}
.rkba-faq-a{padding:0 22px 18px;background:#f0f9ff;}
.rkba-faq-a p{margin:0;font-size:14.5px;line-height:1.75;color:#334155;}

/* BODY */
body.page-template-template-blog{background:#fff!important;color:#0f172a!important;}
body.page-template-template-blog .site-header{background:rgba(10,10,15,.97)!important;}

/* RESPONSIVE */
@media(max-width:1024px){.rkba-posts-grid{grid-template-columns:repeat(2,1fr);}.rkba-cta{padding:40px 32px;}}
@media(max-width:768px){.rkba-hero{padding:48px 0 40px;}.rkba-posts-grid{grid-template-columns:1fr;}.rkba-cta{padding:32px 24px;}.rkba-cta-btns{flex-direction:column;}.rkba-btn-primary,.rkba-btn-outline{justify-content:center;}}
@media(max-width:480px){.rkba-hero-h1{font-size:24px;}.rkba-container{padding:0 16px;}}