:root{--navy:#061a33;--gold:#c98a16;--cream:#fbf7ef;--ink:#263443;--line:#e4d9c7}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Poppins,Arial,sans-serif;line-height:1.75}
a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.nav .wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;width:230px;max-width:42vw;text-decoration:none;flex:0 0 auto}.brand img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.navlinks{display:flex;gap:22px;align-items:center}.navlinks a{text-decoration:none;font-weight:600;font-size:.9rem}
.btn{display:inline-block;background:var(--gold);color:#fff!important;text-decoration:none;padding:13px 20px;border-radius:5px;font-weight:700}
.hero{background:var(--navy);color:#fff;padding:70px 0 58px}.crumb{font-size:.82rem;color:#e9bd6b;text-transform:uppercase;letter-spacing:.09em}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5vw,4.25rem);line-height:1.06;max-width:940px;margin:18px 0}.dek{font-size:1.13rem;max-width:780px;color:#dce3ea}.meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:28px;font-size:.86rem;color:#e9bd6b}
.article-visual{margin-top:34px;background:#fff;border:1px solid var(--line);border-bottom:5px solid var(--gold);overflow:hidden}.article-visual img{display:block;width:100%;height:clamp(320px,48vw,640px);object-fit:contain;object-position:center;background:#f1ece3}.article-visual figcaption{padding:12px 16px;color:#5a6875;font-size:.82rem;line-height:1.5}
.article{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:64px;padding:64px 0}.prose h2{font-family:'Playfair Display',serif;color:var(--navy);font-size:1.75rem;margin-top:42px;line-height:1.25}.prose h3{color:var(--navy)}.prose li{margin:.6rem 0}
.answer{font-size:1.15rem;border-left:4px solid var(--gold);padding:4px 0 4px 22px}.tool,.action{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);padding:25px;margin:34px 0}.tool strong,.action strong{color:var(--navy)}
.side{align-self:start;position:sticky;top:105px;background:#fff;border:1px solid var(--line);padding:24px}.side h2{font-family:'Playfair Display',serif;color:var(--navy);font-size:1.35rem}
.related{border-top:1px solid var(--line);padding:42px 0 70px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.related a{background:#fff;border:1px solid var(--line);padding:18px;text-decoration:none;font-weight:700;color:var(--navy)}
footer{background:var(--navy);color:#dce3ea;padding:28px 0}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.secondary{font-size:.85rem;margin-top:30px}.secondary a{color:#526477}
@media(max-width:800px){.brand{width:175px;max-width:48vw}.navlinks{gap:10px}.navlinks a:not(.btn){display:none}.navlinks .btn{padding:10px 12px;font-size:.78rem}.article-visual{margin-top:20px}.article-visual img{height:clamp(280px,90vw,420px)}.article{grid-template-columns:1fr;gap:25px;padding-top:42px}.side{position:static}.related-grid{grid-template-columns:1fr}.hero{padding:48px 0}.wrap{width:min(100% - 28px,1120px)}}
.brand{display:block;width:270px;max-width:48vw;min-height:116px;background:none}.brand img{visibility:visible!important;content:url('images/shikha-solutions-logo-transparent.webp');display:block;width:100%;height:auto}
.brand{width:255px;height:auto;background:none}.brand img{visibility:visible!important;content:url('images/shikha-solutions-logo-transparent.webp');display:block;width:100%;height:auto}