/* The free website check, /tools/website-check.html (18 October 2026). The form sits in the
   cost calculator's .roi-tool panel so the two tools match; everything here uses the editorial
   tokens only (no new colours). */
.wc-form{display:flex;flex-direction:column;gap:16px}
.wc-form label.wc-label{display:block;font:600 .9rem/1.3 var(--body);margin-bottom:6px}
.wc-form input[type="text"],.wc-form input[type="email"],.wc-form input[type="tel"]{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--wash);color:var(--ink);font:500 1rem var(--body)}
.wc-form input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.wc-form input[aria-invalid="true"]{border-color:color-mix(in oklch,#c77070 70%,var(--panel))}
.wc-tick{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;line-height:1.45}
.wc-tick input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--accent)}
.wc-hint{margin:6px 0 0!important;font-size:.8rem;color:var(--muted)}
.wc-error{margin:0!important;font-weight:600;font-size:.9rem;color:color-mix(in oklch,#c77070 55%,var(--ink))}
.wc-error:empty{display:none}
.wc-small{margin:0!important;font-size:.8rem;color:var(--muted)}
.wc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;position:relative}
.wc-list li{display:flex;gap:10px;align-items:flex-start;color:var(--on-brand-soft)}
.wc-list li b{color:var(--on-brand);display:block}
.wc-list li::before{content:"";flex:none;width:14px;height:14px;margin-top:5px;border-radius:50%;background:var(--signal)}
.wc-panel{margin:0 0 60px;padding:32px 36px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.wc-panel h2{margin-top:0}
.wc-eta{font:600 1.05rem/1.4 var(--body);color:var(--accent);font-variant-numeric:tabular-nums}
.wc-steps{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}
.wc-steps li{display:flex;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}
.wc-steps li::before{content:"";flex:none;width:11px;height:11px;border-radius:50%;background:var(--line)}
.wc-steps li[data-state="running"]{color:var(--ink)}
.wc-steps li[data-state="running"]::before{background:var(--accent);animation:wc-pulse 1s infinite}
.wc-steps li[data-state="done"]::before{background:var(--signal)}
.wc-steps li[data-state="skipped"]::before{background:var(--muted)}
@keyframes wc-pulse{50%{opacity:.35}}
.wc-score{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.wc-ring{--p:0;width:150px;height:150px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--wash) 0)}
.wc-ring>div{width:118px;height:118px;border-radius:50%;background:var(--panel);display:grid;place-items:center;text-align:center}
.wc-ring strong{display:block;font:400 2.6rem/1 var(--display)}
.wc-ring span{font-size:.8rem;color:var(--muted)}
.wc-bars{flex:1;min-width:min(100%,280px);display:grid;gap:10px}
.wc-bar{display:grid;grid-template-columns:minmax(120px,170px) 1fr 56px;gap:10px;align-items:center;font-size:.9rem}
.wc-bar i{display:block;height:10px;border-radius:999px;background:var(--wash);overflow:hidden}
.wc-bar i b{display:block;height:100%;border-radius:999px;background:var(--accent)}
.wc-bar span:last-child{font-variant-numeric:tabular-nums;text-align:right}
.wc-problems{display:grid;gap:12px;margin-top:18px}
.wc-problem{padding:16px 18px;border:1px solid var(--line);border-left:5px solid var(--muted);border-radius:12px}
.wc-problem[data-sev="now"]{border-left-color:color-mix(in oklch,#c77070 80%,var(--ink))}
.wc-problem[data-sev="soon"]{border-left-color:color-mix(in oklch,#d6a24a 80%,var(--ink))}
.wc-problem h3{font:700 1rem/1.35 var(--body)!important;letter-spacing:0!important;margin:0 0 6px!important}
.wc-problem p{margin:0 0 6px!important;color:var(--muted)}
.wc-problem p.wc-do{color:var(--ink)}
.wc-chip{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;font:700 .7rem/1.5 var(--body);border:1px solid var(--line);vertical-align:middle}
.wc-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-top:18px}
.wc-offer{padding:22px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:10px}
.wc-offer.wc-pick{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.wc-offer h3{margin:0!important;font-size:1.25rem!important}
.wc-price{font:400 2rem/1 var(--display)}
.wc-price small{font:500 .85rem var(--body);color:var(--muted)}
.wc-offer p{margin:0!important;color:var(--muted);font-size:.92rem}
.wc-offer .btn{align-self:flex-start}
.wc-fix-form{display:grid;gap:10px}
.wc-done{font-weight:600;color:var(--accent)}
.wc-about{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:24px 0 18px}
.wc-about div{padding:20px;border:1px solid var(--line);border-radius:12px}
.wc-about h3{margin:0 0 8px!important;font-size:1.15rem!important}
.wc-about p{margin:0!important;color:var(--muted);font-size:.92rem}
.wc-rules summary{cursor:pointer;font-weight:600}
.wc-rules ol{color:var(--muted);font-size:.92rem;line-height:1.55}
@media (max-width:540px){.wc-panel{padding:22px 18px}.wc-bar{grid-template-columns:1fr 50px}.wc-bar i{grid-column:1/-1;grid-row:2}}
@media (prefers-reduced-motion:reduce){.wc-steps li[data-state="running"]::before{animation:none}}
/* Full detail, for a signed-in Bots & Pieces address only (19 October 2026). Same tokens and the same
   accent outline as the picked offer, so it reads as part of the results rather than a new world. */
.wc-staff{margin-top:32px;padding:24px 26px;border:1px solid var(--accent);box-shadow:0 0 0 1px var(--accent);border-radius:14px}
.wc-staff-head{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:baseline;justify-content:space-between}
.wc-staff-head h2{margin:0!important}
.wc-staff-chip{padding:3px 11px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font:700 .75rem/1.5 var(--body)}
.wc-staff-lock{margin-top:14px}
.wc-staff-lock[hidden]{display:none}
.wc-staff-sent{margin:0!important}
.wc-staff-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.wc-staff-row>div{flex:0 1 190px}
.wc-staff-row input{font-variant-numeric:tabular-nums;letter-spacing:.2em}
.wc-staff-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin:12px 0 4px}
.wc-staff-actions{display:flex;flex-wrap:wrap;gap:8px}
.wc-staff-sections{display:grid;gap:22px;margin-top:14px}
.wc-staff-sec h3{font:700 1rem/1.35 var(--body)!important;letter-spacing:0!important;margin:0 0 8px!important}
.wc-staff-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.9rem}
.wc-staff-table th,.wc-staff-table td{padding:7px 10px 7px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.wc-staff-table th{width:40%;font-weight:500;color:var(--muted)}
.wc-staff-table td{font-variant-numeric:tabular-nums}
.wc-staff-table td[data-state="bad"]{color:color-mix(in srgb,#d8574a 72%,var(--ink));font-weight:600}
.wc-staff-table td[data-state="good"]{color:var(--accent)}
@media (max-width:540px){.wc-staff{padding:20px 16px}.wc-staff-table th,.wc-staff-table td{display:block;width:auto;padding:4px 0}.wc-staff-table td{border-top:0;padding-bottom:9px}}
/* The site being checked, large at the top of the scan, the results and a bought report (19 October 2026,
   Jacob: people should see at a glance which website it is for). */
.wc-for{margin:0 0 2px!important;font:600 .85rem/1.3 var(--body);color:var(--muted)}
.wc-site{margin:0 0 6px!important;font:400 clamp(1.7rem,4.2vw,2.6rem)/1.1 var(--display)!important;letter-spacing:-.01em;overflow-wrap:anywhere}
/* Screenshots at phone, tablet and computer sizes. */
.wc-looks{margin-top:28px}
.wc-looks h2{margin:0 0 12px!important}
.wc-shots{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;margin:6px 0 10px}
.wc-shots:empty{display:none}
.wc-shot{margin:0;flex:0 1 auto;display:grid;gap:6px;justify-items:center}
.wc-shot img{display:block;height:clamp(160px,28vw,260px);width:auto;max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--wash);object-fit:contain}
.wc-shot figcaption{font-size:.8rem;color:var(--muted)}
#wcPaid .wc-staff-sections{margin-top:18px}
@media (max-width:540px){.wc-shot img{height:150px}}
.wc-staff-meta[hidden]{display:none}