* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 Arial, sans-serif; color: #202124; background: #fff; }
main { max-width: 760px; margin: 0 auto; padding: 48px 20px; }
.logo { display: block; text-align: center; font: 700 56px/1 Georgia, serif; color: #4b5563; text-decoration: none; letter-spacing: -.02em; margin-bottom: 26px; }
.logo span { color: #ea580c; }
form { display: flex; border: 1px solid #dfe1e5; border-radius: 24px; padding: 4px 6px 4px 20px; box-shadow: 0 1px 6px rgba(32,33,36,.12); }
form input { flex: 1; border: 0; outline: 0; font: inherit; padding: 8px 0; }
form button { border: 0; background: none; font-size: 20px; cursor: pointer; }
.ops { margin: 14px 4px; color: #4b5563; font-size: 14px; }
.ops summary { cursor: pointer; }
.ops td { padding: 4px 12px 4px 0; }
.ops code { background: #f1f3f4; padding: 1px 6px; border-radius: 4px; }
.count { color: #70757a; font-size: 14px; }
.res { margin: 22px 0; }
.res .url { color: #4d5156; font-size: 13px; }
.res .pdf { background: #b91c1c; color: #fff; font-size: 11px; padding: 0 4px; border-radius: 3px; font-weight: 700; }
.res a { color: #1a0dab; font-size: 19px; text-decoration: none; }
.res a:hover { text-decoration: underline; }
.res p { margin: 3px 0 0; color: #4d5156; font-size: 14px; }
.foot { color: #9aa0a6; font-size: 12px; margin-top: 40px; text-align: center; }