/* BulkVyapar Explore / Content Pages — Phase 1 UI */
.explore-page{background:linear-gradient(180deg,#fbfdff 0,#fff 42%,#f8fbff 100%)}
.explore-hero{padding:52px 0 28px;position:relative;overflow:hidden}
.explore-hero:before,.explore-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.explore-hero:before{width:320px;height:320px;right:-110px;top:-170px;background:radial-gradient(circle,rgba(51,112,255,.12),transparent 70%)}
.explore-hero:after{width:260px;height:260px;left:-120px;top:-130px;background:radial-gradient(circle,rgba(255,126,70,.08),transparent 72%)}
.explore-hero .shell{position:relative;z-index:1;text-align:center}
.explore-hero h1{max-width:900px;margin:10px auto 12px;font-size:clamp(42px,5vw,66px);line-height:1;letter-spacing:-.055em;color:#173267}
.explore-hero h1 span{background:linear-gradient(90deg,#0f6af0,#7246e7 60%,#ef6d36);-webkit-background-clip:text;background-clip:text;color:transparent}
.explore-hero p{max-width:720px;margin:0 auto;color:#71809b;font-size:13px;line-height:1.7}
.explore-toolbar{max-width:850px;margin:20px auto 0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.explore-toolbar a,.explore-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;border:1px solid #dce6f3;background:#fff;color:#526d95;font-size:9px;font-weight:850;box-shadow:0 7px 18px rgba(34,72,131,.04)}

.section-head-explore{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}
.section-head-explore h2{font-size:30px;color:#18346a;letter-spacing:-.04em;margin:5px 0 0}
.section-head-explore p{max-width:420px;text-align:right;color:#7c8ba4;font-size:10px;line-height:1.55;margin:0}

.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:4px 0 52px}
.blog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe8f4;border-radius:22px;background:#fff;box-shadow:0 12px 38px rgba(33,72,132,.06);transition:.2s}
.blog-card:hover{transform:translateY(-3px);border-color:#bfd2f0;box-shadow:0 20px 50px rgba(33,72,132,.1)}
.blog-cover{height:180px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#eef6ff,#f8f4ff 60%,#fff6ef);overflow:hidden}
.blog-cover i{font-style:normal;font-size:54px;color:#1a70ef;opacity:.9}.blog-cover span{position:absolute;left:12px;top:12px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid #dce6f3;color:#546f97;font-size:8px;font-weight:900}
.blog-card-body{display:flex;flex-direction:column;flex:1;padding:17px}.blog-card-body small{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#0e67ed;font-weight:900}.blog-card h3{font-size:20px;line-height:1.16;color:#1c396d;margin:6px 0}.blog-card p{font-size:10px;line-height:1.6;color:#71819c;margin:0 0 13px}.blog-card a{margin-top:auto;font-size:10px;font-weight:900;color:#0d65e9}

.article-shell{max-width:880px;margin:0 auto;padding:4px 0 54px}
.article-card{padding:32px;border:1px solid #dfe8f4;border-radius:26px;background:#fff;box-shadow:0 18px 60px rgba(33,72,132,.06)}
.article-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#8290a7;font-size:9px}.article-meta span{padding:5px 8px;border-radius:999px;background:#f4f8fc;border:1px solid #e1e8f2}
.article-card h1{font-size:44px;line-height:1.04;color:#173267;letter-spacing:-.05em;margin:14px 0}
.article-lead{font-size:14px!important;color:#5e769b!important;line-height:1.75!important}
.article-card h2{font-size:25px;color:#213e73;margin:28px 0 8px}.article-card p,.article-card li{font-size:11.5px;line-height:1.8;color:#687c9b}.article-card ul{padding-left:20px}
.article-back{display:inline-flex;margin-bottom:13px;color:#0e66eb;font-size:10px;font-weight:850}

.state-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;padding:5px 0 52px}
.state-card{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 9px;border:1px solid #dfe8f4;border-radius:19px;background:#fff;box-shadow:0 9px 26px rgba(34,73,132,.045);transition:.2s}
.state-card:hover{transform:translateY(-3px);border-color:#aecdF3;box-shadow:0 16px 38px rgba(34,73,132,.08)}
.state-icon{width:66px;height:66px;display:grid;place-items:center;margin-bottom:8px}.state-icon img{width:100%;height:100%;object-fit:contain}.state-fallback{width:55px;height:55px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,#eef6ff,#f4efff);color:#1067eb;font-size:20px;font-weight:950}
.state-card strong{font-size:10px;color:#2c4a77;line-height:1.3}.state-card small{margin-top:4px;font-size:7.5px;color:#8794a8;text-transform:uppercase;letter-spacing:.06em}

.category-grid-page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:5px 0 52px}
.category-card-page{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:12px;padding:12px;border:1px solid #dfe8f4;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(33,72,132,.05);transition:.2s}
.category-card-page:hover{transform:translateY(-3px);border-color:#bcd0ef;box-shadow:0 17px 42px rgba(33,72,132,.09)}
.category-card-page figure{width:92px;height:92px;margin:0;border-radius:17px;overflow:hidden;background:#f4f8fd}.category-card-page img{width:100%;height:100%;object-fit:contain}
.category-card-page strong{display:block;color:#294773;font-size:11px;line-height:1.3}.category-card-page small{display:block;margin-top:5px;color:#8492a7;font-size:8.5px;line-height:1.45}.category-card-page em{display:inline-flex;margin-top:8px;color:#0e67ed;font-style:normal;font-size:8px;font-weight:900}

.faq-shell{max-width:900px;margin:0 auto;padding:4px 0 52px}
.faq-list{display:grid;gap:10px}
.faq-item{border:1px solid #dfe8f4;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(33,72,132,.045);overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px 18px;color:#294773;font-size:12px;font-weight:900}
.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{font-style:normal;color:#0e67ed;font-size:19px}.faq-item[open] summary i{transform:rotate(45deg)}
.faq-answer{padding:0 18px 17px;color:#70819d;font-size:10.5px;line-height:1.7}
.faq-note{margin-top:18px;padding:14px 16px;border:1px solid #dce7f4;border-radius:16px;background:linear-gradient(120deg,#f5f9ff,#faf7ff);color:#607697;font-size:9.5px;line-height:1.6}

.explore-empty{max-width:720px;margin:0 auto 52px;padding:36px;text-align:center;border:1px solid #dfe8f4;border-radius:24px;background:#fff;box-shadow:0 16px 48px rgba(33,72,132,.06)}
.explore-empty h2{font-size:26px;color:#1c396d}.explore-empty p{color:#7686a1;font-size:10.5px;line-height:1.6}

@media(max-width:1100px){.state-grid{grid-template-columns:repeat(4,1fr)}.category-grid-page{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,1fr)}.state-grid{grid-template-columns:repeat(3,1fr)}.category-grid-page{grid-template-columns:repeat(2,1fr)}.section-head-explore{align-items:flex-start;flex-direction:column}.section-head-explore p{text-align:left}}
@media(max-width:620px){.explore-hero{padding-top:34px}.explore-hero h1{font-size:40px}.blog-grid{grid-template-columns:1fr}.state-grid{grid-template-columns:repeat(2,1fr)}.category-grid-page{grid-template-columns:1fr}.article-card{padding:22px 16px}.article-card h1{font-size:34px}}