/* Report, result and watch pages */
.app-page { max-width: 47.5rem; }
.report-wrap { max-width: 33.75rem; }
.report-img { width: 100%; height: auto; border: 2px solid var(--edge); border-radius: .875rem; box-shadow: var(--shadow); background: #fff; }
.report-text { white-space: pre-wrap; font: 500 .875rem/1.6 var(--f-b), var(--cjk); background: #fff; padding: .625rem; border-radius: .5rem; }
.result-page { margin: .5rem 0 1rem; }
.result-score { font-size: 1.25rem; margin: 0; line-height: 2rem; }
.result-grade { position: relative; display: inline-block; font: 800 1.625rem/2rem var(--f-d), var(--cjk); color: var(--tom); padding: 0 .375rem; }
.result-qr { display: grid; justify-items: center; gap: .375rem; }
.result-qr .qr { width: 11.25rem; height: 11.25rem; }
.tool-week { margin: .625rem 0 1.125rem; }
.w-page { margin: .5rem 0 .75rem; }
.w-rows { list-style: none; margin: 0; padding: 0; font: 600 1.1875rem/2.125rem var(--f-m), var(--cjk); }
.w-rows li { display: flex; justify-content: space-between; align-items: center; gap: .5rem; min-height: 2.125rem; }
.w-mark { position: relative; display: inline-block; min-width: 1.625rem; height: 1.625rem; }
.w-mark .fix { color: var(--tom); font: 700 .9375rem/1.625rem var(--f-h), var(--cjk); }
.w-stamps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; position: sticky; bottom: .5rem; background: var(--wash); padding: .375rem 0; }
.w-stamp { min-height: 3.5rem; }
.w-stamp.sent { background: #FFF6D8; }