/* Extracted from site/find.html on 2026-04-14 */

.wrap { max-width: 540px; margin: 0 auto; padding: 48px 24px 80px; }
        h1 { font-size: 28px; font-weight: 800; margin-bottom: 4px; }
        .sub { color: var(--text-secondary); margin-bottom: 28px; font-size: 15px; }
        .search-box { position: relative; margin-bottom: 24px; }
        .search-box input { width: 100%; padding: 14px 16px; border: 2px solid var(--border); border-radius: 12px;
            font-size: 16px; outline: none; box-sizing: border-box; }
        .search-box input:focus { border-color: var(--accent); }
        .results { min-height: 100px; }
        .org-result { padding: 16px; border: 1.5px solid var(--border); border-radius: 10px; margin-bottom: 10px;
            cursor: pointer; transition: border-color 0.15s; }
        .org-result:hover { border-color: var(--accent); }
        .org-result .name { font-weight: 700; font-size: 16px; margin-bottom: 2px; }
        .org-result .meta { font-size: 13px; color: var(--text-muted); }

        .campaign-list { margin-top: 16px; }
        .campaign-item { padding: 12px 16px; border: 1.5px solid var(--border); border-radius: 10px; margin-bottom: 8px;
            cursor: pointer; transition: border-color 0.15s; }
        .campaign-item:hover { border-color: var(--accent); }
        .campaign-item .name { font-weight: 600; font-size: 15px; }
        .campaign-item .meta { font-size: 12px; color: var(--text-muted); }

        .fundraiser-list { margin-top: 16px; }
        .fundraiser-item { padding: 12px 16px; border: 1.5px solid var(--border); border-radius: 10px; margin-bottom: 8px;
            display: flex; justify-content: space-between; align-items: center; }
        .fundraiser-item .name { font-weight: 600; font-size: 15px; }
        .fundraiser-item .code { font-size: 12px; color: var(--text-muted); font-family: monospace; }
        .fundraiser-item a { font-size: 13px; color: var(--accent); text-decoration: none; font-weight: 600;
            padding: 6px 12px; border: 1.5px solid var(--accent); border-radius: 8px; white-space: nowrap; }
        .fundraiser-item a:hover { background: var(--accent); color: white; }

        .back-btn { display: inline-block; font-size: 13px; color: var(--text-muted); cursor: pointer;
            margin-bottom: 12px; text-decoration: none; }
        .back-btn:hover { color: var(--accent); }

        .empty { text-align: center; padding: 32px 16px; color: var(--text-muted); font-size: 14px; }
        .loading { text-align: center; padding: 32px; color: var(--text-muted); }