/* V11.88: single-screen 4x5 devotional launcher — only the home grid and footer visual styling. */
:root{--tv-home-icon-1188:54px;--tv-home-rowgap-1188:4px;--tv-home-label-1188:11px}
@media(max-width:720px){
 .app-shell .topbar{min-height:64px!important;height:64px!important;padding-block:3px!important}
 /* Header logo, profile photo and all deity pictures use the same CSS dimensions. */
 .app-shell .topbar .brand img.bt-brand-logo{
   width:var(--tv-home-icon-1188)!important;height:var(--tv-home-icon-1188)!important;
   min-width:var(--tv-home-icon-1188)!important;object-fit:contain!important;
   border-radius:50%!important;border:1.4px solid #e7b66d!important;
   background:#fff4dd!important;box-shadow:0 1px 5px #7f4b191d!important;
 }
 .app-shell .topbar .top-actions #btProfileOpen{
   width:var(--tv-home-icon-1188)!important;min-width:var(--tv-home-icon-1188)!important;
   height:var(--tv-home-icon-1188)!important;flex:0 0 var(--tv-home-icon-1188)!important;
   border:1.4px solid #e7b66d!important;box-shadow:0 1px 5px #7f4b191d!important;
 }
 .app-shell .topbar #btProfileOpen .tv-profile-photo1156{border-radius:50%!important}
 .app-shell .main-content:has(.tv-main-home1156){
   padding:4px 7px calc(63px + env(safe-area-inset-bottom,0px))!important;
 }
 .app-shell .tv-search-home1187{min-height:37px!important;height:37px!important;
   margin:0 0 5px!important;padding:5px 10px!important;border-radius:12px!important;
   gap:7px!important;font-size:12px!important;line-height:1.2!important}
 .app-shell .tv-search-glyph1187{font-size:20px!important}
 .app-shell .bt-continue-compact{gap:5px!important;margin:2px 0 4px!important}
 .app-shell .bt-continue-label{font-size:11px!important;max-width:75px!important}
 .app-shell .bt-continue-compact .item-row{
   min-height:36px!important;max-height:36px!important;padding:3px 6px!important;
   gap:5px!important;border-radius:11px!important;overflow:hidden!important}
 .app-shell .bt-continue-compact .item-icon{height:25px!important;width:25px!important;flex:0 0 25px!important;font-size:12px!important}
 .app-shell .bt-main-heading1156{margin:3px 1px 5px!important;padding:0!important;min-height:23px!important}
 .app-shell .bt-main-heading1156 h2{font-size:17px!important;line-height:1.2!important}
 .app-shell .bt-main-heading1156 span{font-size:11px!important;line-height:1.2!important}
 .app-shell .bt-devotional-grid1130.tv-main-home1156{
   display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
   column-gap:5px!important;row-gap:var(--tv-home-rowgap-1188)!important;
   margin:0!important;padding:0!important;align-items:start!important;
 }
 .app-shell .bt-devotional-grid1130.tv-main-home1156 .category-card{
   display:flex!important;flex-direction:column!important;align-items:center!important;
   justify-content:flex-start!important;min-height:0!important;
   height:auto!important;margin:0!important;padding:0!important;gap:2px!important;
   border:0!important;background:transparent!important;box-shadow:none!important;
   outline-offset:0!important;
 }
 .app-shell .bt-devotional-grid1130.tv-main-home1156 .thumb.bt-circle-thumb1130{
   width:var(--tv-home-icon-1188)!important;min-width:var(--tv-home-icon-1188)!important;
   max-width:var(--tv-home-icon-1188)!important;height:var(--tv-home-icon-1188)!important;
   min-height:var(--tv-home-icon-1188)!important;max-height:var(--tv-home-icon-1188)!important;
   aspect-ratio:1!important;margin:0!important;padding:0!important;overflow:hidden!important;
   border-radius:20%!important;border:1.4px solid #e7b66d!important;
   background:#fff3dc!important;box-shadow:0 1px 5px #7f4b191a!important;
 }
 .app-shell .bt-devotional-grid1130.tv-main-home1156 .thumb.bt-circle-thumb1130 img{
   width:100%!important;height:100%!important;object-fit:cover!important;
   border-radius:20%!important;display:block!important}
 .app-shell .bt-devotional-grid1130.tv-main-home1156 .body{
   width:100%!important;min-height:27px!important;max-height:27px!important;
   height:27px!important;margin:0!important;padding:0!important;flex:0 0 27px!important;
   display:flex!important;align-items:flex-start!important;justify-content:center!important;
 }
 .app-shell .bt-devotional-grid1130.tv-main-home1156 h3{
   display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
   width:100%!important;min-height:0!important;max-height:27px!important;
   margin:0!important;padding:0 1px!important;overflow:hidden!important;
   text-align:center!important;line-height:1.22!important;
   font-size:var(--tv-home-label-1188)!important;font-weight:700!important;
   overflow-wrap:anywhere!important;
 }
 /* Footer gets devotional icons, but remains visibly functional. */
 .app-shell .bottom-nav.bt-unified-v1120{
   height:calc(59px + env(safe-area-inset-bottom,0px))!important;
   padding-bottom:env(safe-area-inset-bottom,0px)!important;
   border-radius:15px 15px 0 0!important;
   background:#fffbf2f5!important;
   box-shadow:0 -2px 10px #7e461517!important;
 }
 .app-shell .bottom-nav .bt-v1105-bar{height:56px!important;gap:0!important}
 .app-shell .bottom-nav .bt-v1105-bar .bt-v1105-item{
   height:55px!important;min-height:55px!important;gap:1px!important;padding:3px 0 2px!important}
 .app-shell .bottom-nav .bt-v1105-bar .bt-v1105-item .tv-nav-icon1187{
   width:26px!important;height:26px!important;border-radius:10px!important;color:#915020!important}
 .app-shell .bottom-nav .bt-v1105-bar .bt-v1105-item .tv-nav-icon1187 svg{
   width:25px!important;height:25px!important;stroke-width:1.75!important}
 .app-shell .bottom-nav .bt-v1105-bar .bt-v1105-item small{
   line-height:1.2!important;font-size:clamp(9px,2.5vw,10.5px)!important;
   font-weight:750!important;color:#7a3c1b!important}
 .app-shell .bottom-nav .bt-v1105-bar .bt-v1105-item.tv-nav-active1187 .tv-nav-icon1187{
   background:#fff0d2!important;color:#a4540a!important;
   box-shadow:inset 0 0 0 1px #edcb97!important}
}
@media(max-width:360px){
 .app-shell .topbar{gap:3px!important;padding-inline:5px!important}
 .app-shell .topbar .brand-title{font-size:clamp(12px,3.4vw,16px)!important}
 .app-shell .topbar .top-actions{gap:2px!important}
 .app-shell .topbar .top-actions #tvSettingsBtn1148{min-width:36px!important;width:36px!important;padding-inline:0!important}
 #tvLanguageMini1156{display:none!important}
}
@media(max-height:670px) and (max-width:720px){
 .app-shell .topbar{height:58px!important;min-height:58px!important}
 .app-shell .tv-search-home1187{min-height:34px!important;height:34px!important}
 .app-shell .bt-main-heading1156{margin-bottom:2px!important}
 .app-shell .bottom-nav.bt-unified-v1120{height:calc(55px + env(safe-area-inset-bottom,0px))!important}
 .app-shell .bottom-nav .bt-v1105-bar{height:52px!important}
 .app-shell .bottom-nav .bt-v1105-bar .bt-v1105-item{height:51px!important;min-height:51px!important}
}
@media(prefers-reduced-motion:reduce){.app-shell .tv-main-home1156 *{animation:none!important}}