html { -webkit-text-size-adjust: 100%; }
body { background: #fff; color: #000; font: 16px/1.45 Arial, Helvetica, sans-serif; margin: 8px; }
a:link { color: #0000cc; } a:visited { color: #551a8b; } a:active { color: #ff0000; }
a { text-underline-offset: 2px; }
::selection { background: #0000cc; color: #fff; }
:focus-visible { outline: 1px dotted #000; outline-offset: 2px; }
input[type=text], input[type=email] { font: 16px Arial, sans-serif; padding: 3px 4px; border: 1px solid #7f9db9; max-width: 100%; box-sizing: border-box; caret-color: #0000cc; }
input[type=text]:focus { border-color: #0000cc; outline: none; box-shadow: 0 0 0 1px #0000cc; }
input[type=submit], .btn { font: 14px Arial, sans-serif; color: #000; background: #ece9d8; border: 2px outset #f4f2e8; padding: 4px 10px; cursor: pointer; text-decoration: none; display: inline-block; }
input[type=submit]:active, .btn:active { border-style: inset; }
input[type=submit]:hover, .btn:hover { background: #f4f2e8; }
.btn.big { font-size: 17px; font-weight: bold; padding: 8px 18px; }
button.link { font: inherit; color: #0000cc; text-decoration: underline; background: none; border: 0; padding: 0; cursor: pointer; }
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.small { font-size: 14px; } .copy { font-size: 12px; text-align: center; margin-top: 32px; }

.logo { font-family: Georgia, "Times New Roman", serif; font-weight: bold; text-decoration: none; letter-spacing: -0.03em; text-shadow: 1px 2px 0 rgba(0,0,0,.18), 2px 3px 4px rgba(0,0,0,.25); white-space: nowrap; }
.logo span:nth-child(1), .logo span:nth-child(4), .logo span:nth-child(7) { color: #1c4fc9; } .logo span:nth-child(2), .logo span:nth-child(6), .logo span:nth-child(8) { color: #d1281b; }
.logo span:nth-child(3), .logo span:nth-child(9) { color: #f0b318; } .logo span:nth-child(5), .logo span:nth-child(10) { color: #1d9a35; }

.top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.top .logo { font-size: 32px; margin-right: 6px; }
.top input[name=question] { width: 290px; } .top input[name=site] { width: 170px; }
.bar { background: #e5ecf9; border-top: 1px solid #3366cc; padding: 3px 6px; font-size: 14px; margin: 10px 0 14px; }
.cta { max-width: 640px; border: 1px solid #3366cc; padding: 4px 14px 2px; margin-bottom: 20px; }
.verdict { font-size: 18px; margin: 10px 0 12px; }
.results { list-style: none; padding: 0; max-width: 640px; margin: 0; }
.r { margin: 0 0 16px; } .r .t { color: #0000cc; text-decoration: underline; font-size: 17px; }
.s { font-size: 14px; } .u { color: #008000; font-size: 13px; }
.ok, .bad { font: bold 12px Arial, sans-serif; } .ok { color: #189b28; } .bad { color: #d0210e; }
.err { max-width: 560px; margin-top: 20px; }

@media (max-width: 600px) {
  .top input[name=question], .top input[name=site] { width: 100%; }
  .btn.big { display: block; text-align: center; }
}
.founder { display: flex; gap: 12px; align-items: center; margin: 4px 0 12px; font-size: 15px; }
.founder img { flex: none; border: 1px solid #999; padding: 3px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.2); object-fit: cover; }
.founder p { margin: 0; }