/* Audit workspace: quiet motion around real, persisted evidence. */
body[data-view="scan"]{background:#F5F6F1}
.scan-intro{max-width:1440px;margin:0 auto;padding:42px var(--gutter) 28px;display:grid;grid-template-columns:1fr minmax(300px,.7fr);gap:24px 48px;align-items:end}
.scan-live-label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;color:var(--ink-2);font-size:12px;line-height:1.3}
.scan-live-label i{width:6px;height:6px;border-radius:50%;background:var(--signal)}
.scan-intro h1{font:400 clamp(38px,4vw,56px)/.98 var(--serif);letter-spacing:-.035em;margin:18px 0 0}
.scan-intro h1 span{color:#7A8577}
.scan-intro-copy>p{max-width:480px;font-size:14px;line-height:1.7;color:var(--ink-3);margin-top:18px}
.scan-session{display:flex;align-items:center;gap:14px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);min-width:0;align-self:center}
.scan-session>div:not(.scan-signal){min-width:0}.scan-session b{display:block;font:500 14px/1.4 var(--sans);color:var(--ink)}
.scan-session>div>span{display:block;font-size:11px;line-height:1.6;color:var(--ink-3);margin-top:4px}
.scan-signal{position:relative;display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#F0F4E6;color:#4A6A0E}
.scan-signal::before{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid #C7D5A4;border-top-color:transparent;border-left-color:transparent;animation:audit-orbit 5s linear infinite}
.scan-signal svg{width:20px;height:20px}
.scan-session-tag{margin-left:auto;font-size:10px;font-weight:500;color:#536A25;background:#F0F4E6;border-radius:999px;padding:5px 9px;white-space:nowrap}
.scan-session.is-finished .scan-signal::before{animation:none;border-color:#C7D5A4}
.scan-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;margin-top:6px}
.scan-metrics>div{padding:18px 22px;min-width:0}
.scan-metrics>div+div{border-left:1px solid var(--line)}
.scan-metrics small{display:block;font-size:11px;line-height:1.5;color:var(--ink-3)}
.scan-metrics b{display:block;font:500 24px/1.3 var(--sans);letter-spacing:-.04em;margin-top:6px;font-variant-numeric:tabular-nums}
.scan-metrics b small{display:inline;font-size:12px;letter-spacing:0;margin-left:3px}
.scan-metrics>div>span{display:block;font-size:10px;line-height:1.5;color:var(--ink-3);margin-top:4px}
.scan-metrics .scan-score-metric{background:#F3F5EC}
body[data-view="scan"] .scan-shell{max-width:1440px;grid-template-columns:250px minmax(0,1fr);gap:24px;min-height:0;margin:0 auto;padding:0 var(--gutter) 56px;align-items:start}
body[data-view="scan"] .rail{top:88px;height:auto;max-height:calc(100dvh - 108px);align-self:start;border:1px solid var(--line);border-radius:22px;background:#fff;padding:20px 14px;gap:18px}
body[data-view="scan"] .rail .who{padding:0 6px 14px;border-bottom:1px solid var(--line);gap:10px}
body[data-view="scan"] .rail .who b{font-size:13px}body[data-view="scan"] .rail .who span{font-size:11px}
body[data-view="scan"] .rail .favicon{width:34px;height:34px;border-radius:9px;font-size:14px}
body[data-view="scan"] .rail .favicon img{width:22px;height:22px}
body[data-view="scan"] .stage-list{gap:4px}
body[data-view="scan"] .stage-item{padding:10px 8px;border-radius:12px;gap:10px;grid-template-columns:22px minmax(0,1fr)}
body[data-view="scan"] .stage-item .ico{width:22px;height:22px;border-width:1px;font-size:10px}
body[data-view="scan"] .stage-item b{font-size:12px;font-weight:500}
body[data-view="scan"] .stage-item small{font-size:10px;line-height:1.5;margin-top:4px}
body[data-view="scan"] .stage-item.viewing{background:#F3F5EC;border-color:#E0E6D1;box-shadow:none}
body[data-view="scan"] .stage-item.st-running .ico{animation-duration:1.5s}
body[data-view="scan"] .rail-foot{padding:8px 6px 0;gap:12px}
body[data-view="scan"] .rail-stats{font-size:10px}
body[data-view="scan"] .rail-foot .tiny{font-size:10px;line-height:1.65}
body[data-view="scan"] #copy-scan{font-size:11px;min-height:40px}
body[data-view="scan"] .meter{height:4px}
body[data-view="scan"] .canvas{padding:2px 0 0;gap:16px}
body[data-view="scan"] .canvas-head{padding:0 4px;min-height:66px}
body[data-view="scan"] .canvas-head .eyebrow{font:500 10px/1.3 var(--sans);color:var(--ink-3)}
body[data-view="scan"] .canvas-head .eyebrow::before{display:none}
body[data-view="scan"] .canvas-head h2{font:400 clamp(28px,2.8vw,36px)/1.1 var(--serif);letter-spacing:-.025em;margin-top:8px}
body[data-view="scan"] .canvas-head .src{font-size:10px;max-width:300px;line-height:1.5}
body[data-view="scan"] .stagebox{min-height:540px;border-radius:22px;border-color:#DEE3D8;box-shadow:0 2px 3px #142B0F03,0 16px 40px -32px #142B0F40}
body[data-view="scan"] .stagebox .grid-bg{background-image:radial-gradient(#CDD5C2 .8px,transparent .8px);background-size:22px 22px;opacity:.3}
body[data-view="scan"] .beam{height:1px;background:linear-gradient(90deg,transparent,#9CB765 35%,#D5E3BA 50%,#9CB765 65%,transparent);box-shadow:0 0 15px 3px #94AF5D20;animation-duration:6s;opacity:.5}
body[data-view="scan"] .scene{padding:24px;animation:audit-scene-in .35s ease both}
body[data-view="scan"] .scene .rv,body[data-view="scan"] .scene .tile,body[data-view="scan"] .scene .obs,body[data-view="scan"] .scene .review,body[data-view="scan"] .scene .pin,body[data-view="scan"] .scene .place,body[data-view="scan"] .scene .prio{animation:none}
body[data-view="scan"] .scene .type-in{animation:none;max-width:none}
body[data-view="scan"] .dossier{border-radius:18px;box-shadow:none;border-color:var(--line);background:rgba(255,255,255,.96)}
body[data-view="scan"] .dossier h3{font:400 30px/1.1 var(--serif)}
body[data-view="scan"] .dossier .rings{display:none}
body[data-view="scan"] .facts{font-size:12px}
body[data-view="scan"] .facts dt{font-size:11px}
body[data-view="scan"] .facts dd{overflow-wrap:anywhere}
body[data-view="scan"] .browser{border-radius:13px;box-shadow:0 12px 36px -24px #142B0F60}
body[data-view="scan"] .browser .chrome{background:#F5F6F1}
body[data-view="scan"] .phone{box-shadow:0 12px 30px -16px #142B0F70}
body[data-view="scan"] .panel,body[data-view="scan"] .tile,body[data-view="scan"] .review{box-shadow:none;border-color:var(--line)}
body[data-view="scan"] .rep-score{background:var(--ink);border-radius:18px}
body[data-view="scan"] .rep-score .big{font-family:var(--serif);font-weight:400}
body[data-view="scan"] .mapbox{border-radius:18px}
.scan-insight{background:#EEF2E4;border:1px solid #E0E6D1;border-radius:16px;padding:16px 20px;display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:start}
.scan-insight>span{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:500;color:#506430}
.scan-insight svg{width:14px;height:14px;flex:none}
.scan-insight p{font-size:12px;line-height:1.7;color:#526043}
body[data-view="scan"] .feed{border-radius:18px;padding:18px 20px}
.feed-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
body[data-view="scan"] .feed h3{font:500 12px/1.5 var(--sans);color:var(--ink);letter-spacing:0;text-transform:none}
.feed-heading>span{font-size:10px;color:var(--ink-3)}
body[data-view="scan"] .feed ol{max-height:180px;gap:0;margin-top:14px}
body[data-view="scan"] .feed li{font-size:11px;line-height:1.7;padding:7px 0;border-top:1px solid #EFF1EA;grid-template-columns:70px minmax(0,1fr);animation:audit-scene-in .25s ease both}
body[data-view="scan"] .feed time{font-size:10px}
.score-basis{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:12px 0}
.score-basis span{font-size:10px;line-height:1.4;border:1px solid #FFFFFF30;border-radius:999px;padding:5px 9px;color:#E2E8DD}
body[data-view="report"] .verdict>p{font-size:12px;line-height:1.75}
@keyframes audit-orbit{to{transform:rotate(360deg)}}
@keyframes audit-scene-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
 body[data-view="scan"] .scan-shell{grid-template-columns:220px minmax(0,1fr);gap:20px}
 .scan-intro{grid-template-columns:1fr 1fr;gap:24px}
 .scan-session{padding:16px;gap:12px}.scan-session-tag{display:none}
 .scan-metrics>div{padding:16px}
 .scan-insight{grid-template-columns:1fr;gap:8px}
}
@media(max-width:860px){
 .scan-intro{grid-template-columns:1fr;padding-top:28px;gap:20px}
 .scan-intro h1 br{display:none}.scan-intro h1{font-size:40px;line-height:1.05}
 .scan-intro-copy>p{font-size:13px;margin-top:12px;max-width:580px}
 .scan-session{padding:16px;max-width:none}.scan-session-tag{display:block}
 .scan-metrics{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}
 .scan-metrics>div{padding:14px 16px}.scan-metrics>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.scan-metrics>div:nth-child(4){border-top:1px solid var(--line)}
 .scan-metrics b{font-size:23px}
 body[data-view="scan"] .mobile-progress{position:static;border:0;background:none;padding:0 var(--gutter) 18px}
 body[data-view="scan"] .mp-row{font-size:11px}
 body[data-view="scan"] .scan-shell{grid-template-columns:minmax(0,1fr);gap:18px}
 body[data-view="scan"] .rail{position:static;max-height:none;height:auto;padding:16px;border-radius:18px;gap:12px}
 body[data-view="scan"] .rail .who{border:0;padding:0}
 body[data-view="scan"] .rail-toggle{align-self:flex-start}
 body[data-view="scan"] .rail .stage-list,body[data-view="scan"] .rail .rail-foot{display:none}
 body[data-view="scan"] .rail.expanded .stage-list,body[data-view="scan"] .rail.expanded .rail-foot{display:flex}
 body[data-view="scan"] .stagebox{min-height:0;border-radius:18px}
 body[data-view="scan"] .scene{position:relative;inset:auto;min-height:360px;padding:18px}
 body[data-view="scan"] .canvas-head{padding:0 2px;gap:8px;min-height:0}
 body[data-view="scan"] .canvas-head h2{font-size:28px}
 body[data-view="scan"] .dossier{padding:20px}
 body[data-view="scan"] .dossier h3{font-size:26px}
 body[data-view="scan"] .feed{padding:16px}
 body[data-view="scan"] .site-stage{height:auto;display:flex;flex-direction:column;gap:14px}
 body[data-view="scan"] .browser{position:relative;width:100%;left:auto;right:auto;top:auto;bottom:auto}
 body[data-view="scan"] .phone{position:relative;width:44%;max-width:190px;height:auto;margin:-62px 8px 0 auto}
 body[data-view="scan"] .phone .shot{height:auto;aspect-ratio:390/844}
 .scan-insight{padding:14px 16px}
}
@media(max-width:400px){
 .scan-intro h1{font-size:36px}
 .scan-session{gap:10px}.scan-session b{font-size:12px}.scan-session>div>span{font-size:10px}.scan-signal{width:36px;height:36px}.scan-session-tag{font-size:9px;padding:4px 6px}
 .scan-metrics>div{padding:14px 12px}.scan-metrics b{font-size:21px}.scan-metrics>div>span{font-size:9px}
 .feed-heading>span{display:none}
}
@media(prefers-reduced-motion:reduce){
 .scan-signal::before,body[data-view="scan"] .scene,body[data-view="scan"] .feed li{animation:none}
 body[data-view="scan"] .beam{display:none!important}
}