
/* SafaSoch Authority & Leads 2026-09-27 */
.al-hero{padding:72px 0 54px;background:#102f29;color:#fff}.al-hero h1{max-width:820px;font-size:clamp(2.5rem,6vw,5.2rem);line-height:.98;margin:.2em 0}.al-hero .lead{max-width:760px;font-size:1.18rem;opacity:.9}.al-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.al-badges span{border:1px solid #ffffff45;border-radius:999px;padding:8px 13px}.al-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:start}.al-card{background:#fff;border:1px solid #dfe8e4;border-radius:22px;padding:26px;box-shadow:0 18px 55px #102f2912}.al-form fieldset{border:0;border-bottom:1px solid #e4ebe8;padding:18px 0;margin:0}.al-form legend{font-weight:750;margin-bottom:12px}.al-form fieldset label{display:inline-flex;align-items:center;gap:6px;margin:0 18px 8px 0}.al-form>label{display:grid;gap:7px;font-weight:650;margin:16px 0}.al-form input,.al-form select{width:100%;padding:13px;border:1px solid #cddbd5;border-radius:10px;background:#fff}.al-form fieldset input,.al-consent input{width:auto}.al-form .al-consent{display:flex;align-items:flex-start;gap:9px;font-weight:500}.al-proof,.al-cta{margin-top:28px;padding:22px;border-radius:18px;background:#f1f7f4}.al-proof a{font-weight:700}.al-cta{display:flex;justify-content:space-between;gap:24px;align-items:center}.al-success{padding:12px}.hp{position:absolute!important;left:-9999px!important}.ss-authority-links{padding:54px 0;background:#f5f8f6}.ss-authority-links h2{max-width:760px}.ss-authority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.ss-authority-grid a{display:block;padding:18px;border:1px solid #dce7e2;border-radius:15px;background:#fff;font-weight:750;text-decoration:none}.ss-readiness-band{padding:50px 0;background:#dff36b}.ss-readiness-band .shell{display:flex;justify-content:space-between;gap:30px;align-items:center}.ss-readiness-band h2{margin:.2em 0;max-width:760px}@media(max-width:800px){.al-grid,.ss-authority-grid{grid-template-columns:1fr}.ss-authority-grid{gap:10px}.al-cta,.ss-readiness-band .shell{display:block}.al-cta .button,.ss-readiness-band .button{display:inline-block;margin-top:18px}}

/* Authority & Leads V1.1 — scored result + desktop header spacing */
.al-result{padding:6px}.al-score-row{display:grid;grid-template-columns:118px 1fr;gap:22px;align-items:center}.al-score{width:112px;height:112px;border-radius:999px;background:#102f29;color:#fff;display:grid;place-content:center;text-align:center}.al-score strong{font-size:2.15rem;line-height:1}.al-score strong span{font-size:1rem;opacity:.72}.al-score small{font-size:.72rem;margin-top:6px;opacity:.78}.al-result h2{margin:.15em 0 .35em}.al-gap-box{margin:22px 0;padding:18px 20px;border-radius:16px;background:#fff5e8;border:1px solid #efd7b6}.al-gap-box ul{margin:10px 0 0;padding-left:20px}.al-gap-box li{margin:5px 0}.al-gap-good{background:#edf7f1;border-color:#cfe5d7}.al-recommend{display:grid;gap:4px;margin:18px 0;padding:18px;border-radius:16px;background:#f1f7f4}.al-recommend span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8f4a2e}.al-recommend strong{font-size:1.08rem}.al-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.al-button-secondary{background:#fff!important;color:#102f29!important;border:1px solid #b8ccc4!important}.al-result-note{font-size:.84rem;opacity:.7;margin-top:16px}
@media (min-width:1050px){
 body:not(.v15-app-mode) .ss22-mainrow{gap:18px}
 body:not(.v15-app-mode) .ss22-nav{gap:clamp(12px,1.15vw,22px);min-width:0}
 body:not(.v15-app-mode) .ss22-nav>a{white-space:nowrap}
 body:not(.v15-app-mode) .ss22-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
 body:not(.v15-app-mode) .ss22-search,body:not(.v15-app-mode) .ss22-lang{white-space:nowrap;flex:0 0 auto}
}
@media (max-width:1180px) and (min-width:1050px){
 body:not(.v15-app-mode) .ss22-search b{display:none}
 body:not(.v15-app-mode) .ss22-school-cta span{display:none}
}
@media(max-width:700px){.al-score-row{grid-template-columns:1fr}.al-score{width:96px;height:96px}.al-result-actions .button{width:100%;text-align:center}}


/* ==========================================================
   SafaSoch Authority & Leads V1.1.1 — VISUAL HOTFIX
   2026-09-27
   Fixes:
   1) Readiness hero text contrast on dark green
   2) Desktop header Search / About / हिन्दी collision
   ========================================================== */

/* Readiness hero — force accessible contrast */
.al-hero,
.al-hero * {
  box-sizing: border-box;
}
.al-hero h1,
.al-hero h2,
.al-hero .display,
.al-hero .hero-title {
  color: #fffdf5 !important;
  opacity: 1 !important;
}
.al-hero p,
.al-hero .lede,
.al-hero .hero-copy {
  color: rgba(255,253,245,.78) !important;
  opacity: 1 !important;
}
.al-hero .eyebrow {
  color: #d85a35 !important;
}
.al-hero .chip,
.al-hero .pill,
.al-hero .al-chip {
  color: #fffdf5 !important;
  border-color: rgba(255,255,255,.42) !important;
  background: rgba(255,255,255,.025) !important;
}

/* The readiness page's first dark hero can inherit global typography.
   Scope a fallback using the page body class/nearby Authority & Leads elements. */
body:has(form[action="submit.php"]) .al-hero h1,
body:has(form[action="submit.php"]) .al-hero p {
  opacity: 1 !important;
}

/* Desktop navigation: reserve real space for utility items and CTA */
@media (min-width: 1050px) {
  .ss22-mainrow {
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) auto !important;
    align-items: center !important;
    column-gap: clamp(18px,2vw,34px) !important;
  }
  .ss22-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(12px,1.15vw,22px) !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
  }
  .ss22-nav > a,
  .ss22-nav > button {
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }
  .ss22-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    min-width: max-content !important;
    flex-wrap: nowrap !important;
  }
  .ss22-search,
  .ss22-lang,
  .ss22-school-cta {
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}

