/* Presentation is scoped to Home, Granthalaya and the two new utility dialogs. */
#app #home .home-hero{height:176px;min-height:0;padding:16px;background-position:center 30%}
#app #home .home-hero h1{font-size:1.6rem;color:#fff8e9}
#app #home .intro{padding:12px 16px 6px}
#app #home .intro-copy{font-size:.84rem;line-height:1.7;padding-bottom:8px}
#app #home .section-title{padding-top:15px}
#app #home .journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#app #home .journey button{min-height:108px;padding:9px 4px;border-radius:15px}
#app #home .journey b{font-size:.78rem;line-height:1.5}
#app #home .journey img,#app #home .journey .mini-avatar{width:40px;height:40px}
#app #home .hub-card{min-height:108px;padding:12px;border-radius:16px}
#app #home .hub-card img{width:80px;height:80px;border-radius:12px}
#app #home .hub-card b{font-size:.98rem}
#app #home #bb-experience-home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#fff7e9;padding:14px;margin:12px;border:1px solid #dfcbaa;border-radius:19px}
#app #home #bb-experience-home>h2,#app #home #bb-experience-home>p{grid-column:1/-1;margin:0;color:#762b39}
#app #home #bb-experience-home>h2{font-size:1.2rem}
#app #home #bb-experience-home>p{font-size:.78rem;color:#665246;margin-bottom:3px}
#app #home #bb-experience-home>button,#app #home #bb-experience-home>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:110px;height:auto;margin:0;padding:10px 5px;background:#fffcf6;color:#702437;border:1px solid #dbc8ab;border-radius:14px;text-align:center;text-decoration:none;font-family:inherit;line-height:1.5;cursor:pointer}
#app #home #bb-experience-home>button:nth-of-type(3n+2){background:#edf4ed;color:#23574f}
#app #home #bb-experience-home>button:nth-of-type(3n){background:#fff0d6;color:#79451a}
#app #home #bb-experience-home .bb-feature-art{width:42px;height:42px;object-fit:contain;display:block;flex-shrink:0}
#app #home #bb-experience-home strong{font-size:.84rem;line-height:1.55;color:inherit}
#app #home #bb-experience-home small{font-size:.65rem;line-height:1.5;color:#665246;opacity:1}
#app #home .bb-experience-shortcuts{display:none}
#app #granthLibraryRoot{padding:14px 12px 100px}
#app #granthLibraryRoot .gl-hero{padding:16px;border-radius:17px;background:#713043!important;min-height:0;height:auto}
#app #granthLibraryRoot .gl-hero h1{color:#fff4dc!important;font-size:1.35rem!important;line-height:1.6;margin:4px 0!important}
#app #granthLibraryRoot .gl-hero p,#app #granthLibraryRoot .gl-hero small,#app #granthLibraryRoot .gl-hero-meta{color:#f6e6c8!important}
#app #granthLibraryRoot .gl-hero-art{top:27px;right:15px;width:46px;height:58px}
#app #granthLibraryRoot .gl-book-grid{gap:10px;align-items:start}
#app #granthLibraryRoot .gl-book-open{height:auto;padding:8px}
#app #granthLibraryRoot .gl-cover{min-height:130px;height:auto;padding:12px 8px 12px 13px;gap:5px}
#app #granthLibraryRoot .gl-cover strong{font-size:1rem;line-height:1.55;color:#fff2ce!important}
#app #granthLibraryRoot .gl-cover svg{width:29px;height:25px}
#app #granthLibraryRoot .gl-cover small,#app #granthLibraryRoot .gl-cover>span{font-size:.58rem;color:#f1dfbb!important}
#app #granthLibraryRoot .gl-book-copy{padding:8px 2px 4px}
#app #granthLibraryRoot .gl-book-copy h3{font-size:.9rem;line-height:1.55}
#app #granthLibraryRoot .gl-book-copy>span{font-size:.72rem;min-height:0;line-height:1.65}
#app #granthLibraryRoot .gl-book-copy>b{font-size:.7rem;padding-right:36px;margin-top:7px;min-height:42px}
#app #granthLibraryRoot .gl-favorite{width:44px;height:44px;right:8px;bottom:9px;font-size:1.4rem}
.bb-web-dialog{box-sizing:border-box;width:min(94vw,480px);max-height:88dvh;overflow:auto;padding:18px;border:1px solid #d5bd96;border-radius:20px;background:#fffaf0;color:#442e27;font-family:NotoDev,serif;box-shadow:0 16px 50px #30121a33}
.bb-web-dialog::backdrop{background:#26151d99}
.bb-web-dialog *{box-sizing:border-box}
.bb-web-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.bb-web-dialog h2{font-size:1.2rem;margin:0;color:#762b39}
.bb-web-dialog p,.bb-web-dialog label{font-size:.85rem;line-height:1.8}
.bb-web-dialog label{display:block;font-weight:700;margin-top:12px}
.bb-web-dialog input,.bb-web-dialog select,.bb-web-dialog textarea{display:block;width:100%;font:inherit;font-size:1rem;background:#fffdf8;color:#442e27;border:1px solid #bda88c;border-radius:10px;padding:10px;min-height:46px}
.bb-web-dialog textarea{resize:vertical;min-height:120px}
.bb-web-dialog button{font:inherit;font-size:.87rem;min-height:44px;padding:9px 12px;border:1px solid #bda88c;border-radius:10px;background:#fffdf8;color:#762b39;cursor:pointer}
.bb-web-dialog .bb-web-primary{background:#762b39;color:#fff8e9;border-color:#762b39}
.bb-web-dialog .bb-web-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.bb-web-dialog canvas{display:block;width:100%;height:auto;margin-top:12px;border-radius:12px}
.bb-web-dialog [role=status]{min-height:24px;font-size:.8rem;color:#28564f}
.bb-web-dialog :is(button,input,select,textarea):focus-visible,#app #home #bb-experience-home :is(button,a):focus-visible{outline:3px solid #a96514;outline-offset:3px}
@media(max-width:350px){#app #home .journey{grid-template-columns:repeat(2,minmax(0,1fr))}#app #home #bb-experience-home{padding:10px;margin:10px;gap:6px}#app #home #bb-experience-home strong{font-size:.78rem}#app #granthLibraryRoot .gl-cover{min-height:120px}}