/* ToolBharat visual refresh — inspired by HTMLToddler's calm, responsive design */
:root{color-scheme:light;--ink:#20312f;--ink-soft:#354946;--muted:#657874;--line:#dce7e2;--line-strong:#c8d8d0;--surface:#fff;--surface-soft:#f7faf8;--surface-tint:#edf5f0;--page:#fbfcfa;--brand:#26745e;--brand-dark:#1b5b49;--brand-pale:#e4f2eb;--accent:#d9a65a;--shadow-sm:0 4px 14px rgba(28,57,46,.055);--shadow-md:0 12px 32px rgba(28,57,46,.09);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--content-width:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.7;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{max-width:100%;height:auto}a{color:var(--brand-dark);text-underline-offset:3px}a:hover{color:var(--brand);text-decoration:underline}button,input,select,textarea{font:inherit}button,summary{-webkit-tap-highlight-color:transparent}::selection{color:var(--ink);background:#d9eee3}.wrap{width:min(var(--content-width),calc(100% - 2.5rem));margin-inline:auto}
/* Header: solid background, consistent spacing, visible focus and responsive wrapping */
.header{position:sticky;top:0;z-index:50;background:rgba(251,252,250,.96);border-bottom:1px solid rgba(220,231,226,.95);backdrop-filter:blur(14px);box-shadow:0 3px 14px rgba(28,57,46,.035)}.head{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-block:.55rem}.brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);text-decoration:none;white-space:nowrap;font-size:1.42rem;font-weight:850;letter-spacing:-.045em;flex-shrink:0}.brand:hover{text-decoration:none;color:var(--brand-dark)}.brand img{width:39px;height:39px;object-fit:contain}.header nav{display:flex;align-items:center;justify-content:flex-end;gap:.2rem;flex-wrap:wrap}.header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.45rem .68rem;border-radius:9px;color:var(--ink-soft);text-decoration:none;font-size:.91rem;font-weight:650;white-space:nowrap;transition:background .18s,color .18s}.header nav a:hover,.header nav a:focus-visible{background:var(--brand-pale);color:var(--brand-dark)}
/* Main content and hero */
main{min-height:55vh}.hero{position:relative;overflow:hidden;padding:clamp(2.8rem,6vw,5rem) 0;background:radial-gradient(ellipse at 85% 12%,rgba(217,166,90,.17),transparent 28%),radial-gradient(ellipse at 8% 85%,rgba(92,159,128,.12),transparent 35%),linear-gradient(135deg,#f0f6f1 0%,#fbfcfa 60%,#f5f7ef 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.hero h1,h1{color:var(--ink);font-size:clamp(2.1rem,4.8vw,3.65rem);line-height:1.12;letter-spacing:-.05em;font-weight:820;margin:.5rem 0 1rem}.hero p{max-width:760px;color:var(--muted);font-size:clamp(1rem,1.4vw,1.1rem)}h2{font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.25;letter-spacing:-.025em;color:var(--ink)}h3{line-height:1.35;color:var(--ink)}p{color:var(--muted)}.section{padding:clamp(2rem,4vw,3.4rem) 0}.section>h2,.section>p{text-align:center}.section>h2{margin:0 0 .5rem}.section>p{max-width:780px;margin:.4rem auto 1.5rem}.pagehead{padding:clamp(1.8rem,4vw,3rem) 0 1rem;text-align:center}.pagehead h1,.pagehead p{max-width:850px;margin-left:auto;margin-right:auto}.pagehead p{font-size:1.05rem}.crumb{padding:1rem 0 0;color:var(--muted);font-size:.9rem}.crumb a{color:var(--brand-dark)}
/* Section boxes, cards, panels and forms */
.panel,.card,.content,.faq{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:clamp(1rem,2vw,1.4rem);box-shadow:var(--shadow-sm)}.panel{box-shadow:var(--shadow-md)}.search{display:flex;gap:.6rem;align-items:stretch}.search input{flex:1;min-width:0}input,select,textarea{width:100%;min-height:44px;padding:.68rem .8rem;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);outline:none}textarea{min-height:130px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(38,116,94,.25);outline-offset:2px;border-color:var(--brand)}button,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--brand);color:white;padding:.68rem 1rem;border:1px solid var(--brand);border-radius:11px;font-weight:750;text-decoration:none;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}button:hover,.btn:hover{background:var(--brand-dark);color:white;text-decoration:none;box-shadow:var(--shadow-sm)}.btn.alt,button.alt{background:var(--surface-tint);border-color:var(--line);color:var(--brand-dark)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{display:flex;gap:.9rem;align-items:flex-start;min-width:0;color:var(--ink);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow-md);text-decoration:none}.card>span:last-child{min-width:0}.card h3{font-size:1rem;margin:0 0 .3rem}.card p{font-size:.91rem;margin:.15rem 0}.icon{background:var(--brand-pale);color:var(--brand-dark);border-radius:12px;min-width:40px;width:40px;height:40px;display:grid;place-items:center;font-weight:850;flex-shrink:0}.layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:1.2rem;align-items:start}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{min-width:0}.field label{display:block;font-weight:700;margin-bottom:.35rem;color:var(--ink-soft)}.full{grid-column:1/-1}.actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.result{display:none;background:var(--brand-pale);border:1px solid #c9e7d8;border-radius:12px;padding:1rem;margin-top:1rem;overflow-wrap:anywhere}.result.show{display:block}.result strong{font-size:1.45rem;color:var(--brand-dark)}.notice{background:#fff8e5;border:1px solid #efdfab;border-radius:12px;padding:1rem;color:#5d4b1d}.checkline{display:flex;gap:.65rem;align-items:flex-start;margin:1rem 0}.checkline input{width:18px;min-width:18px;min-height:18px;margin-top:.4rem}
/* Helpful content and centered FAQ box before footer */
.content{margin:1.2rem 0;line-height:1.8}.content h2{font-size:1.35rem;margin-top:1.25em}.content h2:first-child{margin-top:0}.content ul,.content ol{padding-left:1.4rem}.faq{width:min(900px,calc(100% - 2.5rem));margin:2rem auto 0;text-align:center;background:#fff;border-color:var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(1.2rem,3vw,2rem)}.faq h2{margin:0 0 1rem;color:var(--brand-dark)}.faq>p{max-width:760px;margin:.2rem auto 1.1rem}.faq details{background:var(--surface-soft);border:1px solid #e0ebe5;border-radius:11px;margin:.7rem 0;padding:.8rem 1rem;text-align:left}.faq summary{font-weight:750;cursor:pointer;color:var(--ink-soft)}.faq details p{margin:.65rem 0 0}.related{display:flex;gap:.5rem;flex-wrap:wrap}.related a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.42rem .72rem;text-decoration:none;font-size:.92rem}.related a:hover{background:var(--brand-pale)}
/* Footer: full-width band with clear columns and usable mobile links */
.footer{background:#173d32;color:#e9f6ef;margin-top:3rem;padding:2.8rem 0 1rem;border-top:4px solid #d9a65a}.footer .brand{color:#fff!important}.footer .brand img{filter:brightness(0) invert(1)}.footer h3{color:#fff;font-size:1rem;margin:0 0 .75rem}.footer p{color:#c9e0d5;font-size:.92rem;max-width:360px}.footer a{color:#d5e9df;font-size:.92rem;text-decoration:none}.footer a:hover{color:#fff;text-decoration:underline}.footer ul{padding:0;margin:0;list-style:none;display:grid;gap:.45rem}.footgrid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:1.5rem}.copyright{border-top:1px solid #35604f;margin-top:1.8rem;padding-top:1rem;color:#bdd5c9;font-size:.85rem;text-align:center}.copyright p{margin:.25rem 0;color:#bdd5c9}
/* Homepage content should feel balanced and centered without harming tool controls */
.homepage .home-section>h2,.homepage .home-section>p{text-align:center}.homepage .home-section>p{margin-inline:auto}.homepage .hero-grid>div:first-child{text-align:center}.homepage .hero-grid>div:first-child p{margin-inline:auto}.homepage .hero-grid .panel{text-align:center}.homepage .search{text-align:left}.homepage .card{text-align:left}.homepage .hero .panel h2{margin-top:0}.homepage .section .grid{margin-top:1.4rem}
@media(max-width:900px){.head{align-items:center;flex-wrap:wrap;padding-block:.65rem}.header nav{width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:.45rem}.hero-grid,.layout{grid-template-columns:1fr}.hero-grid>div{min-width:0}.footgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wrap{width:calc(100% - 1.25rem)}.head{gap:.5rem}.brand{font-size:1.22rem}.brand img{width:34px;height:34px}.header nav{gap:.15rem}.header nav a{min-height:36px;padding:.35rem .48rem;font-size:.82rem}.hero{padding:2.3rem 0}.hero h1,h1{font-size:clamp(1.9rem,9vw,2.6rem)}.grid,.footgrid,.formgrid{grid-template-columns:1fr}.search{flex-direction:column}.search .btn{width:100%}.card{padding:1rem}.section{padding:1.8rem 0}.pagehead{padding-top:1.5rem}.faq{width:calc(100% - 1.25rem);padding:1rem;margin-top:1.4rem}.content,.panel{padding:1rem}.footer{padding-top:2rem}.actions>*{flex:1 1 100%}.result strong{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Small homepage-only enhancement: center and constrain the “Simple tools, clear results” box. */
.homepage .simple-results{width:min(900px,calc(100% - 2.5rem));margin:2rem auto 0;text-align:center;padding:clamp(1.5rem,3vw,2.5rem);}
.homepage .simple-results-inner{max-width:780px;margin-inline:auto;}
.homepage .simple-results .eyebrow{margin:0 0 .45rem;color:var(--brand-dark);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;}
.homepage .simple-results h2{margin:.2rem 0 .75rem;}
.homepage .simple-results .simple-results-lead{max-width:720px;margin:0 auto 1.35rem;font-size:1.04rem;}
.homepage .simple-results-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.3rem 0;}
.homepage .simple-results-points>div{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:1rem;}
.homepage .simple-results-points h3{margin:.1rem 0 .4rem;font-size:1rem;}
.homepage .simple-results-points p{margin:.2rem 0;font-size:.93rem;}
.homepage .simple-results .simple-results-note{max-width:720px;margin:1.2rem auto;color:var(--muted);font-size:.92rem;}
.homepage .simple-results .btn{display:inline-flex;justify-content:center;margin-top:.25rem;}
.header{position:sticky;top:0;z-index:100;}
@media(max-width:700px){.homepage .simple-results{width:calc(100% - 1.25rem);padding:1.1rem;margin-top:1.25rem}.homepage .simple-results-points{grid-template-columns:1fr;gap:.7rem}.homepage .simple-results-points>div{text-align:center;}}


/* Focused homepage adjustment: center the complete “Simple tools, clear results” content box. */
.homepage .simple-results{display:block;width:min(900px,calc(100% - 2.5rem));margin:2rem auto;text-align:center;}
.homepage .simple-results-inner{width:100%;max-width:780px;margin-inline:auto;text-align:center;}
.homepage .simple-results .eyebrow,.homepage .simple-results h2,.homepage .simple-results-lead,.homepage .simple-results-note{text-align:center;margin-left:auto;margin-right:auto;}
.homepage .simple-results-points{width:100%;justify-content:center;}
.homepage .simple-results-points>div{text-align:center;}
.homepage .simple-results .btn{margin-left:auto;margin-right:auto;}
/* Ensure filtered tool cards are actually hidden despite the card display rule. */
[hidden]{display:none !important;}
.search-status{font-size:.88rem;margin:.55rem 0 0;text-align:center;}
@media(max-width:700px){.homepage .simple-results{width:calc(100% - 1.25rem);margin:1.25rem auto;padding:1.1rem;}.homepage .simple-results-points{grid-template-columns:1fr;}}


/* Responsive navigation toggle: hidden on desktop, clear and usable on mobile. */
.menu-toggle{display:none;appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:44px;height:42px;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;padding:9px;box-shadow:none}
.menu-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px}
@media(max-width:900px){.head{position:relative}.menu-toggle{display:flex;margin-left:auto}.header nav{display:none;width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:.65rem 0;border-top:1px solid var(--line)}.header nav.is-open{display:flex}.header nav a{width:100%;justify-content:flex-start;padding:.7rem .8rem}.header .head{flex-wrap:wrap}}