/* Layout/contrast components scoped to the light House of Stories deployment. */
.hos-light .brand{gap:13px;min-height:60px;flex-shrink:0;align-items:center}
.hos-light .brand img{display:block;width:60px;height:60px;object-fit:contain;aspect-ratio:1;flex-shrink:0}
.hos-light .brand>span{display:flex;flex-direction:column;gap:5px}
.hos-light .site-header{min-height:100px;height:100px;align-items:center;gap:22px}
.hos-light .desktop-nav{align-items:center;gap:21px}
.hos-light .header-cta{flex-shrink:0;white-space:nowrap}
.hos-light .story-badge{display:grid;place-items:center;width:84px;height:84px;aspect-ratio:1;border-radius:50%;background:var(--story-color);flex-shrink:0;color:var(--hos-white);box-shadow:none}
.hos-light .story-badge img{width:58%;height:58%;object-fit:contain;display:block}
.hos-light .story-tile .symbol{width:84px;height:84px;margin:0 auto 21px}
.hos-light .related-icon{width:64px;height:64px}
.hos-light .story-title-row .symbol{width:84px;height:84px}
.hos-light .profile-badge-slot{float:right;margin:0 0 10px 20px}
.hos-light .profile-badge-slot .story-badge{width:64px;height:64px}
.hos-light .profile-title{min-height:64px;display:flex;align-items:center;gap:8px}
.hos-light .profile-title span{margin-inline:4px}
.hos-light .path-card.dark-card,.hos-light .path-card.dark-card :is(h3,h4,p,a,.step,.path-symbol){color:var(--hos-cream-soft)}
.hos-light .path-card.dark-card :is(h3,h4,p,a):hover,.hos-light .path-card.dark-card :is(h3,h4,p,a):focus-visible{color:var(--hos-white)}
.hos-light .eyebrow,.hos-light .profile-label,.hos-light .daily-grid small,.hos-light .parable-body>small,.hos-light .content-grid small{color:var(--hos-navy)}
.hos-light .eyebrow span:before,.hos-light .eyebrow span:after{color:var(--hos-gold)}
.hos-light .groups .eyebrow{color:var(--hos-gold-soft)}
.hos-light .story-next .eyebrow{color:var(--hos-gold-soft)}
.hos-light .story-chapter.practices li:before{color:var(--hos-muted)}
.hos-light .groups :is(p,a){color:var(--hos-cream-soft)}
.hos-light .profile-card :is(small,strong){color:var(--hos-navy)}
.hos-light .profile-preview{box-shadow:none}
.hos-light .mobile-menu{top:100px;max-height:calc(100dvh - 100px)}
@media(max-width:1350px){.hos-light .desktop-nav{gap:15px}.hos-light .brand strong{font-size:2.1rem}}
@media(max-width:1180px){.hos-light .site-header{gap:20px}.hos-light .brand strong{font-size:2.3rem}}
@media(max-width:720px){.hos-light .site-header{height:88px;min-height:88px;gap:10px}.hos-light .brand{gap:9px;min-height:46px}.hos-light .brand img{width:46px;height:46px}.hos-light .brand strong{font-size:1.85rem}.hos-light .brand>span{gap:4px}.hos-light .mobile-menu{top:88px;max-height:calc(100dvh - 88px)}.hos-light .utility-bar{top:88px}.hos-light .story-tile .symbol{width:80px;height:80px;margin-bottom:18px}.hos-light .profile-badge-slot{float:right;margin-left:12px}.hos-light .profile-badge-slot .story-badge{width:52px;height:52px}.hos-light .profile-title{min-height:52px}.hos-light .related-icon{width:60px;height:60px}.hos-light .story-title-row .symbol{width:80px;height:80px}}
@media(max-width:380px){.hos-light .brand strong{font-size:1.65rem}.hos-light .brand img{width:42px;height:42px}.hos-light .site-header{gap:7px}.hos-light .profile-title{clear:both}.hos-light .profile-badge-slot{float:none;margin:0 0 12px}}