/* Landing hero proportion pass — adopted from the audited v238 package. */
.nataraja-welcome{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(14px,2.4vh,26px);
  padding-top:max(18px,env(safe-area-inset-top));
  padding-bottom:max(22px,env(safe-area-inset-bottom));
  overflow-y:auto;
}
.nataraja-welcome-art{
  --art-size:min(44vmin,380px);
  width:var(--art-size)!important;
  height:var(--art-size)!important;
  max-height:none!important;
  aspect-ratio:1;
  margin:0 auto;
  flex:none;
}
.nakshatra-name-ring span{
  --nak-radius:calc(var(--art-size) * .445)!important;
  width:64px!important;
  font-size:clamp(7px,calc(var(--art-size) * .0155),11px)!important;
}
.landing-copy{gap:8px!important}
.landing-auth-actions{margin-top:clamp(2px,.6vh,10px)}

/* Keep collapsed Kala Yok controls easy to recover on mouse and touch. */
.thai-kala-yok-table>summary{
  min-height:44px;
  padding:10px 12px!important;
  border:1px solid transparent;
  border-radius:6px;
  touch-action:manipulation;
}
.thai-kala-yok-table:not([open])>summary{
  border-color:#aaa097;
  background:#f7f3eb;
}
.thai-kala-yok-table>summary .module-chevron{
  display:grid;
  place-items:center;
  min-width:28px;
  min-height:28px;
  font-size:18px;
}

/* Divisional zodiac leader: white ascendant glyph reads cleanly on dark/orange bubbles. */
.ascendant-leader-symbol{
  filter:brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0,0,0,.35));
}

/* Thai simple zodiac only: enlarge sign names without changing planets or other charts. */
#view-thai-astrology [data-thai-astrology-source-id="simpleZodiacChart"] .simple-rasi-name,
#view-thai-astrology [data-thai-astrology-source-id="simpleZodiacChart"] .zodiac-label.curved-zodiac-label[class*="rasi-style-"]{
  font-size:16px!important;
  font-weight:800!important;
}
@media (max-width:640px){
  .nataraja-welcome-art{--art-size:min(60vmin,300px)}
  .nataraja-welcome{gap:clamp(10px,2.2vh,20px)}
  .nakshatra-name-ring span{width:50px!important;font-size:clamp(6.5px,calc(var(--art-size) * .02),9px)!important}
  #view-thai-astrology [data-thai-astrology-source-id="simpleZodiacChart"] .simple-rasi-name,
  #view-thai-astrology [data-thai-astrology-source-id="simpleZodiacChart"] .zodiac-label.curved-zodiac-label[class*="rasi-style-"]{font-size:14px!important}
}
@media (max-height:560px){
  .nataraja-welcome-art{--art-size:min(40vmin,220px)}
  .nataraja-welcome{gap:8px}
}