/* TCB Baby Names — v1.0 */
#tcb-bn-app{max-width:960px;margin:0 auto;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#14243B;-webkit-font-smoothing:antialiased;}
#tcb-bn-app *{box-sizing:border-box;margin:0;padding:0;}

/* Hero */
.bn-hero{background:linear-gradient(135deg,#14243B,#1E3FB0);color:#fff;border-radius:16px;padding:32px 28px 28px;margin-bottom:20px;}
.bn-hero h1{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px;}
.bn-hero p{font-size:14px;color:rgba(255,255,255,.7);line-height:1.5;}

/* Search */
.bn-search-wrap{position:relative;margin-bottom:16px;}
.bn-search{width:100%;border:1.5px solid #E2E7F0;border-radius:14px;padding:14px 14px 14px 44px;font:inherit;font-size:16px;color:#14243B;background:#fff;outline:none;transition:border-color .12s;}
.bn-search:focus{border-color:#2F5BEA;}
.bn-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9AA4B5;pointer-events:none;}

/* Filter pills */
.bn-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.bn-pill{border:1.5px solid #E2E7F0;border-radius:999px;padding:7px 16px;font:inherit;font-size:13px;font-weight:600;color:#6B7688;background:#fff;cursor:pointer;transition:all .12s;}
.bn-pill:hover,.bn-pill.active{border-color:#2F5BEA;background:#EAF0FF;color:#2F5BEA;}
.bn-pill.active{font-weight:800;}

/* Alphabet bar */
.bn-alpha-bar{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:10px 0;}
.bn-alpha{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1.5px solid #E2E7F0;border-radius:8px;font:inherit;font-size:13px;font-weight:700;color:#6B7688;background:#fff;cursor:pointer;transition:all .12s;}
.bn-alpha:hover,.bn-alpha.active{border-color:#2F5BEA;background:#2F5BEA;color:#fff;}
.bn-alpha.empty{opacity:.35;cursor:default;}

/* Stats bar */
.bn-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:13px;color:#6B7688;}
.bn-stats b{color:#2F5BEA;}

/* Names table */
.bn-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:16px;}
.bn-table th{background:#14243B;color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:10px 14px;text-align:left;}
.bn-table th:first-child{border-radius:10px 0 0 0;}
.bn-table th:last-child{border-radius:0 10px 0 0;}
.bn-table td{padding:12px 14px;border-bottom:1px solid #F1F4F9;font-size:14px;vertical-align:top;}
.bn-table tr:hover td{background:#F7F9FF;}
.bn-name-en{font-weight:700;color:#14243B;}
.bn-name-ur{font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Urdu Typesetting",serif;font-size:18px;direction:rtl;text-align:right;color:#14243B;line-height:1.8;}
.bn-meaning-en{color:#3E4C63;font-size:13px;}
.bn-meaning-ur{font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Urdu Typesetting",serif;font-size:15px;direction:rtl;text-align:right;color:#6B7688;line-height:1.7;}
.bn-origin{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:#F1F4F9;color:#6B7688;}
.bn-origin.quranic{background:#E7F6EE;color:#12894A;}
.bn-gender-tag{display:inline-block;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;letter-spacing:.04em;}
.bn-gender-tag.boy{background:#EAF0FF;color:#2F5BEA;}
.bn-gender-tag.girl{background:#FCEAF5;color:#C2185B;}

/* Pagination */
.bn-pagination{display:flex;justify-content:center;gap:6px;margin:20px 0;}
.bn-page-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1.5px solid #E2E7F0;border-radius:8px;font:inherit;font-size:13px;font-weight:600;color:#6B7688;background:#fff;cursor:pointer;transition:all .12s;}
.bn-page-btn:hover,.bn-page-btn.active{border-color:#2F5BEA;background:#2F5BEA;color:#fff;}
.bn-page-btn:disabled{opacity:.3;cursor:default;}

/* Ad slot */
.bn-ad-slot{margin:24px 0;text-align:center;overflow:hidden;}

/* Loading */
.bn-loading{text-align:center;padding:40px;color:#9AA4B5;font-size:15px;}

/* Mobile */
@media(max-width:640px){
    .bn-hero{padding:24px 18px 20px;}
    .bn-hero h1{font-size:21px;}
    .bn-table th,.bn-table td{padding:8px 10px;font-size:13px;}
    .bn-name-ur{font-size:16px;}
    .bn-meaning-ur{font-size:14px;}
    .bn-alpha{width:28px;height:28px;font-size:11px;}
    .bn-filters{gap:6px;}
}

/* Urdu column */
@media(max-width:480px){
    .bn-col-meaning-ur,.bn-col-origin{display:none;}
}

/* SEO content section */
.bn-seo-content{margin-top:32px;padding:24px;background:#F8F9FC;border-radius:14px;font-size:14.5px;line-height:1.7;color:#3E4C63;}
.bn-seo-content h2{font-size:18px;color:#14243B;margin:20px 0 8px;font-weight:700;}
.bn-seo-content h2:first-child{margin-top:0;}
.bn-seo-content p{margin-bottom:10px;}
.bn-seo-content ul{margin:8px 0 12px 18px;}
.bn-seo-content li{margin-bottom:4px;}

/* Print */
@media print{
    .bn-hero,.bn-filters,.bn-search-wrap,.bn-alpha-bar,.bn-pagination,.bn-ad-slot{display:none!important;}
    .bn-table{font-size:12px;}
}