/* extracted from resources/views/public/jobs/show.blade.php */
:root {
            --brand: #0d2c54; --brand-soft: #102f59; --accent: #1e6bbf;
            --ink: #1a1f2c;   --muted: #6c757d;     --bg: #f6f8fb;
            --line: #e6e9ef;
        }
        body { background: var(--bg); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

        .brand-bar { background: #fff; border-bottom: 1px solid var(--line); padding: 8px 0; }
        .brand-bar .brand-mark { display: inline-flex; align-items: center; text-decoration: none; }
        .brand-bar .brand-mark img { height: 38px; width: auto; display: block; }
        .brand-bar .brand-links a { color: var(--muted); text-decoration: none; font-size: .85rem; margin-left: 18px; font-weight: 500; }
        .brand-bar .brand-links a:hover { color: var(--brand); }

        .hero {
            background: linear-gradient(135deg, var(--brand) 0%, var(--brand-soft) 60%, #15396b 100%);
            color: #fff; padding: 28px 0 40px; position: relative; overflow: hidden;
        }
        .hero::after {
            content: ""; position: absolute; right: -120px; top: -80px;
            width: 320px; height: 320px; border-radius: 50%;
            background: radial-gradient(circle, rgba(79,155,255,.25), transparent 70%);
            pointer-events: none;
        }
        .hero a.back-link { color: rgba(255,255,255,.85); text-decoration: none; font-size: .85rem; }
        .hero a.back-link:hover { color: #fff; }
        .hero h1 { font-size: clamp(1.6rem, 2.8vw, 2.2rem); font-weight: 700; margin: 6px 0 8px; }
        .hero .meta-row { color: rgba(255,255,255,.85); font-size: .9rem; }
        .hero .meta-row .badge-meta {
            display: inline-flex; align-items: center; gap: 4px;
            background: rgba(255,255,255,.14); color: #fff; padding: 3px 10px;
            border-radius: 100px; font-size: .78rem; margin-right: 6px;
        }

        .main-wrap { margin-top: -20px; position: relative; z-index: 2; }

        .card-clean {
            background: #fff; border: 1px solid var(--line); border-radius: 12px;
            box-shadow: 0 4px 24px rgba(13, 44, 84, .06); padding: 24px 26px;
        }
        .jd { font-size: .95rem; line-height: 1.65; color: #2a3140; white-space: pre-wrap; }

        .summary-box {
            background: #fff; border: 1px solid var(--line); border-radius: 12px;
            padding: 18px 20px; box-shadow: 0 4px 24px rgba(13, 44, 84, .06);
        }
        .summary-box .row-label {
            font-size: .72rem; letter-spacing: 1.2px; text-transform: uppercase;
            color: var(--muted); font-weight: 600; margin-bottom: 2px;
        }
        .summary-box .row-val { font-size: .9rem; color: var(--ink); margin-bottom: 12px; }
        .summary-box .row-val:last-child { margin-bottom: 0; }

        .btn-apply-lg {
            background: var(--brand); color: #fff; border: 0; width: 100%;
            padding: 12px 20px; border-radius: 8px; font-weight: 600; font-size: 1rem;
            text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
            transition: background .15s;
        }
        .btn-apply-lg:hover { background: #143a6c; color: #fff; }

        footer.site-footer {
            background: #fff; border-top: 1px solid var(--line);
            padding: 12px 0; margin-top: 28px; text-align: center;
            color: var(--muted); font-size: .78rem;
        }
        footer.site-footer .sep { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: var(--line); margin: 0 8px; vertical-align: middle; }