/* Shared RefreshAgent tokens provide palette and typography; this file only scopes layout. */
.mseo-shell { max-width: 1120px; margin: 0 auto; padding: clamp(20px,4vw,44px) 20px 84px; }
.mseo-crumb { display:flex; align-items:center; gap:10px; color:var(--ra-text-muted,#b3b0bf); font:13px "IBM Plex Mono",monospace; }
.mseo-crumb a,.mseo-footer a {color:var(--ra-lavender,#bfa1ff)}
.mseo-hero { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(190px,.6fr); gap:32px; padding:52px 0 36px; align-items:end; }
.mseo-eyebrow { letter-spacing:.13em; color:var(--ra-lavender,#bfa1ff); font:12px "IBM Plex Mono",monospace; }
.mseo-hero h1 { font-family:"Chakra Petch",sans-serif; font-size:clamp(34px,4.5vw,62px); margin:10px 0 16px; line-height:1.1; }
.mseo-lead { font-size:clamp(16px,1.6vw,20px); line-height:1.6; max-width:690px; }
.mseo-aside { display:flex; flex-direction:column; gap:10px; border-left:2px solid var(--ra-lavender,#bfa1ff); padding:12px 0 12px 22px; line-height:1.6; }
.mseo-aside span,.mseo-help,.mseo-muted {color:var(--ra-text-muted,#b3b0bf);}
.mseo-workspace {padding:clamp(22px,3vw,40px);}
.mseo-workspace h2,.mseo-after h2 {font-family:"Chakra Petch",sans-serif; margin:0 0 14px;}
.mseo-help {max-width:720px; line-height:1.6; margin-bottom:25px;}
#mseo-form {display:flex; flex-direction:column; gap:12px;}
#mseo-form label {font-weight:600}
#mseo-url {box-sizing:border-box; width:100%; border:1px solid var(--ra-border,#30313c); background:var(--ra-surface,#13151b); color:var(--ra-text,#f4f2f8); border-radius:4px; padding:14px; font:15px "IBM Plex Mono",monospace; min-width:0;}
#mseo-url:focus-visible,.mseo-shell button:focus-visible {outline:2px solid var(--ra-lavender,#bfa1ff);outline-offset:3px;}
.mseo-actions {display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin:12px 0;}
.mseo-actions .btn:disabled {opacity:.65;cursor:wait}
.mseo-actions .mseo-muted {font-size:13px; max-width:530px}
#mseo-status {min-height:26px; padding-top:8px; color:var(--ra-lavender,#bfa1ff)}
#mseo-results {margin-top:22px; border-top:1px solid var(--ra-border,#30313c); padding-top:22px;}
.mseo-result,.mseo-summary,.mseo-error {border:1px solid var(--ra-border,#30313c); border-radius:4px; margin-bottom:20px; padding:20px; overflow-wrap:anywhere;}
.mseo-result-header h3 {font:600 14px "IBM Plex Mono",monospace; margin:0 0 10px;overflow-wrap:anywhere}
.mseo-observed-title {font-weight:600}
.mseo-findings {list-style:none; padding:0; margin:14px 0;display:grid;gap:10px}
.mseo-finding {padding:12px 15px; border-left:3px solid var(--ra-blue,#9eb9ef); background:var(--ra-surface,#13151b)}
.mseo-finding.review {border-color:var(--ra-peach,#efbf9b)}
.mseo-finding.pass {border-color:var(--ra-lavender,#bfa1ff)}
.mseo-finding p {margin:5px 0 0; line-height:1.5;overflow-wrap:anywhere}
.mseo-duplicate {padding:14px 0; border-top:1px solid var(--ra-border,#30313c)}
.mseo-error {border-color:var(--ra-peach,#efbf9b)}
.mseo-after {display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:26px 0;}
.mseo-after .card {padding:28px;}
.mseo-after p {line-height:1.6}
.mseo-after .btn {margin-top:10px;display:inline-flex;}
.mseo-footer {margin-top:35px; font-size:13px;color:var(--ra-text-muted,#b3b0bf)}
@media(max-width:750px){.mseo-hero,.mseo-after {grid-template-columns:1fr}.mseo-hero {padding-top:30px}.mseo-aside {max-width:480px}}
@media(prefers-reduced-motion:reduce){.mseo-shell *{scroll-behavior:auto!important}}