
body.aj-babynames-page{background:#fffdf7;color:#333}
.aj-babynames-hero{max-width:1200px;margin:28px auto 0;padding:0 20px}
.aj-babynames-hero-inner{position:relative;overflow:hidden;padding:40px;border-radius:24px;background:linear-gradient(135deg,#fff6df 0%,#fffdf8 56%,#f7deb0 100%);border:1px solid rgba(128,0,0,.12);box-shadow:0 18px 45px rgba(74,32,10,.09)}
.aj-babynames-hero-inner::after{content:'';position:absolute;right:-80px;top:-85px;width:250px;height:250px;border-radius:50%;background:rgba(128,0,0,.07)}
.aj-babynames-breadcrumbs{position:relative;z-index:1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#7b6558;font-size:15px;margin-bottom:18px}
.aj-babynames-breadcrumbs a{color:#800000;font-weight:700}.aj-babynames-breadcrumbs span{opacity:.72}
.aj-babynames-eyebrow{position:relative;z-index:1;display:inline-flex;margin-bottom:12px;padding:6px 12px;border-radius:999px;background:#800000;color:#fff;font-weight:700;font-size:14px}
.aj-babynames-hero h1{position:relative;z-index:1;margin:0 0 12px;border:0;padding:0;color:#800000;font-family:'Yatra One',serif;font-size:clamp(30px,4vw,44px);line-height:1.2;text-align:left}
.aj-babynames-hero p{position:relative;z-index:1;max-width:800px;margin:0;color:#47352f;font-size:19px;line-height:1.8;text-align:left}
.aj-babynames-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.aj-babynames-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:999px;font-weight:700;text-decoration:none}
.aj-babynames-btn-primary{background:#800000;color:#fff;box-shadow:0 10px 22px rgba(128,0,0,.18)}.aj-babynames-btn-primary:hover{background:#a30d0d;color:#fff}
.aj-babynames-btn-secondary{background:#fff;color:#800000;border:1px solid rgba(128,0,0,.18)}.aj-babynames-btn-secondary:hover{background:#fff7ef;color:#800000}
.aj-babynames-highlights{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.aj-babynames-highlights span{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.78);color:#6b301f;border:1px solid rgba(128,0,0,.12);font-size:15px;font-weight:600}
.aj-babynames-steps{max-width:1200px;margin:18px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.aj-babynames-steps div{background:#fff;border:1px solid rgba(128,0,0,.12);border-radius:18px;padding:18px;box-shadow:0 10px 22px rgba(74,32,10,.05);display:flex;align-items:center;gap:14px}
.aj-babynames-steps strong{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#800000;color:#fff;font-size:20px}
.aj-babynames-steps span{color:#5c493d;font-weight:700;font-size:17px}
.aj-babynames-layout{margin-top:28px}
.aj-babynames-page .content-box{border-top:5px solid #800000;border-radius:14px}
.aj-babynames-section-head h2{color:#800000;font-family:'Yatra One',serif;font-size:30px;margin:0 0 8px}
.aj-babynames-section-head p{margin:0 0 22px;color:#665043;text-align:left}
.aj-name-meaning-box{background:#fdf8e4;border:2px solid #e67e22;padding:25px;border-radius:16px;margin-bottom:30px;position:relative;box-shadow:0 10px 22px rgba(74,32,10,.05)}
.aj-babynames-page .gender-selector{border-radius:16px}
.aj-babynames-page .alpha-container{border-radius:16px}
.aj-babynames-page .name-table{border-radius:16px}
.aj-babynames-side-note ul{list-style:none;margin:0;padding:0}
.aj-babynames-side-note li{padding:8px 0;border-bottom:1px solid #eee;color:#5c493d;font-weight:600}.aj-babynames-side-note li:last-child{border-bottom:0}
@media(max-width:800px){.aj-babynames-hero{margin-top:18px;padding:0 14px}.aj-babynames-hero-inner{padding:24px}.aj-babynames-hero p{font-size:17px}.aj-babynames-steps{padding:0 14px;grid-template-columns:1fr}.aj-babynames-layout{margin-top:18px}}

/* Phase 5D safe loading-state fix: replaces missing loading.gif */
.aj-babynames-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#e67e22;text-align:center}
.aj-babynames-spinner{width:28px;height:28px;border:3px solid #f1c40f;border-top-color:#800000;border-radius:50%;animation:aj-babynames-spin .8s linear infinite}
@keyframes aj-babynames-spin{to{transform:rotate(360deg)}}
