*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,"Times New Roman",serif;color:#222;background:#faf8f4}
a{color:#7a3e12}header.site{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e6e0d6;background:#fff;font-family:system-ui,sans-serif}
.logo{font-weight:700;text-decoration:none;color:#222;font-size:1.15rem}.logo span{color:#b5651d}nav a{margin-left:18px;text-decoration:none;color:#444}
main{max-width:900px;margin:0 auto;padding:24px 20px}.hero{text-align:center;padding:28px 0}.hero h1{font-size:2.3rem;line-height:1.2;margin:.2em 0}.hero p{color:#555;max-width:640px;margin:0 auto 20px}
#search{width:100%;max-width:560px;padding:14px 18px;font-size:1rem;border:1px solid #d4cbbd;border-radius:999px}
.filters{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.filters button{font:14px system-ui,sans-serif;padding:7px 14px;border:1px solid #d4cbbd;border-radius:999px;background:#fff;cursor:pointer}.filters button.on{background:#222;color:#fff;border-color:#222}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{display:block;background:#fff;border:1px solid #e6e0d6;border-radius:12px;padding:18px;text-decoration:none;color:#222;transition:.15s}.card:hover{border-color:#b5651d;transform:translateY(-2px)}
.card h2{font-size:1.15rem;margin:.4em 0}.card p{font-size:.9rem;color:#666;margin:0}.tag{font:12px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#b5651d}
.q h1{font-size:2.1rem;line-height:1.2}.crumb{font:14px system-ui,sans-serif}.answer{background:#fff;border-left:4px solid #b5651d;padding:6px 22px;border-radius:6px}
.obj{background:#fff;border:1px solid #e6e0d6;border-radius:10px;padding:14px 18px;margin:12px 0}.obj h3{font-size:1.02rem;margin:0 0 6px}.obj p{margin:0}.obj span{display:block;font:11px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#999}.obj p span{color:#2e7d4f}
.res li{margin:6px 0}.newsletter{margin:40px 0 10px;background:#222;color:#eee;border-radius:14px;padding:24px;text-align:center}.newsletter form{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.newsletter input{padding:11px 14px;border-radius:8px;border:0;min-width:240px}.newsletter button{padding:11px 18px;border:0;border-radius:8px;background:#b5651d;color:#fff;cursor:pointer}.note{width:100%}
footer{text-align:center;font:13px system-ui,sans-serif;color:#888;padding:30px}
@media(max-width:600px){.hero h1{font-size:1.7rem}.q h1{font-size:1.6rem}body{font-size:16px}}
[hidden]{display:none!important}.count{font:13px system-ui,sans-serif;color:#888;margin:10px 0 0}.empty{text-align:center;padding:30px;color:#666}.hsearch input{padding:7px 12px;border:1px solid #d4cbbd;border-radius:999px;font-size:14px;width:170px}@media(max-width:600px){header.site{flex-wrap:wrap;gap:8px}.hsearch input{width:100%}}
.obj .more{display:inline-block;margin-top:8px;font:14px system-ui,sans-serif;font-weight:600;text-decoration:none}.res .why{margin:2px 0 10px;font-size:.92rem;color:#555}.small{font:13px system-ui,sans-serif;color:#777}
.links{padding-left:20px}.links li{margin:6px 0}.claim{background:#f3eee6;border-radius:8px;padding:6px 22px;margin:16px 0}.long h2{margin-top:1.6em}.objpage .tag a{color:#b5651d}
.browse{text-align:center;font:15px system-ui,sans-serif;margin:24px 0}.osech{font:600 1rem system-ui,sans-serif;color:#666;margin:28px 0 12px}.ocard{border-style:dashed}
