html,body{color:#2c2c2c;background:#f7f7f7;margin:0;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.6}a{color:#2c2c2c;text-decoration:none;transition:color .2s}a:hover{color:#666}.top{color:#2c2c2c;background:#f7f7f7;border-bottom:1px solid #e0e0e0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:96px;padding:16px 24px;font-size:14px;font-weight:400;display:grid;position:-webkit-sticky;position:sticky;top:0}.nav-left{align-items:center;gap:24px;display:flex}.nav-center{justify-content:center;align-items:center;display:flex}.nav-right{justify-content:flex-end;align-items:center;display:flex}.logo-link{align-items:center;text-decoration:none;display:flex}.logo{object-fit:contain;width:auto;max-width:320px;height:64px;transition:opacity .2s}.logo:hover{opacity:.8}@media (min-width:1200px){.logo{max-width:360px;height:72px}.top{min-height:104px}}@media (max-width:1024px) and (min-width:641px){.logo{max-width:280px;height:56px}}@media (max-width:640px){.logo{max-width:200px;height:40px}}.container{color:#2c2c2c;background:#f7f7f7;max-width:800px;min-height:calc(100vh - 80px);margin:0 auto;padding:32px 24px}.item{border-bottom:1px solid #e8e8e8;align-items:flex-start;gap:16px;padding:20px 0;display:flex}.item:last-child{border-bottom:none}.score{text-align:center;color:#888;width:48px;padding-top:2px;font-size:14px;font-weight:500}.title{color:#2c2c2c;font-size:16px;font-weight:500;line-height:1.4}.meta{color:#888;margin-top:4px;font-size:13px;line-height:1.3}.btn{cursor:pointer;color:#2c2c2c;background:#f7f7f7;border:1px solid #d0d0d0;border-radius:4px;padding:8px 16px;font-family:inherit;font-size:13px;transition:all .2s}.btn:hover:not(:disabled){background:#e8e8e8;border-color:silver}.btn:disabled{opacity:.5;cursor:not-allowed}pre{white-space:pre-wrap;color:#2c2c2c;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;margin:16px 0;padding:20px;font-family:Courier New,monospace;font-size:14px;line-height:1.5}textarea,input{color:#2c2c2c;background:#f7f7f7;border:1px solid #d0d0d0;border-radius:4px;width:100%;margin:8px 0;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}textarea:focus,input:focus{border-color:#888;outline:none}label{color:#2c2c2c;margin:12px 0;font-size:14px;display:block}h1{color:#2c2c2c;margin:0 0 16px;font-size:28px;font-weight:400;line-height:1.3}h2{color:#2c2c2c;margin:24px 0 16px;font-size:22px;font-weight:400;line-height:1.3}h3{color:#2c2c2c;margin:20px 0 12px;font-size:18px;font-weight:400;line-height:1.3}h4{color:#2c2c2c;margin:16px 0 8px;font-size:16px;font-weight:500;line-height:1.3}p{margin:12px 0;line-height:1.6}.search-form{align-items:center;margin-left:0;display:flex;position:relative}.search-input{box-sizing:border-box!important;background:#fff!important;border:2px solid #d0d0d0!important;border-radius:8px!important;width:280px!important;height:40px!important;padding:8px 16px!important;font-size:14px!important;font-weight:500!important;transition:all .3s!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.search-input:focus{border-color:#007acc!important;outline:none!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px rgba(0,122,204,.2)!important}.search-input::placeholder{color:#666!important;font-style:italic!important}@media (max-width:640px){.search-input{width:200px!important;height:36px!important;padding:6px 12px!important;font-size:13px!important}.top{gap:16px;min-height:80px;padding:12px 16px}.nav-left{gap:16px}.container{padding:20px 16px}.item{gap:12px;padding:16px 0}.score{width:40px;font-size:13px}h1{font-size:24px}h2{font-size:20px}}
