@font-face{font-family:Roboto;src:url('fonts/roboto-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('fonts/roboto-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{font-family:Roboto,Arial,sans-serif}
header{padding-inline:max(24px,calc((100vw - 992px)/2))}
.search-row{align-items:stretch}
.search-row input,.search-row button{min-height:54px}
.record-heading{align-items:center}
.overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.completion{grid-column:1;padding:24px;display:flex;flex-direction:column;align-items:flex-start}
.completion .eyebrow{min-height:2.5rem;line-height:1.5;letter-spacing:1px}
.big{font-variant-numeric:tabular-nums;font-size:3rem;letter-spacing:-1px;margin:8px 0 0;line-height:1.2}
.stats{display:contents}
.stats>div{padding:24px;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--line)}
.stats span{min-height:2.5rem;line-height:1.5;font-size:.875rem;font-weight:700;color:#356b51}
.stats strong{font-size:3rem;line-height:1.2;font-variant-numeric:tabular-nums;margin:8px 0 0;letter-spacing:-1px}
.stats small{font-size:.875rem;margin-top:8px;line-height:1.6}
.completion p{margin:8px 0 16px}
.week-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:12px}
.week{display:grid;grid-template-rows:auto auto 1fr;gap:8px;padding:20px 16px;min-height:128px}
.week .date{margin:0;font-size:.875rem}
.week .state{align-self:end;margin:8px 0 0;font-size:.875rem}
.checks{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0}
.check{padding:0 20px}
.check:first-child{padding-left:0;border-right:1px solid var(--line)}
.check strong{display:block;line-height:1.5}
.detail-top{align-items:start}
.detail .date{padding-top:3px}
@media(max-width:850px){.overview{grid-template-columns:repeat(2,minmax(0,1fr))}.completion{grid-column:auto}.stats>div{border-right:0;border-bottom:1px solid var(--line)}.stats>div:nth-child(2){border-bottom:0}.stats>div:last-child{border-left:1px solid var(--line)}.completion,.stats>div{padding:24px}.stats>div:first-child{border-bottom:1px solid var(--line)}.week-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.week{padding:16px 10px}}
@media(max-width:700px){header{padding-inline:20px}.search-row{flex-direction:column}.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week{padding:18px;min-height:122px}.completion,.stats>div{padding:20px}.completion .eyebrow,.stats span{min-height:2.7rem}.big,.stats strong{font-size:2.5rem}.record-heading{align-items:center}.section-heading{display:flex;align-items:center;flex-wrap:wrap}.section-heading span{margin:0}.detail-top{display:block}.detail .date{margin-top:10px}.checks .check{padding-right:10px}.checks .check:nth-child(2){padding-left:16px}}