/* Effective viewport navigation correction.
 * Any non-mobile viewport gets the vertical rail; wider layouts progressively add columns.
 */
@media(min-width:721px){
  :root{--kk-dock:82px}
  .kk-shell{padding-bottom:30px}
  .kk-shell-inner{width:min(100%,1280px);margin:0 auto;padding-left:116px;padding-right:28px;padding-bottom:68px}
  body.kk-os-ready.in-app #kk-spiritual-dock{left:18px;right:auto;top:96px;bottom:auto;transform:none;width:80px;height:auto;display:grid;grid-template-columns:1fr;gap:5px;padding:7px;background:rgba(31,27,23,.97);border:1px solid rgba(255,255,255,.08);border-radius:25px;box-shadow:0 22px 58px rgba(28,21,15,.24)}
  .kk-dock-btn{min-height:63px;gap:4px;padding:7px 3px;border-radius:18px;color:rgba(255,249,239,.52);font-size:8px;letter-spacing:.02em}.kk-dock-btn svg{width:19px;height:19px}.kk-dock-btn[data-active="true"]{color:#fffaf2;background:linear-gradient(145deg,rgba(170,81,39,.94),rgba(119,60,33,.96));box-shadow:0 9px 25px rgba(170,81,39,.22)}
}
@media(min-width:860px){
  .kk-shell-inner{padding-left:126px;padding-right:30px}
  .kk-today-hero{grid-template-columns:minmax(0,1fr) minmax(270px,350px);min-height:220px;padding:29px 31px;gap:24px}.kk-today-metrics{max-width:none}.kk-today-layout{grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr)}.kk-today-side{display:grid;grid-template-columns:1fr}.kk-panchang-card,.kk-quick-panel{height:auto}
}
@media(min-width:860px) and (max-width:1120px){
  .kk-today-title{font-size:48px}.kk-today-subtitle{font-size:12px}.kk-today-metric{min-height:78px;padding:12px 10px}.kk-today-metric strong{font-size:22px}.kk-today-layout{grid-template-columns:minmax(0,1fr) minmax(285px,.8fr)}
}