.mwf-pseo-wrap {
        max-width: 800px;
        margin: 0 auto;
        padding: 2rem 1.5rem;
    }
    .mwf-pseo-breadcrumb {
        font-size: 0.8rem;
        color: #8b949e;
        margin-bottom: 1.5rem;
    }
    .mwf-pseo-breadcrumb a {
        color: #58a6ff;
        text-decoration: none;
    }
    .mwf-pseo-breadcrumb a:hover {
        text-decoration: underline;
    }
    .mwf-pseo-breadcrumb .sep {
        margin: 0 0.4rem;
        color: #484f58;
    }
    .mwf-pseo-h1 {
        font-size: 2rem;
        font-weight: 700;
        color: #e6edf3;
        line-height: 1.3;
        margin: 0 0 1.5rem;
        font-family: 'DM Sans', sans-serif;
    }
    .mwf-pseo-card {
        background: #161b22;
        border: 1px solid #30363d;
        border-radius: 8px;
        padding: 1.25rem 1.5rem;
        margin-bottom: 1.5rem;
    }
    .mwf-pseo-card__title {
        font-size: 0.8rem;
        font-weight: 600;
        color: #8b949e;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin: 0 0 0.75rem;
    }
    .mwf-pseo-meta-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 0.75rem;
    }
    .mwf-pseo-meta-item {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
    }
    .mwf-pseo-meta-label {
        font-size: 0.75rem;
        color: #8b949e;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }
    .mwf-pseo-meta-value {
        font-size: 1rem;
        color: #e6edf3;
        font-family: 'JetBrains Mono', monospace;
    }

    /* Speed Score Badge */
    .mwf-score {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        font-family: 'JetBrains Mono', monospace;
        font-weight: 700;
        font-size: 1.5rem;
        padding: 0.5rem 1rem;
        border-radius: 8px;
        margin-bottom: 1rem;
    }
    .mwf-score--a { background: rgba(16,185,129,0.15); color: #10b981; border: 1px solid rgba(16,185,129,0.3); }
    .mwf-score--b { background: rgba(52,211,153,0.15); color: #34d399; border: 1px solid rgba(52,211,153,0.3); }
    .mwf-score--c { background: rgba(245,158,11,0.15); color: #f59e0b; border: 1px solid rgba(245,158,11,0.3); }
    .mwf-score--d { background: rgba(249,115,22,0.15); color: #f97316; border: 1px solid rgba(249,115,22,0.3); }
    .mwf-score--f { background: rgba(239,68,68,0.15); color: #ef4444; border: 1px solid rgba(239,68,68,0.3); }
    .mwf-score--ungraded { background: rgba(139,148,158,0.1); color: #8b949e; border: 1px solid rgba(139,148,158,0.3); font-size: 1rem; }
    .mwf-request-bench { display: inline-flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; padding: 0.4rem 0.8rem; font-size: 0.8rem; color: #58a6ff; background: rgba(88,166,255,0.08); border: 1px solid rgba(88,166,255,0.2); border-radius: 6px; text-decoration: none; transition: border-color 0.2s; }
    .mwf-request-bench:hover { border-color: #58a6ff; color: #58a6ff; }

    /* Scoring methodology */
    .mwf-scoring-info { margin-top: 0.75rem; }
    .mwf-scoring-info summary { font-size: 0.8rem; color: #58a6ff; cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 0.3rem; }
    .mwf-scoring-info summary::-webkit-details-marker { display: none; }
    .mwf-scoring-info summary::before { content: '?'; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #58a6ff; font-size: 0.65rem; font-weight: 700; }
    .mwf-scoring-info[open] summary { margin-bottom: 0.75rem; }
    .mwf-scoring-info .mwf-scoring-body { background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 1.25rem 1.5rem; font-size: 0.85rem; color: #8b949e; line-height: 1.6; }
    .mwf-scoring-body h3 { color: #e6edf3; font-size: 0.9rem; margin: 0 0 0.5rem; font-family: 'DM Sans', sans-serif; }
    .mwf-scoring-body p { margin: 0 0 0.75rem; }
    .mwf-scoring-body p:last-child { margin-bottom: 0; }
    .mwf-grade-table { width: 100%; border-collapse: collapse; margin: 0.75rem 0; font-size: 0.8rem; }
    .mwf-grade-table th { text-align: left; color: #8b949e; font-weight: 600; padding: 0.4rem 0.75rem; border-bottom: 1px solid #30363d; }
    .mwf-grade-table td { padding: 0.35rem 0.75rem; border-bottom: 1px solid #21262d; }
    .mwf-grade-table td:first-child { font-family: 'JetBrains Mono', monospace; font-weight: 700; }

    /* Multi-Context Benchmark Card */
    .mwf-bench-card {
        background: #161b22;
        border: 1px solid #30363d;
        border-radius: 8px;
        padding: 1.25rem 1.5rem;
        margin-bottom: 1.5rem;
        position: relative;
    }
    .mwf-bench-card__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
    }
    .mwf-bench-card__title {
        font-size: 0.8rem;
        font-weight: 600;
        color: #10b981;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin: 0;
    }
    .mwf-bench-card__date {
        font-size: 0.75rem;
        color: #8b949e;
    }
    .mwf-bench-card__link {
        font-size: 0.75rem;
        color: #58a6ff;
        text-decoration: none;
    }
    .mwf-bench-card__link:hover { text-decoration: underline; }

    /* Context table layout */
    .mwf-bench-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 0.75rem;
    }
    .mwf-bench-table th {
        text-align: left;
        color: #8b949e;
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        padding: 0.5rem 0.6rem;
        border-bottom: 1px solid #30363d;
    }
    .mwf-bench-table th:not(:first-child) {
        text-align: center;
    }
    .mwf-bench-table td {
        padding: 0.6rem;
        border-bottom: 1px solid #21262d;
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.9rem;
        color: #e6edf3;
    }
    .mwf-bench-table td:first-child {
        font-family: 'DM Sans', sans-serif;
        font-weight: 600;
        font-size: 0.85rem;
        color: #c9d1d9;
        white-space: nowrap;
    }
    .mwf-bench-table td:not(:first-child) {
        text-align: center;
    }
    .mwf-bench-table .mwf-bench-ctx-icon {
        display: inline-block;
        width: 16px;
        margin-right: 0.35rem;
        vertical-align: -2px;
        opacity: 0.7;
    }
    .mwf-bench-table tr:last-child td {
        border-bottom: none;
    }
    .mwf-bench-pending {
        color: #484f58;
        font-style: italic;
        font-family: 'DM Sans', sans-serif;
        font-size: 0.8rem;
    }
    .mwf-bench-pending-row td {
        color: #484f58;
    }
    .mwf-bench-val--good { color: #10b981; }
    .mwf-bench-val--moderate { color: #f59e0b; }
    .mwf-bench-val--bad { color: #ef4444; }

    .mwf-bench-impact {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.25rem 0.75rem;
        border-radius: 9999px;
        font-size: 0.8rem;
        font-weight: 600;
    }
    .mwf-bench-impact--low {
        background: rgba(16,185,129,0.15);
        color: #10b981;
        border: 1px solid rgba(16,185,129,0.3);
    }
    .mwf-bench-impact--moderate {
        background: rgba(245,158,11,0.15);
        color: #f59e0b;
        border: 1px solid rgba(245,158,11,0.3);
    }
    .mwf-bench-impact--high {
        background: rgba(239,68,68,0.15);
        color: #ef4444;
        border: 1px solid rgba(239,68,68,0.3);
    }
    .mwf-bench-verified {
        color: #10b981;
        font-size: 0.75rem;
        margin-left: 0.25rem;
    }
    .mwf-bench-note {
        font-size: 0.75rem;
        color: #8b949e;
        margin-top: 0.5rem;
        line-height: 1.4;
    }
    /* Benchmark failure / status card ------------------------------ */
    .mwf-bench-status {
        position: relative;
        border-left: 4px solid currentColor;
        overflow: hidden;
    }
    .mwf-bench-status--critical { color: #ef4444; }
    .mwf-bench-status--warning  { color: #f59e0b; }
    .mwf-bench-status--info     { color: #58a6ff; }

    /* Critical + warning get loud — tinted gradient, thick rail, hazard
       stripe at top. Info stays the calm, informational variant for cases
       like "Requires WooCommerce" where the plugin isn't broken, just
       outside our sandbox. */
    .mwf-bench-status--critical,
    .mwf-bench-status--warning {
        border-left-width: 6px;
        background:
            linear-gradient(180deg,
                rgba(239,68,68,0.10) 0%,
                rgba(239,68,68,0.04) 35%,
                rgba(13,17,23,0) 100%),
            #0d1117;
        box-shadow:
            0 0 0 1px rgba(239,68,68,0.35) inset,
            0 12px 32px -16px rgba(239,68,68,0.45);
    }
    .mwf-bench-status--warning {
        background:
            linear-gradient(180deg,
                rgba(245,158,11,0.10) 0%,
                rgba(245,158,11,0.04) 35%,
                rgba(13,17,23,0) 100%),
            #0d1117;
        box-shadow:
            0 0 0 1px rgba(245,158,11,0.35) inset,
            0 12px 32px -16px rgba(245,158,11,0.4);
    }
    /* Hazard stripe — diagonal warning bars at the top edge. Drawn as a
       repeating-linear-gradient so no extra DOM is needed. */
    .mwf-bench-status--critical::before,
    .mwf-bench-status--warning::before {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 6px;
        background: repeating-linear-gradient(
            -45deg,
            currentColor 0 12px,
            #0d1117    12px 24px
        );
        opacity: 0.75;
    }

    /* Verdict row — the giant "INSTALL FAILED" verdict that anchors the
       card. Only rendered when $presentation['verdict'] is set. */
    .mwf-bench-status__verdict-row {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        margin: 0.5rem 0 1.1rem;
    }
    .mwf-bench-status__verdict-icon {
        font-size: 1.6rem;
        line-height: 1;
        filter: drop-shadow(0 0 6px rgba(239,68,68,0.35));
    }
    .mwf-bench-status--warning .mwf-bench-status__verdict-icon {
        filter: drop-shadow(0 0 6px rgba(245,158,11,0.4));
    }
    .mwf-bench-status__verdict {
        font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
        font-size: clamp(1.5rem, 3.4vw, 2.1rem);
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: currentColor;
        line-height: 1.05;
        text-shadow: 0 0 24px rgba(239,68,68,0.25);
    }
    .mwf-bench-status--warning .mwf-bench-status__verdict {
        text-shadow: 0 0 24px rgba(245,158,11,0.25);
    }

    .mwf-bench-status__body {
        margin-top: 0.75rem;
        color: #e6edf3;
    }
    .mwf-bench-status__heading {
        font-size: 1.05rem;
        font-weight: 600;
        margin-bottom: 0.75rem;
        color: #e6edf3;
        line-height: 1.35;
        text-wrap: balance;
    }
    /* When a verdict block is present above the body, the heading becomes
       the subtitle — push its weight slightly so it doesn't compete. */
    .mwf-bench-status--critical .mwf-bench-status__verdict-row + .mwf-bench-card__header + .mwf-bench-status__body .mwf-bench-status__heading,
    .mwf-bench-status--warning .mwf-bench-status__verdict-row + .mwf-bench-card__header + .mwf-bench-status__body .mwf-bench-status__heading {
        color: #c9d1d9;
        font-weight: 500;
        font-size: 1rem;
        letter-spacing: 0.005em;
    }
    .mwf-bench-status__icon {
        display: inline-block;
        margin-right: 0.45rem;
    }
    /* Reason chip — surfaces the specific failure reason as its own
       monospace block instead of buried italic. */
    .mwf-bench-status__reason {
        display: flex;
        align-items: baseline;
        gap: 0.6rem;
        flex-wrap: wrap;
        padding: 0.75rem 0.95rem;
        margin: 0 0 1rem;
        background: rgba(13,17,23,0.6);
        border: 1px solid rgba(239,68,68,0.35);
        border-radius: 8px;
        font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
        font-size: 0.95rem;
        line-height: 1.45;
        color: #f0d6d6;
    }
    .mwf-bench-status--warning .mwf-bench-status__reason {
        border-color: rgba(245,158,11,0.35);
        color: #f0e1c2;
    }
    .mwf-bench-status__reason-label {
        display: inline-block;
        padding: 0.22rem 0.6rem;
        background: #ef4444;
        color: #0d1117;
        border-radius: 4px;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        flex-shrink: 0;
    }
    .mwf-bench-status--warning .mwf-bench-status__reason-label {
        background: #f59e0b;
    }
    .mwf-bench-status__text {
        color: #c9d1d9;
        font-size: 0.95rem;
        line-height: 1.6;
        margin: 0;
        max-width: 62ch;
        text-wrap: pretty;
    }
    .mwf-bench-status__text strong {
        color: #e6edf3;
    }
    .mwf-bench-status__text code {
        background: rgba(139,148,158,0.15);
        padding: 0.1em 0.35em;
        border-radius: 3px;
        font-size: 0.85em;
    }
    @media (max-width: 600px) {
        .mwf-bench-status__verdict {
            font-size: 1.5rem;
        }
        .mwf-bench-status__reason {
            font-size: 0.9rem;
        }
    }
    @media (max-width: 600px) {
        .mwf-bench-table th,
        .mwf-bench-table td {
            padding: 0.4rem 0.35rem;
            font-size: 0.8rem;
        }
        .mwf-bench-table td:first-child {
            font-size: 0.78rem;
        }
    }

    /* Benchmark Failure Card */
    .mwf-bench-failure {
        background: rgba(239,68,68,0.08);
        border: 1px solid rgba(239,68,68,0.3);
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        margin: 1.5rem 0;
    }
    .mwf-bench-failure__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.75rem;
    }
    .mwf-bench-failure__title {
        font-weight: 700;
        font-size: 1rem;
        color: #ef4444;
    }
    .mwf-bench-failure__reason {
        color: #e6edf3;
        font-size: 0.95rem;
        line-height: 1.5;
    }
    .mwf-bench-failure__badge {
        display: inline-block;
        padding: 0.2rem 0.75rem;
        border-radius: 9999px;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        background: rgba(239,68,68,0.15);
        color: #ef4444;
        border: 1px solid rgba(239,68,68,0.3);
    }

    /* Severity Badge */
    .mwf-severity {
        display: inline-block;
        padding: 0.2rem 0.75rem;
        border-radius: 9999px;
        font-size: 0.8rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        margin-bottom: 1rem;
    }
    .mwf-severity--critical { background: rgba(239,68,68,0.15); color: #ef4444; border: 1px solid rgba(239,68,68,0.3); }
    .mwf-severity--warning { background: rgba(245,158,11,0.15); color: #f59e0b; border: 1px solid rgba(245,158,11,0.3); }
    .mwf-severity--notice { background: rgba(59,130,246,0.15); color: #3b82f6; border: 1px solid rgba(59,130,246,0.3); }

    /* Winner Badge */
    .mwf-winner {
        display: inline-block;
        padding: 0.15rem 0.6rem;
        border-radius: 9999px;
        font-size: 0.75rem;
        font-weight: 600;
        background: rgba(16,185,129,0.15);
        color: #10b981;
        border: 1px solid rgba(16,185,129,0.3);
    }

    /* Tables */
    .mwf-pseo-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.9rem;
        margin-bottom: 1.5rem;
    }
    .mwf-pseo-table thead th {
        text-align: left;
        padding: 0.6rem 0.75rem;
        border-bottom: 2px solid #30363d;
        color: #8b949e;
        font-weight: 600;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
    .mwf-pseo-table tbody td {
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid #21262d;
        color: #e6edf3;
    }
    .mwf-pseo-table tbody tr:hover {
        background: rgba(16,185,129,0.04);
    }

    /* Section headings */
    .mwf-pseo-section {
        margin-top: 2.5rem;
        margin-bottom: 1rem;
    }
    .mwf-pseo-section h2 {
        font-size: 1.4rem;
        color: #e6edf3;
        margin: 0 0 0.75rem;
        font-family: 'DM Sans', sans-serif;
    }

    /* Content body */
    .mwf-pseo-body {
        line-height: 1.7;
        color: #c9d1d9;
    }
    .mwf-pseo-body h2 { font-size: 1.4rem; color: #e6edf3; margin-top: 2rem; }
    .mwf-pseo-body h3 { font-size: 1.15rem; color: #e6edf3; margin-top: 1.5rem; }
    .mwf-pseo-body p { margin-bottom: 1rem; }
    .mwf-pseo-body ul, .mwf-pseo-body ol { padding-left: 1.5rem; margin-bottom: 1rem; }
    .mwf-pseo-body li { margin-bottom: 0.4rem; }
    .mwf-pseo-body code {
        background: #161b22;
        padding: 0.15rem 0.4rem;
        border-radius: 3px;
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.85em;
        color: #f0883e;
    }

    /* Info box */
    .mwf-pseo-infobox {
        background: #161b22;
        border-left: 3px solid #58a6ff;
        padding: 1rem 1.25rem;
        border-radius: 0 6px 6px 0;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
        color: #c9d1d9;
    }

    /* FAQ accordion */
    .mwf-pseo-faq { margin-top: 2.5rem; }
    .mwf-pseo-faq__title {
        font-size: 1.4rem;
        color: #e6edf3;
        margin-bottom: 1rem;
        font-family: 'DM Sans', sans-serif;
    }
    .mwf-pseo-faq details {
        border: 1px solid #21262d;
        border-radius: 6px;
        margin-bottom: 0.5rem;
        background: #161b22;
    }
    .mwf-pseo-faq summary {
        padding: 0.75rem 1rem;
        cursor: pointer;
        color: #e6edf3;
        font-weight: 600;
        font-size: 0.95rem;
    }
    .mwf-pseo-faq summary:hover { background: rgba(16,185,129,0.04); }
    .mwf-pseo-faq .mwf-pseo-faq__answer {
        padding: 0 1rem 0.75rem;
        color: #c9d1d9;
        line-height: 1.6;
    }

    /* Steps list */
    .mwf-pseo-steps {
        counter-reset: step;
        list-style: none;
        padding: 0;
    }
    .mwf-pseo-steps li {
        counter-increment: step;
        padding: 0.75rem 1rem 0.75rem 3rem;
        position: relative;
        margin-bottom: 0.5rem;
        background: #161b22;
        border: 1px solid #21262d;
        border-radius: 6px;
        color: #c9d1d9;
    }
    .mwf-pseo-steps li::before {
        content: counter(step);
        position: absolute;
        left: 0.75rem;
        top: 0.75rem;
        width: 1.5rem;
        height: 1.5rem;
        background: #10b981;
        color: #fff;
        font-size: 0.8rem;
        font-weight: 700;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* CTA */
    .mwf-pseo-cta {
        margin-top: 2.5rem;
    }

    /* WP Multitool CTA */
    .mwf-multitool-cta {
        background: linear-gradient(135deg, rgba(16,185,129,0.08) 0%, rgba(88,166,255,0.08) 100%);
        border: 1px solid rgba(16,185,129,0.25);
        border-radius: 8px;
        padding: 1.25rem 1.5rem;
        margin: 2rem 0;
        display: flex;
        align-items: center;
        gap: 1.25rem;
    }
    .mwf-multitool-cta__icon {
        font-size: 2rem;
        flex-shrink: 0;
    }
    .mwf-multitool-cta__body {
        flex: 1;
    }
    .mwf-multitool-cta__title {
        font-size: 1rem;
        font-weight: 600;
        color: #e6edf3;
        margin: 0 0 0.3rem;
    }
    .mwf-multitool-cta__desc {
        font-size: 0.85rem;
        color: #8b949e;
        margin: 0;
        line-height: 1.5;
    }
    .mwf-multitool-cta__btn {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.5rem 1rem;
        background: #10b981;
        color: #fff;
        font-size: 0.85rem;
        font-weight: 600;
        border-radius: 6px;
        text-decoration: none;
        white-space: nowrap;
        transition: background 0.2s;
        flex-shrink: 0;
    }
    .mwf-multitool-cta__btn:hover {
        background: #059669;
        color: #fff;
    }
    @media (max-width: 600px) {
        .mwf-multitool-cta { flex-direction: column; text-align: center; }
    }

    /* Performance Audit CTA (gold) */
    .mwf-audit-cta {
        background: linear-gradient(135deg, rgba(201,162,39,0.10) 0%, rgba(201,162,39,0.04) 100%);
        border: 1px solid rgba(201,162,39,0.35);
        border-radius: 8px;
        padding: 1.25rem 1.5rem;
        margin: 1rem 0 2rem;
        display: flex;
        align-items: center;
        gap: 1.25rem;
    }
    .mwf-audit-cta__icon {
        font-size: 2rem;
        flex-shrink: 0;
    }
    .mwf-audit-cta__body {
        flex: 1;
    }
    .mwf-audit-cta__title {
        font-size: 1rem;
        font-weight: 600;
        color: #e6edf3;
        margin: 0 0 0.3rem;
    }
    .mwf-audit-cta__desc {
        font-size: 0.85rem;
        color: #8b949e;
        margin: 0;
        line-height: 1.5;
    }
    .mwf-audit-cta__btn {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.5rem 1rem;
        background: #c9a227;
        color: #0d1117;
        font-size: 0.85rem;
        font-weight: 600;
        border-radius: 6px;
        text-decoration: none;
        white-space: nowrap;
        transition: background 0.2s;
        flex-shrink: 0;
    }
    .mwf-audit-cta__btn:hover {
        background: #e0b52e;
        color: #0d1117;
    }
    @media (max-width: 600px) {
        .mwf-audit-cta { flex-direction: column; text-align: center; }
    }

    /* Related links */
    .mwf-pseo-related {
        margin-top: 2.5rem;
    }
    .mwf-pseo-related__title {
        font-size: 1rem;
        color: #8b949e;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 0.75rem;
        font-weight: 600;
    }
    .mwf-pseo-related__links {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
    }
    .mwf-pseo-related__links a {
        color: #58a6ff;
        text-decoration: none;
        font-size: 0.95rem;
        padding: 0.3rem 0;
    }
    .mwf-pseo-related__links a:hover { text-decoration: underline; }

    /* Archive grid */
    .mwf-pseo-archive-header {
        margin-bottom: 2rem;
    }
    .mwf-pseo-archive-header h1 {
        font-size: 2rem;
        color: #e6edf3;
        margin: 0 0 0.5rem;
        font-family: 'DM Sans', sans-serif;
    }
    .mwf-pseo-archive-header p {
        color: #8b949e;
        font-size: 1rem;
    }

    /* Stats Bar */
    .mwf-stats-bar {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 1rem;
        margin-bottom: 2rem;
        padding: 1.25rem;
        background: #161b22;
        border: 1px solid #30363d;
        border-radius: 8px;
    }
    a.mwf-stat {
        text-align: center;
        text-decoration: none;
        color: inherit;
        border-radius: 6px;
        padding: 0.5rem;
        transition: background 0.15s;
    }
    a.mwf-stat:hover {
        background: #1c2333;
    }
    .mwf-stat__number {
        font-size: 1.75rem;
        font-weight: 700;
        font-family: 'JetBrains Mono', monospace;
        color: #10b981;
        line-height: 1.2;
    }
    .mwf-stat__label {
        font-size: 0.75rem;
        color: #8b949e;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-top: 0.2rem;
    }
    .mwf-pseo-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        gap: 1rem;
    }
    .mwf-pseo-grid-item {
        background: #161b22;
        border: 1px solid #30363d;
        border-radius: 8px;
        padding: 1.25rem;
        transition: border-color 0.2s;
    }
    .mwf-pseo-grid-item:hover {
        border-color: #10b981;
    }
    .mwf-pseo-grid-item__title {
        font-size: 1.1rem;
        margin: 0 0 0.4rem;
    }
    .mwf-pseo-grid-item__title a {
        color: #e6edf3;
        text-decoration: none;
    }
    .mwf-pseo-grid-item__title a:hover { color: #10b981; }
    .mwf-pseo-grid-item__meta {
        font-size: 0.8rem;
        color: #8b949e;
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }
    .mwf-pseo-grid-item__desc {
        color: #8b949e;
        font-size: 0.85rem;
        margin-top: 0.5rem;
        line-height: 1.5;
    }
    .mwf-pseo-pagination {
        margin-top: 2rem;
        text-align: center;
    }
    .mwf-pseo-pagination a,
    .mwf-pseo-pagination span {
        display: inline-block;
        padding: 0.4rem 0.75rem;
        margin: 0 0.15rem;
        border-radius: 4px;
        font-size: 0.85rem;
        text-decoration: none;
    }
    .mwf-pseo-pagination a {
        background: #161b22;
        color: #58a6ff;
        border: 1px solid #30363d;
    }
    .mwf-pseo-pagination a:hover { border-color: #10b981; }
    .mwf-pseo-pagination .current {
        background: #10b981;
        color: #fff;
        border: 1px solid #10b981;
    }

    /* Comparison side-by-side */
    .mwf-pseo-vs {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 1rem;
        align-items: start;
        margin-bottom: 2rem;
    }
    .mwf-pseo-vs__divider {
        font-size: 1.5rem;
        font-weight: 700;
        color: #484f58;
        padding-top: 1rem;
    }
    .mwf-pseo-vs .mwf-pseo-card {
        text-align: center;
    }
    .mwf-pseo-vs .mwf-pseo-card__title {
        font-size: 0.85rem;
    }
    .mwf-vs-link {
        display: inline-block;
        margin-top: 0.6rem;
        font-size: 0.78rem;
        color: #58a6ff;
        text-decoration: none;
    }
    .mwf-vs-link:hover { text-decoration: underline; }

    /* Head-to-head benchmark comparison */
    .mwf-h2h {
        background: #161b22;
        border: 1px solid #30363d;
        border-radius: 8px;
        padding: 1.25rem 1.5rem;
        margin-bottom: 1.5rem;
    }
    .mwf-h2h__title {
        font-size: 0.8rem;
        font-weight: 600;
        color: #10b981;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin: 0 0 1rem;
    }
    .mwf-h2h table {
        width: 100%;
        border-collapse: collapse;
    }
    .mwf-h2h th {
        text-align: left;
        color: #8b949e;
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        padding: 0.5rem 0.5rem;
        border-bottom: 1px solid #30363d;
    }
    .mwf-h2h th:not(:first-child) { text-align: center; }
    .mwf-h2h td {
        padding: 0.5rem;
        border-bottom: 1px solid #21262d;
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.85rem;
        color: #e6edf3;
    }
    .mwf-h2h td:first-child {
        font-family: 'DM Sans', sans-serif;
        font-weight: 600;
        font-size: 0.8rem;
        color: #c9d1d9;
        white-space: nowrap;
    }
    .mwf-h2h td:not(:first-child) { text-align: center; }
    .mwf-h2h tr:last-child td { border-bottom: none; }
    .mwf-h2h .mwf-h2h-winner {
        color: #10b981;
        font-weight: 700;
    }
    .mwf-h2h .mwf-h2h-loser {
        color: #8b949e;
    }
    .mwf-h2h-pending {
        color: #484f58;
        font-style: italic;
        font-family: 'DM Sans', sans-serif;
        font-size: 0.78rem;
    }
    @media (max-width: 600px) {
        .mwf-h2h th, .mwf-h2h td {
            padding: 0.4rem 0.3rem;
            font-size: 0.78rem;
        }
    }

    /* Embed Badge Section */
    .mwf-embed-section {
        background: #161b22;
        border: 1px solid #30363d;
        border-radius: 8px;
        padding: 1.25rem 1.5rem;
        margin-bottom: 1.5rem;
    }
    .mwf-embed-section h3 {
        font-size: 1rem;
        color: #e6edf3;
        margin: 0 0 0.5rem;
        font-family: 'DM Sans', sans-serif;
    }
    .mwf-embed-section p {
        font-size: 0.85rem;
        color: #8b949e;
        margin: 0 0 0.75rem;
    }
    .mwf-embed-code {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        background: #0d1117;
        border: 1px solid #21262d;
        border-radius: 6px;
        padding: 0.5rem 0.75rem;
        margin-bottom: 0.75rem;
    }
    .mwf-embed-code code {
        flex: 1;
        font-size: 0.75rem;
        color: #c9d1d9;
        font-family: 'JetBrains Mono', monospace;
        word-break: break-all;
        white-space: pre-wrap;
    }
    .mwf-copy-btn {
        background: #21262d;
        color: #e6edf3;
        border: 1px solid #30363d;
        padding: 0.3rem 0.75rem;
        border-radius: 4px;
        font-size: 0.8rem;
        cursor: pointer;
        white-space: nowrap;
        transition: background 0.2s;
    }
    .mwf-copy-btn:hover { background: #30363d; }
    .mwf-embed-preview {
        font-size: 0.8rem;
        color: #8b949e;
        margin-bottom: 0.5rem !important;
    }

    /* Instant Search */
    .mwf-search {
        position: relative;
        margin-bottom: 1.5rem;
    }
    .mwf-search__input {
        width: 100%;
        padding: 0.75rem 3rem 0.75rem 1rem;
        background: #161b22;
        border: 1px solid #30363d;
        border-radius: 8px;
        color: #e6edf3;
        font-size: 1rem;
        font-family: 'DM Sans', sans-serif;
        outline: none;
        transition: border-color 0.2s;
    }
    .mwf-search__input:focus {
        border-color: #10b981;
        box-shadow: 0 0 0 3px rgba(16,185,129,0.15);
    }
    .mwf-search__input::placeholder { color: #484f58; }
    .mwf-search__icon { display: none; }
    .mwf-search__kbd {
        position: absolute;
        right: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        background: #21262d;
        border: 1px solid #30363d;
        border-radius: 4px;
        padding: 0.1rem 0.4rem;
        font-size: 0.7rem;
        color: #8b949e;
        font-family: 'JetBrains Mono', monospace;
        pointer-events: none;
    }
    .mwf-search__results {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 100;
        background: #161b22;
        border: 1px solid #30363d;
        border-top: none;
        border-radius: 0 0 8px 8px;
        max-height: 400px;
        overflow-y: auto;
        display: none;
        box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    }
    .mwf-search__results.active { display: block; }
    .mwf-search__item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.6rem 1rem;
        text-decoration: none;
        color: #e6edf3;
        border-bottom: 1px solid #21262d;
        transition: background 0.1s;
    }
    .mwf-search__item:last-child { border-bottom: none; }
    .mwf-search__item:hover,
    .mwf-search__item[aria-selected="true"] {
        background: rgba(16,185,129,0.08);
    }
    .mwf-search__item-name {
        font-size: 0.95rem;
        font-weight: 500;
    }
    .mwf-search__item-name mark {
        background: rgba(16,185,129,0.25);
        color: #10b981;
        border-radius: 2px;
        padding: 0 1px;
    }
    .mwf-search__item-meta {
        display: flex;
        gap: 0.75rem;
        font-size: 0.75rem;
        color: #8b949e;
        white-space: nowrap;
    }
    .mwf-search__item-meta .score-a,
    .mwf-search__item-meta .score-b { color: #10b981; }
    .mwf-search__item-meta .score-c { color: #f59e0b; }
    .mwf-search__item-meta .score-d { color: #f97316; }
    .mwf-search__item-meta .score-f { color: #ef4444; }
    .mwf-search__empty {
        padding: 1.5rem 1rem;
        text-align: center;
        color: #8b949e;
        font-size: 0.9rem;
    }
    .mwf-search__count {
        font-size: 0.8rem;
        color: #8b949e;
        margin-top: 0.5rem;
    }

    @media (max-width: 640px) {
        .mwf-pseo-wrap { padding: 1rem; }
        .mwf-pseo-h1 { font-size: 1.5rem; }
        .mwf-pseo-meta-grid { grid-template-columns: 1fr 1fr; }
        .mwf-pseo-grid { grid-template-columns: 1fr; }
        .mwf-pseo-vs { grid-template-columns: 1fr; }
        .mwf-pseo-vs__divider { text-align: center; }
        .mwf-search__kbd { display: none; }
    }