/* Lightweight report-only roadmap; respects the existing site theme. */
.seo-roadmap{margin:24px 0;padding:24px;border:1px solid var(--border,#e2e7ed);border-radius:22px;background:var(--card,#fff);color:var(--text,#151b28)}
.seo-roadmap-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.seo-roadmap-head h2{margin:8px 0;font-size:clamp(21px,2.5vw,30px)}.seo-roadmap-head p{margin:0;color:var(--muted,#64748b);line-height:1.6}
.seo-roadmap-score{flex:0 0 78px;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #129060;border-radius:50%;background:transparent}.seo-roadmap-score strong{font-size:28px;line-height:1.1}.seo-roadmap-score small{font-size:12px;color:var(--muted,#64748b)}
.seo-roadmap-progress-head{display:flex;justify-content:space-between;margin-top:22px;margin-bottom:10px;gap:10px;font-size:14px}.seo-roadmap-progress{height:8px;background:var(--bg,#edf1f5);border-radius:10px;overflow:hidden}.seo-roadmap-progress span{display:block;width:0;height:100%;background:#159568;transition:width .15s ease}
.seo-roadmap-tasks{margin-top:14px}.seo-roadmap-task{padding:14px 0;border-bottom:1px solid var(--border,#e4e7ec);display:flex;justify-content:space-between;align-items:center;gap:12px}.seo-roadmap-task label{display:flex;align-items:flex-start;gap:13px;min-width:0;cursor:pointer}.seo-roadmap-check{margin-top:4px;width:18px;height:18px;accent-color:#12835b;flex-shrink:0}.seo-roadmap-task-copy{display:grid;gap:5px}.seo-roadmap-task-copy strong{font-size:15px}.seo-roadmap-task-copy small{font-size:13px;line-height:1.55;color:var(--muted,#64748b)}.seo-roadmap-task.is-done .seo-roadmap-task-copy strong{text-decoration:line-through;opacity:.65}.seo-roadmap-priority{font-size:11px;font-weight:700;padding:6px 9px;border-radius:20px;white-space:nowrap}.seo-roadmap-priority.critical{color:#b91c1c;background:rgba(220,38,38,.10)}.seo-roadmap-priority.warning{color:#9a6700;background:rgba(245,158,11,.13)}.seo-roadmap-note{font-size:12px;line-height:1.55;color:var(--muted,#64748b);margin:17px 0 8px}.seo-roadmap-link{font-size:14px;font-weight:750}.seo-roadmap-anchor{scroll-margin-top:90px}@media(max-width:640px){.seo-roadmap{padding:17px;border-radius:16px}.seo-roadmap-score{flex-basis:65px;min-height:65px}.seo-roadmap-priority{white-space:normal;text-align:center}.seo-roadmap-task{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.seo-roadmap-progress span{transition:none}}

/* V2: accessible native disclosure; no extra framework. */
.seo-roadmap-task{flex-wrap:wrap}.seo-roadmap-advice{width:100%;margin-left:30px;min-width:0}.seo-roadmap-advice summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--accent,#a36c00);font-size:13px;font-weight:750;padding:7px 0;list-style:none}.seo-roadmap-advice summary::-webkit-details-marker{display:none}.seo-roadmap-advice summary:focus-visible,.seo-roadmap-copy:focus-visible{outline:2px solid currentColor;outline-offset:3px}.seo-roadmap-advice[open] summary span{transform:rotate(180deg)}.seo-roadmap-advice-body{padding:14px 16px;background:var(--bg,rgba(130,140,160,.07));border:1px solid var(--border,#e4e7ec);border-radius:12px;margin:8px 0 5px;line-height:1.6}.seo-roadmap-advice-body strong{display:block;font-size:13px;margin-top:10px}.seo-roadmap-advice-body strong:first-child{margin-top:0}.seo-roadmap-advice-body p{font-size:13px;color:var(--muted,#64748b);margin:3px 0 9px}.seo-roadmap-code{display:flex;align-items:start;gap:9px;margin-top:8px}.seo-roadmap-code pre{margin:0;min-width:0;flex:1;overflow-x:auto;background:var(--card,#fff);border:1px solid var(--border,#e4e7ec);border-radius:8px;padding:12px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text,#151b28)}.seo-roadmap-copy{cursor:pointer;border:1px solid var(--border,#d8dee7);border-radius:8px;padding:8px 12px;color:var(--text,#151b28);background:var(--card,#fff);font:inherit;font-size:12px;font-weight:700}.seo-roadmap-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:13px}.seo-roadmap-actions a{font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:3px}@media(max-width:640px){.seo-roadmap-advice{margin-left:0}.seo-roadmap-code{flex-direction:column}.seo-roadmap-code pre{width:100%}}
/* V4.4.75: compact, progressive disclosure with direct findings. */
.seo-roadmap-disclosure{margin-top:15px}
.seo-roadmap-disclosure>summary{display:inline-flex;align-items:center;gap:9px;cursor:pointer;list-style:none;border:1px solid var(--border,#dce2ea);border-radius:11px;padding:11px 15px;font-weight:750;color:var(--text,#151b28);background:var(--card,#fff)}
.seo-roadmap-disclosure>summary::-webkit-details-marker{display:none}
.seo-roadmap-disclosure[open]>summary span{transform:rotate(180deg)}
.seo-roadmap-observed{margin-top:4px;color:var(--muted,#64748b)}
.seo-roadmap-observed b{color:var(--text,#151b28)}
.audit-item[id^="audit-check-"]{scroll-margin-top:110px}
.audit-item[id^="audit-check-"]:target{outline:2px solid #e8ad24;outline-offset:2px;border-radius:8px}
.seo-roadmap-disclosure>summary:focus-visible{outline:2px solid #b57d08;outline-offset:3px}
@media(max-width:640px){.seo-roadmap-disclosure>summary{width:100%;justify-content:center}}
