/* Upkeep report. Tokens, type, and buttons come from the marketing landing. */

.upkeep main{padding:clamp(36px,6vw,72px) 0 72px}
.upkeep .sheet{max-width:880px}
.upkeep h1{font-size:clamp(34px,5vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:14px 0 0}
.upkeep h2{font-size:clamp(22px,3vw,28px);font-weight:750;letter-spacing:-.03em;margin:0 0 12px}
.upkeep .lede{margin-top:16px;font-size:clamp(16px,2vw,19px);line-height:1.5;color:var(--muted);max-width:62ch}
.upkeep .meta,.upkeep .quiet{color:var(--faint);font-size:13.5px;line-height:1.5}
.upkeep .meta{margin-top:14px}
.upkeep section{margin-top:36px}
.upkeep section p{color:var(--muted);line-height:1.6;margin:0 0 12px;max-width:68ch}
.upkeep section p:last-child{margin-bottom:0}

.upkeep .hdr-link{color:var(--muted);font-weight:600;font-size:14.5px}
.upkeep .hdr-link:hover{color:var(--text)}
.upkeep .hdr-right .btn{padding:10px 14px;font-size:14px}

.scan{margin-top:28px;display:flex;flex-direction:column;gap:8px;max-width:720px}
.scan-label{font-size:13px;font-weight:700}
.scan-row{display:flex;gap:10px;align-items:stretch}
.scan input[type="url"],.share input{
  width:100%;font:inherit;font-size:15px;color:var(--text);background:var(--card);
  border:1px solid var(--line-2);border-radius:12px;padding:14px 16px;
}
.scan input:focus,.share input:focus{outline:2px solid var(--gate);outline-offset:2px}
.scan .btn,.cta .btn{white-space:normal;text-align:center}
.hint{margin-top:8px;color:var(--faint);font-size:13px;line-height:1.5;max-width:68ch}
.form-err{
  margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--bad-soft);
  border:1px solid rgba(224,138,111,.34);color:var(--bad);font-size:14px;line-height:1.5;
}
.hp,.visually-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.point{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 16px 18px}
.point b{display:block;margin-bottom:6px;letter-spacing:-.02em}
.point span{color:var(--muted);font-size:14px;line-height:1.5}

.share{margin-top:22px;max-width:720px}
.share label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}
.share-row{display:flex;gap:10px}
.share input{font-family:var(--mono);font-size:13px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.actions .btn,.share .btn{padding:10px 14px;font-size:14px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 0}
.stats div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px 16px}
.stats dt{color:var(--faint);font-size:12.5px;font-weight:650}
.stats dd{margin:6px 0 0;font-size:28px;font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums}

.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.upkeep table{width:100%;border-collapse:collapse;min-width:560px}
.upkeep th,.upkeep td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.upkeep tr:last-child td{border-bottom:none}
.upkeep th{font-size:12px;font-weight:650;color:var(--faint)}
.upkeep td .quiet,.upkeep td .pill{display:block;margin-top:4px}
.mono{font-family:var(--mono);font-size:13px}
.flags{white-space:nowrap}
.pill{
  display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;
  font-family:var(--head);font-size:11.5px;font-weight:750;letter-spacing:.01em;
}
.pill-bad{color:var(--bad);background:var(--bad-soft)}
.pill-moderate{color:var(--gate);background:var(--gate-soft)}
.pill-muted{color:var(--muted);background:var(--bg);border:1px solid var(--line)}
.pill-high,.pill-critical{color:var(--bad);background:var(--bad-soft)}

.effort-label{font-size:clamp(22px,3vw,30px);font-weight:750;letter-spacing:-.03em;color:var(--text);margin-bottom:8px}
.cta{
  padding:22px;border-radius:20px;background:var(--panel);border:1px solid var(--gate-line);
}
.cta p{margin-bottom:16px}
.notes{margin:28px 0 0;padding:0;list-style:none;color:var(--faint);font-size:13px;line-height:1.55}
.notes li{margin:0 0 6px}

.upkeep-foot{border-top:1px solid var(--line);padding:22px 0 32px}
.foot-in{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.foot-nav{display:flex;gap:14px;margin-left:auto;flex-wrap:wrap}
.foot-nav a{color:var(--muted);font-size:13.5px}
.foot-nav a:hover{color:var(--text)}
.upkeep-foot .brand{font-size:15px}
.upkeep-foot .brand img{width:22px;height:22px}

@media (max-width:800px){
  .points,.stats{grid-template-columns:1fr 1fr}
  .scan-row,.share-row{flex-direction:column}
  .foot-nav{margin-left:0}
  .upkeep .hdr-link{display:none}
  .upkeep .hdr-in{gap:12px}
}
@media (max-width:520px){
  .points,.stats{grid-template-columns:1fr}
}