/* MacBook / 13–15 inch desktop widths: compact gracefully before collision */
@media (min-width: 1050px) and (max-width: 1320px) {
  .ss22-mainrow {
    column-gap: 14px !important;
  }
  .ss22-nav {
    gap: 13px !important;
  }
  .ss22-nav > a {
    font-size: .92rem !important;
  }
  .ss22-actions {
    gap: 8px !important;
  }
  .ss22-search b,
  .ss22-search span:not(.sr-only) {
    display: none !important;
  }
  .ss22-school-cta {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* If the header remains too dense, hide only the least-critical About nav item
   at narrow desktop width; its content remains accessible elsewhere. */
@media (min-width: 1050px) and (max-width: 1160px) {
  .ss22-nav a[href*="about"] {
    display: none !important;
  }
}

/* Mobile remains untouched except for hero contrast */
@media (max-width: 1049px) {
  .al-hero h1 { color:#fffdf5 !important; }
  .al-hero p { color:rgba(255,253,245,.8) !important; }
}


/* ==========================================================
   SafaSoch Authority & Leads V1.1.2 — RESULT UI HOTFIX
   2026-09-27
   Visual only: score, recommendation, CTA presentation
   ========================================================== */

.al-result .al-score-row{
  display:grid !important;
  grid-template-columns:118px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
}

.al-result .al-score{
  width:112px !important;
  height:112px !important;
  border-radius:999px !important;
  background:#103b32 !important;
  color:#fffdf5 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:12px !important;
}

.al-result .al-score strong{
  display:block !important;
  color:#fffdf5 !important;
  font-size:2.15rem !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
}

.al-result .al-score strong span{
  color:rgba(255,253,245,.75) !important;
  font-size:1rem !important;
  margin-left:2px !important;
}

.al-result .al-score small{
  display:block !important;
  color:rgba(255,253,245,.78) !important;
  font-size:.68rem !important;
  line-height:1.15 !important;
  margin-top:7px !important;
  text-transform:uppercase !important;
  letter-spacing:.055em !important;
}

/* Recommendation must read as its own card, never inline */
.al-result .al-recommend{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  margin:22px 0 18px !important;
  padding:18px 20px !important;
  border-radius:16px !important;
  background:#f1f7f4 !important;
  border:1px solid #d6e5de !important;
}

.al-result .al-recommend span{
  display:block !important;
  color:#a64628 !important;
  font-size:.73rem !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
  letter-spacing:.09em !important;
}

.al-result .al-recommend strong{
  display:block !important;
  color:#103b32 !important;
  font-size:1.08rem !important;
  line-height:1.35 !important;
}

/* Strong conversion buttons */
.al-result .al-result-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:18px !important;
  align-items:center !important;
}

.al-result .al-result-actions .button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:12px 20px !important;
  border-radius:12px !important;
  background:#dfa735 !important;
  border:1px solid #dfa735 !important;
  color:#102f29 !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.al-result .al-result-actions .button:hover{
  transform:translateY(-1px);
}

.al-result .al-result-actions .al-button-secondary{
  background:#fff !important;
  border:1px solid #9fb9af !important;
  color:#103b32 !important;
}

.al-result .al-result-note{
  clear:both !important;
  display:block !important;
  margin-top:18px !important;
  font-size:.84rem !important;
  line-height:1.5 !important;
  color:#64716d !important;
}

@media(max-width:700px){
  .al-result .al-score-row{
    grid-template-columns:1fr !important;
  }
  .al-result .al-score{
    width:96px !important;
    height:96px !important;
  }
  .al-result .al-result-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .al-result .al-result-actions .button{
    width:100% !important;
  }
}
