/* ABC Bihar public UX refresh 0.36.9: blog, network form, service catalog, footer */
:root{--abc-content:1200px;--abc-soft:#f1f7fb;--abc-border:#d7e5ef;--abc-accent:#f59e0b}
.pc-main{padding:clamp(28px,4vw,54px) 0}
/* Blog landing and article cards */
.abc-blog-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:clamp(20px,3vw,38px);align-items:center;padding:clamp(24px,4vw,48px);border:1px solid #d6e7f1;border-radius:28px;background:radial-gradient(circle at 90% 10%,#d9f1fa 0,transparent 42%),linear-gradient(135deg,#fff 0%,#f1f8fc 100%);box-shadow:0 18px 55px rgba(11,41,66,.08)}
.abc-blog-hero h1{font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.18;letter-spacing:-.025em;margin:.5rem 0 1rem;color:var(--navy)}
.abc-blog-hero p{font-size:clamp(1rem,1.5vw,1.12rem);max-width:68ch;color:#435a6f}
.abc-blog-hero-note{padding:22px;border:1px solid var(--abc-border);border-radius:20px;background:rgba(255,255,255,.86);display:grid;gap:10px;box-shadow:0 12px 28px rgba(11,41,66,.05)}
.abc-blog-search{display:flex;gap:8px;margin-top:20px;padding:6px;background:#fff;border:1px solid #cbdde9;border-radius:16px;box-shadow:0 8px 24px rgba(11,41,66,.06)}
.abc-blog-search input{min-width:0;flex:1;border:0!important;box-shadow:none!important;outline-offset:3px;padding:12px 14px!important;background:transparent}
.abc-category-row{display:flex;gap:9px;overflow-x:auto;padding:18px 2px 10px;scrollbar-width:thin}
.abc-category-row a{flex:0 0 auto;padding:8px 15px;border:1px solid var(--abc-border);border-radius:999px;background:#fff;font-weight:750;font-size:.9rem}
.abc-category-row a.active,.abc-category-row a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.abc-featured-post{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:center;overflow:hidden;margin:20px 0 30px;padding:clamp(16px,2.5vw,28px);border:1px solid var(--abc-border);border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(11,41,66,.07)}
.abc-featured-image{min-height:250px;max-height:390px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#dceef6,#f8fbfd)}
.abc-featured-image img{display:block;width:100%;height:100%;min-height:250px;max-height:390px;object-fit:cover}
.abc-featured-post h2{font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.3;margin:.6rem 0}
.abc-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start;margin-top:28px}
.abc-blog-list{display:grid;gap:18px}
.abc-article-card,.abc-blog-card{display:grid;grid-template-columns:minmax(180px, .72fr) minmax(0,1.28fr);gap:0;overflow:hidden;border:1px solid var(--abc-border);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(11,41,66,.055);transition:transform .18s ease,box-shadow .18s ease}
.abc-article-card:hover,.abc-blog-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(11,41,66,.10)}
.abc-article-thumb{display:block;min-height:220px;background:linear-gradient(135deg,#dceef6,#f9fbfc);overflow:hidden}
.abc-article-thumb img,.abc-blog-card>a img,.abc-blog-card>img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}
.abc-article-card>div,.abc-blog-card>div{padding:clamp(17px,2.3vw,26px);min-width:0}
.abc-article-card h2,.abc-blog-card h2,.abc-blog-card h3{font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.4;margin:.5rem 0 .65rem;overflow-wrap:anywhere}
.abc-article-card p,.abc-blog-card p{color:#52687b;margin:.5rem 0 1rem;line-height:1.8}
.abc-article-card>div>a:last-child,.abc-blog-card>div>a:last-child{display:inline-flex;margin-top:4px;font-weight:850;color:#0b5d8c}
.abc-blog-sidebar{display:grid;gap:16px;position:sticky;top:95px}
.abc-blog-sidebar .pc-card{padding:22px;border-radius:20px}
.abc-single-post{max-width:900px;margin:0 auto;padding:clamp(18px,4vw,44px);border:1px solid var(--abc-border);border-radius:26px;background:#fff;box-shadow:0 16px 45px rgba(11,41,66,.07)}
.abc-single-post h1{font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.22;letter-spacing:-.02em;margin:.7rem 0 1rem}
.abc-single-lead{font-size:1.15rem;line-height:1.85;color:#50667a}
.abc-single-cover{margin:24px 0;border-radius:20px;overflow:hidden;background:#eef6fa}.abc-single-cover img{display:block;width:100%;max-height:560px;object-fit:cover}
.abc-content{font-size:1.075rem;line-height:1.95;color:#20364a;overflow-wrap:anywhere}.abc-content h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.35;margin:1.8em 0 .6em;color:var(--navy)}.abc-content h3{font-size:1.3rem;margin:1.5em 0 .5em}.abc-content img{height:auto;border-radius:14px}.abc-content ul,.abc-content ol{padding-left:1.5em}.abc-content blockquote{margin:1.5rem 0;padding:14px 20px;border-left:4px solid var(--saffron);background:#fff9eb;border-radius:0 14px 14px 0}
.abc-single-cta{display:grid;gap:8px;margin-top:32px;padding:24px;border-radius:18px;background:#edf7fb;border:1px solid #d2e9f4}
.abc-related{margin-top:34px}.abc-related .abc-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.abc-related .abc-blog-card{display:flex;flex-direction:column}.abc-related .abc-blog-card img{height:170px;min-height:170px}.abc-related .abc-blog-card>div{padding:18px}
/* Service cards: accessible icon-like markers, without external icon fonts */
.abc-archive-head{padding:clamp(22px,4vw,42px);border-radius:24px;background:linear-gradient(125deg,#fff,#eaf6fb);border:1px solid var(--abc-border);margin-bottom:22px}
.abc-archive-head h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.2;margin:.6rem 0 1rem}.abc-archive-head p{max-width:78ch;font-size:1.08rem;color:#435a6f}
#abc-public-services.abc-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#abc-public-services .abc-service-card,#abc-public-services article,.abc-benefit-grid .abc-service-card{position:relative;min-width:0;padding:22px 18px 20px;border:1px solid var(--abc-border);border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 9px 24px rgba(11,41,66,.055);transition:transform .18s ease,box-shadow .18s ease}
#abc-public-services .abc-service-card:hover,#abc-public-services article:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(11,41,66,.10)}
#abc-public-services article:before{content:'🏠';display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#e8f5fb;font-size:1.4rem;margin-bottom:13px}
#abc-public-services article:nth-child(4n+2):before{content:'🧱';background:#fff2df}#abc-public-services article:nth-child(4n+3):before{content:'📐';background:#eaf7ee}#abc-public-services article:nth-child(4n+4):before{content:'🔧';background:#f0edff}
#abc-public-services h2,#abc-public-services h3{font-size:1.08rem;line-height:1.45;margin:0 0 8px;color:var(--navy)}#abc-public-services p{color:#586e80;line-height:1.75;margin:0}
/* Request form: consistent touch targets and clear focus */
#abc-service-request-box,#abc-request-tracker{padding:clamp(18px,3vw,30px);border-radius:24px;background:#fff;border:1px solid var(--abc-border);box-shadow:0 12px 32px rgba(11,41,66,.055)}
.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.profile-form-grid .pc-field{min-width:0;margin:0}.profile-form-grid .pc-field[style*="grid-column:1/-1"]{grid-column:1/-1}
.profile-form-grid input,.profile-form-grid select,.profile-form-grid textarea{width:100%;min-height:46px;border:1px solid #c9d8e4;border-radius:12px;padding:11px 13px;background:#fff;color:var(--ink)}
.profile-form-grid textarea{min-height:110px;resize:vertical}.profile-form-grid input:focus,.profile-form-grid select:focus,.profile-form-grid textarea:focus{outline:3px solid rgba(18,107,158,.18);border-color:#126b9e}
/* Public network registration/application form, even if markup has no form class */
.abc-team-hero~form,.abc-team-hero form,.abc-network-form,.pc-main form:not(.abc-blog-search):not(.profile-form-grid){max-width:100%}
.pc-main form input,.pc-main form select,.pc-main form textarea{border-radius:11px;max-width:100%}
/* Footer: centered mobile layout */
.pc-footer{margin-top:40px}.pc-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;padding-top:38px;padding-bottom:30px}.pc-footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:20px;border-top:1px solid rgba(255,255,255,.15)}
@media(max-width:900px){.abc-blog-layout{grid-template-columns:minmax(0,1fr)}.abc-blog-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}#abc-public-services.abc-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abc-related .abc-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pc-main{padding:24px 0}.pc-container{width:min(100% - 24px,1180px)}.abc-blog-hero{grid-template-columns:minmax(0,1fr);padding:20px;border-radius:20px}.abc-blog-hero h1{font-size:2rem}.abc-blog-search{display:grid;grid-template-columns:minmax(0,1fr)}.abc-blog-search .pc-btn{width:100%}.abc-featured-post{grid-template-columns:minmax(0,1fr);padding:14px;border-radius:20px}.abc-featured-image,.abc-featured-image img{min-height:190px;max-height:260px}.abc-article-card,.abc-blog-card{grid-template-columns:minmax(0,1fr)}.abc-article-thumb{min-height:190px;max-height:250px}.abc-article-thumb img,.abc-blog-card>a img,.abc-blog-card>img{min-height:190px;max-height:250px}.abc-article-card>div,.abc-blog-card>div{padding:18px}.abc-blog-sidebar{grid-template-columns:minmax(0,1fr)}.abc-related .abc-blog-grid{grid-template-columns:minmax(0,1fr)}.abc-single-post{padding:18px;border-radius:20px}.abc-content{font-size:1rem}.abc-archive-head{padding:22px 18px}#abc-public-services.abc-benefit-grid{grid-template-columns:minmax(0,1fr)}#abc-service-request-box,#abc-request-tracker{padding:18px}.profile-form-grid{grid-template-columns:minmax(0,1fr)}.profile-form-grid .pc-field[style*="grid-column:1/-1"]{grid-column:auto}.pc-footer-grid{grid-template-columns:minmax(0,1fr);gap:22px;text-align:center;padding-top:30px}.pc-footer-main{display:flex;flex-direction:column;align-items:center}.pc-footer-trust{justify-content:center;flex-wrap:wrap}.pc-footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:6px}.abc-team-hero{grid-template-columns:minmax(0,1fr);gap:18px}.abc-person-detail-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.abc-article-card,.abc-blog-card,#abc-public-services article{transition:none}.abc-article-card:hover,.abc-blog-card:hover,#abc-public-services article:hover{transform:none}}
