@media(min-width:681px){
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign[data-theme-sample=michigan][data-theme-sample=michigan]{background:#f5f3e7!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign header.top{max-width:100%;height:70px!important;min-height:70px!important;padding:0 max(30px,calc((100vw - 1060px)/2))!important;gap:70px!important;background:#fcfaf2!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign header nav.appnav{height:40px!important;flex:0 1 380px!important;justify-content:space-between!important;gap:0!important;border-radius:12px!important;padding:4px!important;background:#ede9dd!important;margin:auto!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign header nav.appnav>:is(button,a){padding:0 15px!important;height:32px!important;border:0!important;border-radius:9px!important;justify-content:center!important;font-size:13px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign header nav.appnav>:is(button,a).active{background:white!important;box-shadow:0 0 3px #ded7c9!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign header nav.appnav>:is(button,a)>span:last-child{font-size:13px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign main{max-width:1060px!important;padding:34px 0 42px!important;margin:auto!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign .reference-hero{background:transparent!important;color:#30332b!important;border-radius:0!important;padding:0!important;margin:0 0 24px!important;min-height:145px!important;align-items:flex-end!important;gap:40px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign .reference-hero h1{font-size:42px!important;margin:4px 0 8px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign .reference-eyebrow{color:#a72b32!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign .reference-hero-copy>p:not(.reference-eyebrow){color:#71756a!important;font-size:15px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign .reference-guides button{color:#a72b32!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign .reference-hero .dashboard-actions{flex-direction:row!important;gap:10px!important;margin-bottom:2px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign .reference-hero #homeAddEvent{background:#a72b32!important;color:white!important;border:1px solid #a72b32!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign .reference-hero #createCalendarFromHome{background:white!important;color:#41443a!important;border:1px solid #dcdcd2!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign .reference-hero .dashboard-actions button{min-height:42px!important;border-radius:10px!important;font-size:13px!important;padding:10px 18px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #groupSummary{border:1px solid #af6669!important;border-radius:16px!important;padding:0!important;gap:0!important;min-height:100px!important;overflow:hidden!important;margin-bottom:26px!important;align-items:stretch!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #groupSummary .summary-tile{align-self:center!important;margin:0 16px 0 24px!important;width:52px!important;height:52px!important;border-radius:13px!important;background:#a72b32!important;color:white!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #groupSummary .summary-heading{align-self:center!important;min-width:0!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #groupSummary .summary-heading b{font:700 27px/1.15 Georgia,serif!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics{align-items:stretch!important;gap:0!important;flex:0 0 56%!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics .summary-metric{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;border-left:1px solid #eeeee8!important;padding:16px 28px!important;width:27%!important;min-width:0!important;box-sizing:border-box!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics .summary-next{width:46%!important;border-left:1px solid #eeeee8!important;background:#6b2c2e!important;border-radius:0!important;color:#fff!important;padding:16px 24px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics .summary-next>b{font:700 23px/1.2 Georgia,serif!important;color:#fff!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics .summary-next>small{font-size:11px!important;color:#e8c9c9!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCardsView>.section-label{margin:0!important;padding:14px 22px!important;background:white!important;border:1px solid #dfdfd5!important;border-bottom:0!important;border-radius:15px 15px 0 0!important;font-size:17px!important;height:54px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #printAgendaHome{min-height:28px!important;height:28px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards{display:block!important;background:white!important;border:1px solid #dfdfd5!important;border-top:0!important;border-radius:0 0 15px 15px!important;overflow:hidden!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-home-card{border:0!important;border-top:1px solid #eeeee8!important;border-radius:0!important;min-height:64px!important;padding:12px 54px 12px 46px!important;overflow:visible!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-home-card:before{inset:28px auto auto 22px!important;width:11px!important;height:11px!important;border-radius:100%!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-card-content{position:relative!important;display:grid!important;grid-template-columns:33% 27% 40%!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:0!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-card-content>.calendar-card-heading{grid-column:1!important;grid-row:1!important;align-self:end!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;padding-right:10px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .cal-name-cluster{flex:0 1 auto!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .cal-name-cluster b{font-size:14px!important;line-height:1.15!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-admin-badge{font-size:9px!important;padding:1px 7px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-card-tools{position:absolute!important;right:-33px!important;top:8px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-card-content>.reference-stats{grid-column:1!important;grid-row:2!important;margin:0!important;align-self:start!important;font-size:12px!important;line-height:1.2!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-card-content>.upcoming{grid-column:2!important;grid-row:1/3!important;align-self:center!important;background:transparent!important;padding:0 15px 0 0!important;margin:0!important;min-height:0!important;display:flex!important;gap:0!important;font-size:13px!important;line-height:1.2!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .upcoming>b{font-weight:400!important;font-size:13px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .upcoming>.reference-date{display:none!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .upcoming:after{content:attr(data-reference-date);position:absolute;left:0;bottom:0;transform:translateX(0);display:none}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-card-content>.reference-card-actions{grid-column:3!important;grid-row:1/3!important;align-self:center!important;justify-content:flex-end!important;gap:8px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .notification-chip:not([data-chat-chip]){font-size:11px!important;height:32px!important;min-height:32px!important;padding:5px 8px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards [data-card-action=add-event]{background:#fbf0f0!important;color:#a72b32!important;border:1px solid #ead5d5!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards [data-card-action=invite]{font-weight:400!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards [data-card-action=add-event],html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards [data-card-action=invite]{height:32px!important;min-height:32px!important;font-size:11px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign .yh-header-help{border:1px solid #deded4!important;border-radius:7px!important;padding:7px 12px!important;background:white!important;font-size:12px!important}
}
@media(min-width:681px) and (max-width:1120px){
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign main{margin:0 5%!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign header.top{gap:25px!important;padding:0 5%!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics{flex-basis:54%!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics .summary-metric{padding:16px 20px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-card-content{grid-template-columns:32% 27% 41%!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .reference-card-actions{gap:5px!important}
}
@media(min-width:681px) and (max-width:900px){
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics .summary-next{display:none!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics{flex-basis:30%!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics .summary-metric{width:50%!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign .reference-hero{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-card-content{grid-template-columns:45% 55%!important;row-gap:12px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .calendar-card-content>.reference-card-actions{grid-column:1/3!important;grid-row:3!important;justify-content:flex-start!important}
}
@media(min-width:681px){
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign[data-theme-sample=michigan][data-theme-sample=michigan] header nav.appnav>:is(button,a).active{background:white!important;border:0!important;border-radius:9px!important;height:32px!important;padding:0 15px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCards .upcoming>b:after{content:attr(data-row-date);font:400 13px/1.2 system-ui!important;color:#4c5046!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics .summary-next:before{content:'Next event';font:11px/1.5 system-ui!important;color:#e8c9c9!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarCardsView>.section-label #printAgendaHome{position:static!important;inset:auto!important;transform:none!important;margin:0 0 0 auto!important;align-self:center!important}
}