/**
 * /fix/ symptom landing pages (template page-fix.php). Readable editorial
 * column in the dark-aquamarine theme, with a prominent "run the test" CTA.
 */
.wm-fix-hero { padding-block: 26px 10px; }
.wm-fix-crumb {
    font-size: 0.82rem; color: var(--wm-text-dim, #9db1ae);
    display: flex; gap: 8px; align-items: center; margin-bottom: 8px;
}
.wm-fix-crumb a { color: var(--wm-aqua, #7fffd4); text-decoration: none; }
.wm-fix-crumb span { opacity: .5; }

.wm-fix { padding-bottom: 60px; }
.wm-fix__body { max-width: 68ch; margin-inline: auto; font-size: 1.05rem; line-height: 1.65; color: var(--wm-text, #e6f2ee); }
.wm-fix__body > :first-child { margin-top: 0; }
.wm-fix__body h2 { font-size: clamp(1.25rem, 3vw, 1.6rem); font-weight: 800; letter-spacing: -.01em; margin: 32px 0 10px; }
.wm-fix__body h3 { font-size: 1.08rem; font-weight: 700; margin: 20px 0 6px; color: var(--wm-text, #e6f2ee); }
.wm-fix__body p { margin: 0 0 14px; }
.wm-fix__body a { color: var(--wm-aqua, #7fffd4); }
.wm-fix__body ol, .wm-fix__body ul { margin: 0 0 16px; padding-left: 24px; }
.wm-fix__body li { margin: 0 0 10px; }

.wm-fix-lede { font-size: 1.18rem; line-height: 1.55; color: var(--wm-text, #e6f2ee); }

.wm-fix-cta { text-align: center; margin: 22px 0; }
.wm-fix-btn {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--wm-aqua, #7fffd4); color: var(--wm-bg, #06121a) !important;
    border-radius: 999px; padding: 13px 26px; font-size: 1.02rem; font-weight: 800;
    text-decoration: none; box-shadow: 0 6px 20px rgba(127,255,212,.25);
    transition: filter .15s ease, transform .15s ease;
}
.wm-fix-btn:hover { filter: brightness(1.08); transform: translateY(-1px); text-decoration: none; }

.wm-fix-faq {
    margin-top: 34px; border-top: 1px solid var(--wm-line, #1d3b44); padding-top: 10px;
}
.wm-fix-related {
    margin-top: 30px; border: 1px solid var(--wm-line, #1d3b44); border-radius: 14px;
    background: var(--wm-panel, #0d1e2a); padding: 18px 20px;
}
.wm-fix-related h2 { margin-top: 0; font-size: 1.1rem; }
.wm-fix-related ul { list-style: none; padding-left: 0; margin: 0; }
.wm-fix-related li { margin: 0 0 8px; }
.wm-fix-related a { font-weight: 600; }

/* deep-link focus flash on the targeted test card (/speed/?focus=...) */
.wm-focus-flash { animation: wm-focus-pulse 2.2s ease-out 1; }
@keyframes wm-focus-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(127,255,212,0); }
    15% { box-shadow: 0 0 0 3px rgba(127,255,212,.5); }
}
@media (prefers-reduced-motion: reduce) { .wm-focus-flash { animation: none; } }

/* ---- /fix/ hub ---- */
.wm-fixhub { max-width: 820px; margin-inline: auto; padding-bottom: 60px; }
.wm-fixhub__grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 18px; }
@media (min-width: 640px) { .wm-fixhub__grid { grid-template-columns: 1fr 1fr; } }
.wm-fixhub__card {
    display: block; border: 1px solid var(--wm-line, #1d3b44); border-radius: 14px;
    background: var(--wm-panel, #0d1e2a); padding: 16px 18px; text-decoration: none;
    color: var(--wm-text, #e6f2ee); transition: border-color .15s ease, transform .15s ease;
}
.wm-fixhub__card:hover { border-color: rgba(127,255,212,.55); transform: translateY(-2px); text-decoration: none; }
.wm-fixhub__card h3 { margin: 0 0 5px; font-size: 1.05rem; }
.wm-fixhub__card p { margin: 0; color: var(--wm-text-dim, #9db1ae); font-size: 0.92rem; }
