body.findly { background: #fff; }
.f-logo { font-size: 3.4rem; font-weight: 700; letter-spacing: -0.04em; color: #1f2a44; text-decoration: none; }
.f-logo.small { font-size: 1.6rem; }
.f-mark { color: #2f6fed; }
.f-home { min-height: 72vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; padding: 16px; }
.f-box { display: flex; width: min(640px, 100%); border: 1px solid #d5d8de; border-radius: 999px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.08); background: #fff; }
.f-box input { flex: 1; border: 0; padding: 14px 22px; font-size: 1.05rem; outline: none; background: transparent; }
.f-box button { border: 0; background: #2f6fed; color: #fff; padding: 0 22px; font-weight: 600; cursor: pointer; }
.f-box.inline { width: min(600px, 100%); box-shadow: none; }
.f-box.inline input { padding: 9px 18px; font-size: 0.98rem; }
.f-try a { color: #2f6fed; text-decoration: none; }
.f-bar { display: flex; align-items: center; gap: 28px; padding: 14px 24px; border-bottom: 1px solid #eee; }
.f-tabs { display: flex; gap: 20px; padding: 10px 24px 0 184px; border-bottom: 1px solid #eee; font-size: 0.9rem; }
.f-tabs a { text-decoration: none; color: #555; padding: 6px 2px 10px; border-bottom: 3px solid transparent; }
.f-tabs a.active { color: #2f6fed; border-color: #2f6fed; }
.f-results { display: grid; grid-template-columns: minmax(0, 660px) 360px; gap: 40px; padding: 18px 0 40px; margin-left: 160px; width: auto; }
.f-result { margin: 0 0 24px; }
.f-site { font-size: 0.82rem; color: #4b5563; }
.f-result h3 { font-size: 1.2rem; font-weight: 500; margin: 2px 0 4px; }
.f-result h3 a { color: #1a0dab; text-decoration: none; }
.f-result h3 a:hover { text-decoration: underline; }
.f-result p { color: #3c3c3c; font-size: 0.92rem; }
.knowledge-panel { border: 1px solid #e3e3e3; border-radius: 12px; padding: 18px; align-self: start; }
.knowledge-panel img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 8px; margin-bottom: 12px; }
.knowledge-panel h2 { font-size: 1.5rem; }
.knowledge-panel dl { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; font-size: 0.88rem; margin: 10px 0; }
.knowledge-panel dt { color: #666; }
.knowledge-panel dd { margin: 0; }
.f-links { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.f-links a { font-size: 0.85rem; padding: 0.3em 0.8em; border: 1px solid #d9d9d9; border-radius: 999px; text-decoration: none; color: #1f2a44; }
.f-images { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.f-img { text-decoration: none; color: #333; font-size: 0.8rem; }
.f-img img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 8px; margin-bottom: 4px; }
@media (max-width: 960px) { .f-results { grid-template-columns: 1fr; margin-left: 0; width: min(1120px, 100% - 32px); } .f-tabs { padding-left: 24px; } .knowledge-panel { order: -1; } }