/* /basics/: the homepage basics check. Reuses .page-head, .fld, .send, .alert, .case-btn and the tokens from style.css. */
.bs{padding-bottom:var(--sec);display:grid;gap:var(--head);grid-template-columns:minmax(0,880px)}
.bs-form{display:grid;gap:18px;padding:24px;border:2px solid var(--ink);background:var(--paper-3);box-shadow:6px 6px 0 var(--ink)}
.bs-form .err{margin-top:0}
.bs-fine{margin:0;font-size:.9375rem;line-height:1.5;color:var(--ink-soft)}
.bs-fine a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.bs-out{display:grid;gap:28px;outline:0}
.bs-out[hidden]{display:none!important}
.bs-sum{display:grid;gap:10px;padding:24px;border:2px solid var(--ink);background:var(--blue)}
.bs-score{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px}
.bs-big{font:700 clamp(56px,10vw,96px)/.95 var(--display);letter-spacing:-.05em}
.bs-of{font:700 clamp(20px,2.4vw,28px)/1.2 var(--display);letter-spacing:-.02em}
.bs-lead{margin:0;font:500 1.125rem/1.45 var(--body)}
.bs-group{display:grid;gap:14px}
.bs-group h2{margin:0;padding-bottom:10px;border-bottom:1.5px solid var(--ink);font:700 clamp(22px,2.6vw,30px)/1.1 var(--display);letter-spacing:-.03em}
.bs-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bs-check{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;padding:18px 20px;border:2px solid var(--ink);background:var(--paper-3)}
.bs-mark{position:relative;width:32px;height:32px;margin-top:2px;border:2px solid var(--ink);border-radius:50%}
.bs-mark::before{content:'';position:absolute;left:50%;top:50%;width:12px;height:7px;margin:-6px 0 0 -6px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg) translate(1px,-1px)}
.bs-ok .bs-mark{background:var(--green)}
.bs-fix .bs-mark{background:var(--orange)}
.bs-fix .bs-mark::before{width:3px;height:12px;margin:-8px 0 0 -1.5px;border:0;background:var(--ink);transform:none;box-shadow:0 15px 0 -.5px var(--ink)}
.bs-note .bs-mark{background:var(--paper-2)}
.bs-note .bs-mark::before{width:3px;height:10px;margin:-3px 0 0 -1.5px;border:0;background:var(--ink);transform:none;box-shadow:0 -8px 0 0 var(--ink)}
.bs-body{display:grid;gap:6px;min-width:0}
.bs-body p{margin:0}
.bs-label{font:700 1.125rem/1.3 var(--body);overflow-wrap:anywhere}
.bs-state{display:inline;margin-right:4px;font:700 .8125rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.bs-fix .bs-state{color:var(--err)}
.bs-found{font:400 1rem/1.45 var(--body);overflow-wrap:anywhere}
.bs-share{font:400 .9375rem/1.4 var(--body);color:var(--ink-soft)}
.bs-more{margin-top:4px}
.bs-more summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font:700 1rem/1.25 var(--body)}
.bs-more summary:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.bs-more p{margin:8px 0 0;font:400 1rem/1.5 var(--body);color:var(--ink-soft)}
.bs-more p strong{color:var(--ink)}
.bs-cta{display:grid;gap:14px;padding:24px;border:2px solid var(--ink);background:var(--paper-2)}
.bs-cta h2{margin:0;font:700 clamp(22px,2.6vw,30px)/1.1 var(--display);letter-spacing:-.03em}
.bs-acts{margin:0;display:flex;flex-wrap:wrap;gap:14px}
.bs-how{padding-bottom:var(--sec);display:grid;gap:var(--head)}
.bs-how h2{margin:0;padding-bottom:12px;border-bottom:1.5px solid var(--ink);font:700 clamp(28px,4vw,48px)/.95 var(--display);letter-spacing:-.04em}
.bs-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px}
.bs-cols h3{margin:0 0 8px;font:700 clamp(18px,1.8vw,22px)/1.15 var(--display);letter-spacing:-.02em}
.bs-cols p{margin:0;font:400 1.0625rem/1.55 var(--body);color:var(--ink-soft)}
.bs-cols a{text-decoration:underline;text-underline-offset:3px;color:var(--ink);font-weight:650}
@media(max-width:959px){.bs-cols{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.bs-form,.bs-sum,.bs-cta{padding:20px}.bs-check{grid-template-columns:32px minmax(0,1fr);padding:16px 16px;gap:12px}.bs-mark{width:28px;height:28px}}