/* ── Career Center styles ── */
        .audition-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 16px;
            margin-top: 16px;
        }
        .audition-card {
            background: var(--paper-warm);
            border: var(--border-sketch);
            box-shadow: var(--shadow-paper);
            border-radius: var(--radius);
            padding: 16px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            cursor: pointer;
            transition: box-shadow 0.15s, transform 0.1s;
        }
        .audition-card:hover {
            box-shadow: var(--shadow-lift);
            transform: translateY(-2px);
        }
        .audition-card-title {
            font-family: var(--font-body); font-weight: 700;
            font-size: 1.1rem;
        }
        .audition-card-project {
            font-family: var(--font-hand);
            font-size: 1rem;
            color: var(--ink-light);
        }
        .audition-card-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            font-family: var(--font-hand);
            font-size: 0.9rem;
        }
        .audition-card-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: auto;
            padding-top: 8px;
            border-top: 1px dashed #ccc;
        }
        .badge-remote {
            background: #d0e8ff;
            color: #1a4a7a;
            border-color: #1a4a7a;
        }
        .badge-paid {
            background: var(--accent-gold-light);
            color: #7a5a00;
            border-color: var(--accent-gold);
        }
        .badge-unpaid {
            background: #f0f0f0;
            color: #666;
            border-color: #bbb;
        }
        .badge-status-submitted { background: #d0e8ff; color: #1a4a7a; }
        .badge-status-viewed    { background: #fff4d0; color: #7a5a00; }
        .badge-status-callback  { background: #d0f0d8; color: #1a5a30; }
        .badge-status-rejected  { background: #f0d0d0; color: #7a1a1a; }
        .badge-status-booked    { background: #1a1a1a; color: #fff; }

        .audition-detail {
            background: var(--paper);
            border: 2px solid var(--ink);
            padding: 20px;
            margin-top: 12px;
            border-radius: var(--radius);
        }
        .audition-detail.hidden { display: none; }

        .apply-form {
            margin-top: 14px;
            border-top: 1px dashed #ccc;
            padding-top: 14px;
        }

        .match-chip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: var(--accent-gold-light);
            border: 1px solid var(--accent-gold);
            border-radius: 20px;
            padding: 3px 10px;
            font-family: var(--font-hand);
            font-size: 0.9rem;
            color: #7a5a00;
        }

        .app-row {
            background: var(--paper-warm);
            border: var(--border-sketch);
            border-radius: var(--radius);
            padding: 14px 18px;
            margin-bottom: 12px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
        }
        .app-row-info {
            font-family: var(--font-hand);
        }
        .app-row-title {
            font-family: var(--font-body); font-weight: 700;
            font-size: 1rem;
            margin-bottom: 4px;
        }

        .guidance-card {
            background: var(--paper-warm);
            border: 2px dashed var(--accent-gold);
            border-radius: var(--radius);
            padding: 20px 24px;
            margin-top: 32px;
        }
        .guidance-result {
            margin-top: 16px;
        }
        .guidance-result ul {
            list-style: none;
            margin-top: 10px;
        }
        .guidance-result li {
            font-family: var(--font-hand);
            font-size: 1.05rem;
            padding: 8px 0;
            border-bottom: 1px dashed #ddd;
            display: flex;
            gap: 10px;
        }
        .guidance-result li::before {
            content: '';
            width: 16px;
            height: 16px;
            background-color: var(--accent-gold);
            -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><polygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/></svg>") no-repeat center / contain;
                    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><polygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/></svg>") no-repeat center / contain;
            flex-shrink: 0;
            display: inline-block;
            margin-right: 6px;
        }

        .ai-match-result {
            background: var(--paper-alt);
            border-left: 3px solid var(--accent-gold);
            padding: 10px 14px;
            margin-bottom: 8px;
            font-family: var(--font-hand);
            font-size: 1rem;
        }
        .ai-match-result .match-pct {
            font-family: var(--font-body); font-weight: 700;
            color: var(--accent-gold);
            font-size: 1.2rem;
        }

        .filter-bar-career {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: flex-end;
            margin-bottom: 16px;
        }
        .filter-bar-career .form-group {
            margin-bottom: 0;
        }
        .filter-bar-career label {
            font-size: 0.8rem;
            display: block;
            margin-bottom: 4px;
            color: var(--ink-faint);
            font-family: var(--font-hand);
        }
        .filter-bar-career select,
        .filter-bar-career input[type=text] {
            min-width: 130px;
        }
        .filter-bar-career .remote-check {
            display: flex;
            align-items: center;
            gap: 6px;
            font-family: var(--font-hand);
            font-size: 1rem;
            padding-bottom: 2px;
        }

        .pagination {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 24px;
        }