/* Original vector identity and a shared, font-independent icon language. */
.brand{gap:0;line-height:1;flex-shrink:0;letter-spacing:normal}
.brand-logo{display:block;width:218px;height:auto;max-width:100%}
.site-footer .brand-logo{width:196px}
.icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle;overflow:visible}
.button>.icon,.button>span[aria-hidden]>.icon{width:19px;height:19px}
.button.small .icon{width:17px;height:17px}
.option-link span .icon{width:16px;height:16px}
.text-link .icon,.text-button .icon{width:18px;height:18px}
.text-button,.track-breadcrumb>a,.dash-top-link{align-items:center;gap:7px}
.track-breadcrumb>a{display:inline-flex}
.dash-top-link{display:flex;width:max-content}
.text-button .icon{margin-left:8px}
.tiny-sun{display:flex;flex-shrink:0;align-items:center}
.tiny-sun .icon{width:39px;height:39px}
.step-symbol{display:flex;align-items:center}
.step-symbol .icon{width:42px;height:42px;stroke-width:1.25}
.belief-strip span:nth-child(even){display:flex;align-items:center}
.belief-strip .icon{width:22px;height:22px;stroke-width:1.4}
.home-pullquote .wrap>span{display:flex;justify-content:center}
.home-pullquote .wrap>span .icon,.closing-sun .icon{width:55px;height:55px;stroke-width:1.15}
.moment-icon .icon{width:22px;height:22px}
.moment-check{display:flex;align-items:center;justify-content:center}
.moment-check .icon{width:14px;height:14px;stroke-width:2}
.sample-note-top .icon{width:23px;height:23px;stroke-width:1.3}
.faq-list summary>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:25px;height:25px}
.faq-list summary .icon{width:19px;height:19px;transition:transform .2s}
.faq-list details[open] summary .icon{transform:rotate(45deg)}
.faq-list a>.icon{width:14px;height:14px;margin-left:3px}
.close-button{display:flex;align-items:center;justify-content:center}
.close-button .icon{width:19px;height:19px}
.day-navigation button{display:inline-flex;align-items:center;gap:7px}
.day-navigation .icon{width:16px;height:16px}
.day-tile-top b{display:flex;align-items:center;justify-content:center}
.day-tile-top .icon{width:15px;height:15px;stroke-width:1.8}
.home-meta>span:before,.goal-options input:checked+span:before{content:'';display:inline-block;width:13px;height:13px;background:currentColor;mask:url('/assets/icons/check.svg') center/contain no-repeat;vertical-align:-2px}
.chooser-note:before,.chooser-note:after{content:'';display:inline-block;width:13px;height:13px;background:currentColor;mask:url('/assets/icons/spark.svg') center/contain no-repeat;vertical-align:-1px}
.stat-card:after{content:'';width:31px;height:31px;background:currentColor;mask:url('/assets/icons/sun.svg') center/contain no-repeat}
@media(max-width:780px){
  .brand-logo{width:192px}
  .site-footer .brand-logo{width:184px}
  .steps-grid .step-symbol .icon{width:37px;height:37px}
  .belief-strip .icon{width:18px;height:18px}
  .belief-strip span:nth-child(4){display:none}
}
@media(max-width:480px){
  .brand-logo{width:155px}
  .site-header{gap:12px}
  .site-header .header-start{font-size:9px;gap:8px;padding-inline:12px;max-width:162px}
  .site-header .header-start .icon{width:15px;height:15px}
  .site-footer .brand-logo{width:178px}
  .chooser-note:before,.chooser-note:after{margin-inline:5px;width:11px;height:11px}
  .moment-icon .icon{width:19px;height:19px}
  .painted-art .moment-check .icon{width:12px;height:12px}
  .day-controls .button>.icon{width:17px;height:17px}
}
@media(max-width:360px){
  .site-header .brand-logo{width:132px}
  .site-header .header-start{font-size:8px;padding-inline:10px;gap:6px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.faq-list summary .icon{transition:none}}
