/* The free SEO check. Loads after interior.css and reuses its form fields. */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.checkbar{display:flex;align-items:flex-end;gap:24px;margin-top:30px;width:min(640px,100%)}
.checkbar input{flex:1;min-width:0;appearance:none;padding:8px 0 12px;border:0;border-bottom:1px solid var(--paper);border-radius:0;background:transparent;color:var(--paper);font:clamp(22px,2vw,30px)/1.3 Georgia,'Times New Roman',serif;outline:0}
.checkbar input::placeholder{color:rgba(242,238,227,.4)}
.checkbar input:focus-visible{border-bottom-color:var(--orange);box-shadow:0 1px 0 var(--orange)}
.checkbar input:-webkit-autofill{-webkit-text-fill-color:var(--paper);box-shadow:0 0 0 100px var(--ink) inset;caret-color:var(--paper)}
.checkbar .primary-action,.unlock .primary-action{border:0;cursor:pointer;margin-top:0;font-family:DM,Arial,sans-serif;white-space:nowrap}
.checkbar .primary-action[disabled],.unlock .primary-action[disabled]{opacity:.6;cursor:default}
.check-hint{font:15px/1.5 DM,Arial,sans-serif;color:var(--muted);margin-top:14px}
.check-error{font:16px/1.5 DM,Arial,sans-serif;color:var(--orange);margin-top:14px;max-width:36em}
.working{padding:40px 0;border-top:1px solid var(--line)}
.working p{display:flex;align-items:center;gap:16px;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em}
.pulse{width:12px;height:12px;flex:none;background:var(--orange);animation:pulse 1.1s ease-in-out infinite}
@keyframes pulse{50%{opacity:.2;transform:scale(.7)}}
.check-results{padding-top:50px;border-top:1px solid var(--line);scroll-margin-top:10px}
.scoreband{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:20px 6vw;align-items:center;padding-bottom:50px;border-bottom:1px solid var(--line)}
.score{display:flex;align-items:baseline;gap:14px}
.score strong{font:400 clamp(110px,13vw,230px)/.95 Anton,Impact,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums}
.score.bad strong{color:var(--orange)}
.score span{font:18px/1 DM,Arial,sans-serif;color:var(--muted)}
.grade{font:14px/1.6 DM,Arial,sans-serif;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}
.scoretext h2,.rescap,.unlock h2,.closing h2{font-size:40px;line-height:1.2;font-weight:400;letter-spacing:-.03em}
.scoretext h2{margin-top:6px}
.scoretext>p:not(.grade){font:17px/1.5 DM,Arial,sans-serif;color:var(--muted);margin-top:10px}
.quick{display:flex;flex-wrap:wrap;gap:16px 44px;margin:26px 0 0}
.quick div{margin:0}
.quick dt{font:13px/1.6 DM,Arial,sans-serif;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}
.quick dd{margin:4px 0 0;font-size:24px}
.rescap{padding-top:50px}
.check-items{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}
.check-item{display:grid;grid-template-columns:54px minmax(0,1fr);padding:24px 0 26px;border-bottom:1px solid rgba(242,238,227,.22)}
.check-item:last-child{border-bottom:0}
.mark{color:var(--paper);padding-top:4px}
.check-item.warn .mark{color:var(--muted)}
.check-item.fail .mark{color:var(--orange)}
.check-item.locked{padding:16px 0;align-items:center}
.check-item.locked .mark{color:var(--muted);display:flex}
.check-item h3{margin:0;font-size:24px;line-height:1.3;font-weight:400}
.check-item.locked h3{font-size:21px}
.check-item .state{font:13px/1.6 DM,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-left:12px;vertical-align:2px}
.check-item.fail .state{color:var(--orange)}
.check-item .finding{font-size:19px;line-height:1.5;margin-top:6px;max-width:44em}
.check-item .detail{font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);margin-top:10px;overflow-wrap:anywhere;max-width:60em}
.check-item .why,.check-item .fix{font:16px/1.6 DM,Arial,sans-serif;color:var(--muted);margin-top:16px;max-width:46em}
.check-item .fix{color:var(--paper);padding-left:18px;border-left:2px solid var(--orange)}
.check-item b{display:block;font-weight:400;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.check-item .fix b{color:var(--orange)}
.unlock{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:40px 8vw;padding:55px 0 60px;border-top:1px solid var(--line)}
.unlock-intro p,.closing>p:not(.closing-links){font-size:20px;line-height:1.5;margin-top:18px;max-width:32em}
.unlock-fine{grid-column:1/-1;font:15px/1.5 DM,Arial,sans-serif;color:var(--muted)}
.closing{padding:55px 0 60px;border-top:1px solid var(--line)}
.closing-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px 40px;margin-top:28px}
.closing-links .primary-action{margin-top:0}
.again{padding:0 0 50px}
.again button{background:none;border:0;padding:10px 0;color:var(--muted);font:16px/1.5 DM,Arial,sans-serif;text-decoration:underline;text-underline-offset:6px;cursor:pointer}
.again button:hover{color:var(--orange)}
.check-results+.statement{border-top:1px solid var(--line)}
@media(max-width:760px){.checkbar{display:block;margin-top:22px}.checkbar input{width:100%;font-size:21px}.checkbar .primary-action{margin-top:20px}.working{padding:30px 0}.check-results{padding-top:34px}.scoreband{display:block;padding-bottom:34px}.score strong{font-size:120px}.scoretext{margin-top:18px}.scoretext h2,.rescap,.unlock h2,.closing h2{font-size:32px}.rescap{padding-top:36px}.check-item{grid-template-columns:40px minmax(0,1fr);padding:20px 0 22px}.mark{font-size:25px}.check-item h3{font-size:21px}.check-item.locked h3{font-size:19px}.check-item .state{display:block;margin:2px 0 0}.check-item .finding{font-size:17px}.unlock{display:block;padding:37px 0 40px}.unlock .form{margin-top:30px;padding-top:0;border-top:0}.unlock-intro p,.closing>p:not(.closing-links){font-size:18px}.closing{padding:37px 0 40px}}
@media(prefers-reduced-motion:reduce){.pulse{animation:none}}
[hidden]{display:none!important}
