/* Step 2+ content pages: visual language follows /lucknow/geography without Tailwind. */
.el-content-page{min-height:100vh;background:#f0f8ff;color:#2c3e50;font-family:'Inter',sans-serif}
.el-content-main {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 90px 56px;
    box-sizing: border-box;
}
.el-breadcrumb{color:#6b7280;font-size:.92rem;margin:0 0 18px}
.el-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:0;list-style:none}
.el-breadcrumb a{color:#0f766e;text-decoration:none}
.el-breadcrumb a:hover{color:#115e59;text-decoration:underline}
.el-breadcrumb .sep{color:#94a3b8}
.el-hero{position:relative;overflow:hidden;background:linear-gradient(to right,#2DD4BF,#06B6D4);border-radius:.5rem;box-shadow:0 10px 15px rgba(0,0,0,.1);padding:3.25rem 2rem;margin-bottom:2rem;text-align:center;border-top:4px solid #14b8a6}
.el-hero:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:170px;background:url("data:image/svg+xml;utf8,<svg viewBox='0 0 1440 320' xmlns='http://www.w3.org/2000/svg'><path fill='%23F8FAFC' fill-opacity='1' d='M0,160L48,176C96,192,192,224,288,208C384,192,480,128,576,122.7C672,117,768,171,864,181.3C960,192,1056,150,1152,149.3C1248,149,1344,192,1392,213.3L1440,235L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'></path></svg>") no-repeat center bottom;background-size:cover;transform:translateY(50%);z-index:1}
.el-hero-inner{position:relative;z-index:2}
.el-hero h1,.el-section h2,.el-info-card h3{font-family:'Playfair Display',serif}
.el-hero h1{font-size:clamp(2.15rem,5vw,3.25rem);line-height:1.15;color:#fff;margin:0 0 1rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}
.el-hero p{max-width:800px;margin:0 auto 1.5rem;color:#ecfeff;font-size:1.15rem;line-height:1.7;text-shadow:0 1px 2px rgba(0,0,0,.12)}
.el-button{display:inline-flex;align-items:center;gap:.55rem;background:#f97316;color:#fff;text-decoration:none;font-weight:700;padding:.8rem 1.7rem;border-radius:9999px;box-shadow:0 10px 18px rgba(0,0,0,.18);transition:transform .3s,box-shadow .3s,background .3s}
.el-button:hover{background:#ea580c;transform:scale(1.04);box-shadow:0 12px 24px rgba(0,0,0,.23)}
.el-section{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px rgba(0,0,0,.08);padding:2rem;margin-bottom:2rem;border-top:4px solid #f97316}
.el-section h2{text-align:center;color:#374151;font-size:clamp(1.8rem,4vw,2.35rem);margin:0 0 1.25rem}
.el-intro p{max-width:900px;margin:0 auto;color:#374151;font-size:1.08rem;line-height:1.85;text-align:center}
.el-info-card{display:flex;align-items:stretch;gap:2rem;background:#fff;border:1px solid #f1f5f9;border-radius:.5rem;box-shadow:0 6px 14px rgba(0,0,0,.08);padding:2rem;margin-bottom:2rem;transition:transform .3s,box-shadow .3s}
.el-info-card:hover{transform:translateY(-6px);box-shadow:0 15px 25px -5px rgba(0,0,0,.15),0 6px 15px -3px rgba(0,0,0,.08)}
.el-info-card.reverse{flex-direction:row-reverse}
.el-icon-panel{flex:0 0 31%;min-height:190px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ccfbf1,#cffafe);border-radius:.5rem;color:#0f766e}
.el-icon-panel i{font-size:4.5rem}
.el-info-body{flex:1;text-align:left}
.el-info-body h3{font-size:1.75rem;color:#111827;margin:0 0 .8rem}
.el-info-body p{color:#374151;line-height:1.8;margin:0 0 1rem}
.el-info-body a{color:#0f766e;font-weight:600;text-decoration:none}
.el-info-body a:hover{text-decoration:underline}
.el-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.el-link-card{display:flex;align-items:center;gap:10px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:.5rem;padding:1rem 1.1rem;color:#115e59;text-decoration:none;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}
.el-link-card:hover{background:#ccfbf1;transform:translateY(-2px);box-shadow:0 7px 14px rgba(0,0,0,.08)}
.el-area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.el-area-card{background:#fff;border:1px solid #e5e7eb;border-top:3px solid #14b8a6;border-radius:.5rem;padding:1.25rem;box-shadow:0 4px 10px rgba(0,0,0,.06);transition:transform .25s,box-shadow .25s}
.el-area-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px rgba(0,0,0,.1)}
.el-area-card h3{font-family:'Playfair Display',serif;margin:0 0 .55rem;font-size:1.35rem}
.el-area-card h3 a{color:#115e59;text-decoration:none}
.el-area-card h3 a:hover{text-decoration:underline}
.el-area-card p{margin:.3rem 0;color:#64748b;line-height:1.55}
.el-area-card .count{color:#2563eb;font-weight:700;text-decoration:none}
.el-area-card .count:hover{text-decoration:underline}
.el-table-wrap{overflow-x:auto}
.el-table{width:100%;border-collapse:collapse;background:#fff}
.el-table th,.el-table td{padding:13px 15px;border-bottom:1px solid #e5e7eb;text-align:left}
.el-table th{background:#f0fdfa;color:#115e59;font-weight:700}
.el-table tr:hover td{background:#f8fafc}
.el-faq{border-top:1px solid #e5e7eb;padding:1rem 0}
.el-faq:first-of-type{border-top:0}
.el-faq h3{font-family:'Playfair Display',serif;font-size:1.25rem;color:#111827;margin:0 0 .4rem}
.el-faq p{margin:0;color:#475569;line-height:1.7}
.el-animate{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}
.el-animate.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:760px){.el-content-main { width: 100%; max-width: none; padding: 24px 24px 42px; }.el-hero{padding:2.5rem 1.2rem}.el-info-card,.el-info-card.reverse{flex-direction:column}.el-icon-panel{min-height:140px;flex-basis:auto}.el-info-body{text-align:center}.el-section{padding:1.35rem}.el-info-card{padding:1.25rem}}
@media (max-width: 1280px) {
    .el-content-main { padding-left: 24px; padding-right: 24px; }
}

@media(prefers-reduced-motion:reduce){.el-info-card,.el-button,.el-area-card,.el-link-card{transition:none}.el-animate{opacity:1;transform:none}}