#repair-result{font-family:'Segoe UI',Arial,Helvetica,sans-serif;font-size:17px;background:#d4d4d0;border:2px solid;border-color:#fff #5a5a5a #5a5a5a #fff;box-shadow:1px 1px 0 #222;padding:28px;color:#171717;min-width:0}
#repair-result h2,#repair-result h3,#repair-result h4{font-family:inherit;letter-spacing:0;line-height:1.25}
#repair-result h2{font-size:36px}
.retro-result-title,.retro-titlebar{background:linear-gradient(90deg,#000080,#2158b5);color:white;font-weight:700}
.retro-result-title{margin:-24px -24px 26px;padding:10px 14px;font-size:22px;line-height:1.3}
#repair-result .eyebrow{color:#333;font-size:16px;letter-spacing:1px}
#repair-result .repair-update{border-color:#aaa}
#repair-result .repair-update h3{font-size:26px;margin-bottom:12px}
#repair-result .repair-primary-message{font-size:clamp(20px,2vw,25px);font-weight:600;line-height:1.4;color:#171717;max-width:none;margin:12px 0 28px;overflow-wrap:anywhere}
#repair-result .repair-progress{border:2px solid;border-color:#fff #666 #666 #fff;box-shadow:1px 1px 0 #333;padding:3px;margin:8px 0 28px;background:#c8c8c4}
#repair-result .retro-titlebar{font-size:22px;padding:8px 12px;margin:0;line-height:1.3}
.retro-content{padding:22px}
#repair-result .retro-content h4{font-size:30px;margin:0 0 8px}
#repair-result .retro-short{font-size:21px;line-height:1.45;max-width:none;margin:0 0 22px;color:#171717}
.retro-meter{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;height:34px;padding:3px;background:#c4c4c4;border:2px solid;border-color:#666 #fff #fff #666}
.retro-meter span{display:block;background:#b3b3b3;min-width:0}
.retro-meter .is-filled{background:#000080}
#repair-result .retro-step{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:20px;font-weight:600;margin:12px 0 0;max-width:none;color:#171717}
#repair-result .repair-customer-note{border-top:1px solid #aaa;padding-top:18px;margin:0 0 24px}
#repair-result .repair-customer-note h3{font-size:20px;margin:0 0 8px}
#repair-result [data-result=update]{font-size:18px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-width:none;margin:0;color:#333}
#repair-result .small{font-family:'Segoe UI',Arial,Helvetica,sans-serif;font-size:13px;line-height:1.6;color:#444}
#repair-result .estimate-tax-note{font-size:14px}
#repair-result .technician-avatar{font-family:'Segoe UI',Arial,Helvetica,sans-serif;flex-shrink:0}
@media(max-width:560px){#repair-result{padding:18px;font-size:18px}.retro-result-title{margin:-14px -14px 22px;font-size:20px}#repair-result h2{font-size:30px}.retro-content{padding:16px}#repair-result .retro-titlebar{font-size:19px}#repair-result .retro-content h4{font-size:26px}#repair-result .retro-short{font-size:19px}.retro-meter{gap:2px;height:30px}#repair-result .retro-step{font-size:18px}}
/* Symbol fallback for pause/check glyphs not in the pixel font. */
#repair-result [data-progress=cue]{font-family:'Segoe UI',Arial,Helvetica,sans-serif;font-size:15px;align-self:center}

#repair-result .repair-illustration{width:320px;max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;image-rendering:pixelated}
@media(max-width:560px){#repair-result .repair-illustration{width:260px;justify-self:center}}
/* Keep the lookup page headings and controls as legible as the results. */
#main .pagehead h1,#main .repair-layout,#main .repair-layout h2,#main .repair-layout h3,#main .repair-layout input,#main .repair-layout button{font-family:'Segoe UI',Arial,Helvetica,sans-serif}

/* Keep the entire customer repair experience in Segoe UI. */
#main{font-family:'Segoe UI',Arial,Helvetica,sans-serif}
#main h1,#main h2,#main h3,#main h4{font-family:'Segoe UI',Arial,Helvetica,sans-serif}
#main .pagehead h1{font-size:clamp(54px,5.4vw,82px);line-height:1.03;letter-spacing:-.8px;font-weight:700}
#main .pagehead>p{font-size:19px;line-height:1.65}
#main .repair-layout aside h2{font-size:44px;line-height:1.03;letter-spacing:-.8px;font-weight:700}
#repair-result h1,#repair-result h2,#repair-result h3,#repair-result h4{text-wrap:wrap;font-weight:700}
@media(max-width:760px){#main .pagehead h1{font-size:52px}#main .pagehead>p{font-size:17px}#main .repair-layout aside h2{font-size:37px}}