.minimal .shell{width:min(840px,calc(100% - 40px))}.minimal header{border:0}.minimal .topbar{height:94px;padding:0}.minimal main{padding-bottom:30px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.check-card{position:relative;min-width:0;border:1px solid #282b2612;border-radius:14px;padding:22px 25px;display:flex;flex-direction:column;background:var(--tint);color:var(--ink)}.check-card h2{font:500 11px/1.5 var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.check-card .heroart{position:static;z-index:auto;width:150px;height:136px;max-width:100%;display:block;margin:8px auto 12px;flex:none}.reading-value{font:54px/1.05 var(--serif);letter-spacing:-1.6px;overflow-wrap:anywhere;margin-top:auto}.reading-value small,.workout-length small{font:20px var(--serif);letter-spacing:0;margin-left:5px;color:var(--soft)}.check-card .reading-time{font:10px/1.6 var(--mono);color:var(--soft);margin-top:12px}.workout-length{font:26px/1.2 var(--serif);margin-top:5px}.check-card.workout .reading-value{font-size:40px}.check-card.heart{--tint:#f9eae1;--accent:#bf4730}.check-card.city{--tint:#edf0df;--accent:#657448}.check-card.sleep{--tint:#efedf5;--accent:#81749e}.check-card.screen{--tint:#e8eff1;--accent:#688594}.check-card.steps{--tint:#eaf0e4;--accent:#68805b}.check-card.workout{--tint:#eeebf2;--accent:#81728f}.load-error{padding:40px 0}.load-error button{background:none;border:0;text-decoration:underline;cursor:pointer}
@media(max-width:600px){.minimal .shell{width:calc(100% - 28px)}.minimal .topbar{height:75px;min-height:0}.check-grid{gap:10px}.check-card{padding:15px 13px;border-radius:11px}.check-card h2{font-size:9px;letter-spacing:.4px}.check-card .heroart{width:110px;height:100px;margin:9px auto 10px}.reading-value{font-size:36px;letter-spacing:-1px}.reading-value small{font-size:16px;margin-left:3px}.check-card.workout .reading-value{font-size:29px}.check-card .reading-time{font-size:9px;line-height:1.5;margin-top:10px}.workout-length{font-size:23px}}

/* Fit three compact rows in typical laptop windows without clipping content. */
.minimal .shell{width:min(760px,calc(100% - 40px))}
.minimal .topbar{height:64px;min-height:0}
.minimal main{padding-bottom:16px;min-height:0}
.report-date{font:10px/1.5 var(--mono);color:var(--soft);margin:0 0 14px}
.check-grid{gap:12px}
.check-card{padding:15px 20px}
.check-card .heroart{height:clamp(60px,calc((100svh - 464px)/3),108px);width:120px;margin:3px auto 7px}
.reading-body{margin-top:auto;min-height:45px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.reading-value{font-size:44px;line-height:1;letter-spacing:-1.2px;margin:0}
.check-card.workout .reading-value{font-size:35px}
.workout-length{font-size:22px;margin:0}
.workout-length small{font-size:17px}
@media(max-width:600px){
  .minimal .shell{width:calc(100% - 28px)}
  .minimal .topbar{height:62px}
  .report-date{font-size:9px;margin-bottom:12px}
  .check-grid{gap:10px}
  .check-card{padding:13px}
  .check-card .heroart{height:82px;width:100px;margin:5px auto 8px}
  .reading-body{min-height:37px;gap:5px}
  .reading-value{font-size:34px}
  .check-card.workout .reading-value{font-size:28px}
  .workout-length{font-size:20px}
}