/* A small inspection instrument: warm paper, lilac browser, copper lens.
   One object carries the state; actual findings remain readable HTML. */
.wc-card{--wc-paper:#f8f7f3;--wc-edge:#dddcd6;--wc-muted:#73716e;--wc-accent:#a35f40;position:relative;isolation:isolate;overflow:hidden;background:var(--raised);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 4px #25211e03;color:var(--ink)}
.wc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 0}
.lp-profile .wc-top h3{font-size:13px;letter-spacing:-.15px;font-weight:500;line-height:1.5}
.wc-top a{display:inline-block;font-size:10px;color:var(--ink-2);margin-top:3px;transition:color 150ms}
.wc-top a:hover{color:var(--ink)}
.wc-badge{display:flex;align-items:center;gap:6px;border:1px solid var(--line-soft);padding:5px 8px;border-radius:6px;font-size:9px;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.wc-badge:before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:#b4b0c0}
.wc-stage{display:grid;grid-template-columns:205px minmax(0,1fr);align-items:center;gap:17px;padding:7px 26px 12px 12px;min-height:214px}
.wc-artboard{width:100%;position:relative}
.wc-art{display:block;width:100%;height:auto;overflow:visible}
.wc-copy{padding:9px 0 5px}
.lp-profile .wc-copy h4{font-size:23px;font-weight:500;letter-spacing:-.85px;line-height:1.15;max-width:280px}
.wc-description{font-size:11px;line-height:1.65;color:var(--ink-2);margin-top:10px;max-width:310px;min-height:54px}
.wc-run{display:inline-flex;gap:17px;align-items:center;justify-content:space-between;margin-top:12px;min-width:134px;min-height:37px;border-radius:8px;padding:0 12px 0 14px;font-size:11px;background:var(--ink);color:var(--raised);transition:background 180ms,box-shadow 180ms,transform 150ms}
.wc-run>svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.4;transition:transform 200ms}
.wc-run:hover{background:var(--wc-accent);box-shadow:0 3px 8px #a35f4018}
.wc-run:hover>svg{transform:translateX(3px)}
.wc-run:active{transform:scale(.975)}
.wc-card button:focus-visible,.wc-card a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
/* Choreography: sheet release → page inspection → lens dock. Geometry persists. */
.wc-browser-object{transform-origin:125px 180px;transition:transform 650ms cubic-bezier(.22,1,.36,1)}
.wc-back-page{transform-origin:126px 180px;transition:transform 780ms cubic-bezier(.16,1,.3,1)}
.wc-content-plane{transform-origin:125px 120px;transition:transform 550ms cubic-bezier(.22,1,.36,1)}
.wc-content-photo,.wc-content-contact,.wc-content-field{transition:opacity 260ms,transform 550ms cubic-bezier(.22,1,.36,1);transform-box:fill-box;transform-origin:center}
.wc-content-type{transition:opacity 260ms}
.wc-lens-position{transform-origin:179px 152px;transition:transform 700ms cubic-bezier(.16,1,.3,1)}
.wc-lens{transform-origin:179px 152px}
.wc-lens-check,.wc-lens-error,.wc-scanline,.wc-lens-graticule{opacity:0}
.wc-lens-check{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 420ms 150ms ease,opacity 150ms}
.wc-lens-error,.wc-lens-idle,.wc-lens-glint,.wc-lens-graticule{transition:opacity 180ms}
.wc-ground{transform-origin:150px 212px;transition:transform 600ms,opacity 600ms}
.wc-focus-frame{opacity:0;transition:transform 600ms cubic-bezier(.2,.8,.2,1),opacity 200ms}
.wc-extract{opacity:0;transform:translate(-15px,8px);transition:transform 650ms cubic-bezier(.16,1,.3,1),opacity 180ms}
.wc-page-count{transform-origin:59px 208px;transition:transform 550ms cubic-bezier(.22,1,.36,1)}
.wc-page-dot{transition:fill 240ms}
.wc-card[data-wc-home=read] .wc-dot-home,.wc-card[data-wc-contact=read] .wc-dot-contact{fill:#789666}
.wc-card[data-wc-home=failed] .wc-dot-home,.wc-card[data-wc-contact=failed] .wc-dot-contact{fill:#bc7f5d}
.wc-card[data-wc-state=idle]:is(:hover,:focus-within) .wc-browser-object{transform:translateY(-3px) rotate(-1.5deg)}
.wc-card[data-wc-state=idle]:is(:hover,:focus-within) .wc-back-page{transform:translate(6px,-4px) rotate(3deg)}
.wc-card[data-wc-state=idle]:is(:hover,:focus-within) .wc-lens-position{transform:translate(-7px,-9px) rotate(-7deg)}
.lp-motion-on .wc-card[data-wc-state=idle] .wc-lens-glint{animation:wc-reflection 8s ease-in-out infinite}
.wc-card[data-wc-state=checking] .wc-browser-object{transform:translate(-4px,-5px) rotate(-2deg)}
.wc-card[data-wc-state=checking] .wc-back-page{transform:translate(10px,-14px) rotate(5deg)}
.wc-card[data-wc-state=checking] .wc-ground{transform:scaleX(.92);opacity:.045}
.wc-card[data-wc-state=checking] .wc-page-count{transform:translate(0,4px)}
.wc-card[data-wc-state=checking] .wc-lens-position{transform:translate(-7px,-5px) rotate(-5deg)}
.lp-motion-on .wc-card[data-wc-state=checking] .wc-lens{animation:wc-examine 4.2s cubic-bezier(.45,0,.25,1) infinite}
.wc-card[data-wc-state=checking] .wc-scanline{opacity:1;animation:wc-scan 4.2s cubic-bezier(.45,0,.25,1) infinite}
.wc-card[data-wc-state=checking] .wc-content-plane{animation:wc-read-page 4.2s ease-in-out infinite}
.wc-card[data-wc-state=checking] .wc-lens-graticule{opacity:1}
.wc-card[data-wc-state=checking] .wc-lens-idle{opacity:.35}
.wc-card[data-wc-state=checking] .wc-address-flow{animation:wc-address 1.8s ease-in-out infinite}
.wc-card[data-wc-state=checking] .wc-badge:before{background:#9886be;animation:wc-beacon 1.2s ease-in-out infinite}
.wc-card[data-wc-state=checking] .wc-run{background:var(--fill);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
.wc-card[data-wc-state=checking] .wc-run svg{transform:rotate(45deg)}
.wc-card[data-wc-state=success] .wc-back-page{transform:translate(3px,-2px) rotate(1deg)}
.wc-card[data-wc-state=success] .wc-lens-position{transform:translate(22px,5px) rotate(-9deg)}
.wc-card[data-wc-state=success] .wc-lens-check{opacity:1;stroke-dashoffset:0}
.wc-card:is([data-wc-state=success],[data-wc-state=error]) .wc-lens-idle,.wc-card:is([data-wc-state=success],[data-wc-state=error]) .wc-lens-glint{opacity:0}
.wc-card[data-wc-state=success] .wc-badge:before{background:#7f936a}
.wc-card[data-wc-state=error] .wc-lens-position{transform:translate(17px,10px) rotate(11deg)}
.wc-card[data-wc-state=error] .wc-back-page{transform:translate(3px,2px) rotate(2deg)}
.wc-card[data-wc-state=error] .wc-lens-error{opacity:1}
.wc-card[data-wc-state=error] .wc-badge:before{background:#b87954}
.wc-card[data-wc-state=cancelled] .wc-lens-position{transform:translate(20px,13px) rotate(14deg)}
.wc-progress{display:flex;gap:18px;align-items:center;padding:0 22px 16px}
.wc-progress[hidden]{display:none}
.wc-page-progress{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ink-2)}
.wc-page-progress i{display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--line-strong);border-radius:50%;font-style:normal;font-size:10px}
.wc-page-progress svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.3}
.wc-page-progress.is-read i{background:#e6ebdf;color:#4d653e;border-color:#c3ccb6}
.wc-page-progress.is-failed i{background:#f1e3d9;color:#935e3c;border-color:#d6b8a4}
.wc-results{padding:0 22px}
.wc-result{width:100%;display:flex;align-items:center;gap:10px;text-align:left;min-height:46px;border-top:1px solid var(--line-soft);font-size:11px;transition:background 180ms;padding:0 5px}
.wc-result>strong{margin-left:auto;font-weight:400;color:var(--ink-2);font-size:10px;text-align:right}
.wc-result>svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.3;color:var(--ink-3);transition:transform 220ms}
.wc-result:hover{background:var(--fill)}
.wc-result:hover>svg{transform:translateX(3px)}
.wc-result[aria-expanded=true]>svg{transform:rotate(90deg)}
.wc-result-symbol{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;border:1px solid #d7d2e1;background:#efecf5;color:#6e607c;flex-shrink:0;font-size:15px}
.wc-result-symbol.ok{background:#e7eddc;border-color:#c4d0b1;color:#4a6136}
.wc-result-symbol.review{background:#f4e1d4;border-color:#dfbda7;color:#895434;font-size:11px}
.wc-result-symbol svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5}
.wc-detail{margin:0 22px 13px;background:var(--fill);border-radius:8px;animation:wc-detail-in 230ms ease-out}
.wc-detail[hidden]{display:none}
.wc-detail-inner{padding:12px 14px}
.wc-detail-title{display:flex;align-items:center;justify-content:space-between;font-size:11px}
.wc-detail-title b{font-weight:500}
.wc-detail-title button{width:24px;height:24px;font-size:18px;border-radius:50%;transition:background 150ms,transform 200ms;color:var(--ink-2)}
.wc-detail-title button:hover{background:var(--line);transform:rotate(90deg)}
.wc-detail p{font-size:11px;color:var(--ink-2);line-height:1.65;margin-top:5px}
.wc-sources{display:flex;gap:15px;margin-top:10px}
.wc-sources a{font-size:10px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.wc-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line-soft);padding:11px 22px;background:var(--bg-2);font-size:9px;color:var(--ink-2)}
.wc-state-dot{width:6px;height:6px;background:#bbb2d4;border-radius:2px;transform:rotate(45deg)}
.wc-card[data-wc-state=checking] .wc-state-dot{animation:wc-turn 2s ease infinite}
.wc-card.wc-offscreen *,.wc-card.wc-hidden-tab *{animation-play-state:paused!important}
@keyframes wc-reflection{0%,72%,100%{opacity:.5}84%{opacity:1}}
@keyframes wc-examine{0%,100%{transform:translate(0,0) rotate(0)}18%,28%{transform:translate(-77px,-42px) rotate(-9deg)}49%,61%{transform:translate(-19px,-24px) rotate(3deg)}78%,86%{transform:translate(-67px,18px) rotate(-4deg)}}
@keyframes wc-scan{0%,100%{transform:translateY(0);opacity:.1}20%,28%{transform:translateY(18px);opacity:1}50%,61%{transform:translateY(37px);opacity:1}80%,86%{transform:translateY(82px);opacity:.5}}
@keyframes wc-read-page{0%,28%,100%{transform:translateY(0)}49%,61%{transform:translateY(-5px)}78%,86%{transform:translateY(-9px)}}
@keyframes wc-address{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes wc-beacon{50%{opacity:.3}}
@keyframes wc-turn{50%{transform:rotate(225deg)}}
@keyframes wc-detail-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:1199px){.wc-top{padding:17px 17px 0}.wc-stage{grid-template-columns:150px minmax(0,1fr);gap:8px;padding:10px 17px 15px 5px;min-height:205px}.lp-profile .wc-copy h4{font-size:20px}.wc-description{font-size:10px;min-height:63px}.wc-results{padding:0 17px}.wc-detail{margin-inline:17px}.wc-badge{font-size:8px;padding:4px 6px}.wc-bottom{padding-inline:17px}}
@media(min-width:720px) and (max-width:999px){.wc-stage{grid-template-columns:110px minmax(0,1fr);gap:5px;padding-left:0}.lp-profile .wc-copy h4{font-size:19px}.wc-top{align-items:flex-start}.wc-badge{max-width:89px;white-space:normal;line-height:1.4}.wc-result{gap:6px;font-size:10px}.wc-result>strong{font-size:9px}.wc-bottom{font-size:8px}.wc-description{min-height:80px}}
@media(max-width:719px){.wc-card{order:1;width:100%}.lp-profile .lp-opportunity{order:2}.lp-profile .lp-mobile-conversation{order:3}.lp-profile .lp-fit-note{order:4}.wc-stage{grid-template-columns:126px minmax(0,1fr);padding:8px 16px 15px 0;gap:3px;min-height:204px}.lp-profile .wc-copy h4{font-size:21px;max-width:200px}.wc-description{font-size:11px;min-height:72px}.wc-top{padding:17px 17px 0}.wc-run{min-height:40px;font-size:11px;min-width:136px}.wc-result{min-height:48px;gap:7px}.wc-result>strong{font-size:9px}.wc-bottom{font-size:8px}.wc-top a{font-size:9px}}
@media(max-width:370px){.wc-stage{grid-template-columns:102px minmax(0,1fr)}.lp-profile .wc-copy h4{font-size:20px}.wc-top{gap:6px}.wc-badge{font-size:7px}.wc-result{font-size:10px}.wc-result>strong{font-size:8px}}
@media(prefers-color-scheme:dark){.wc-card{--wc-accent:#85563f}.wc-artboard{filter:brightness(.84)}.wc-result-symbol{filter:brightness(.85)}.wc-page-progress.is-read i{background:#35452c;color:#d5e5c1}.wc-page-progress.is-failed i{background:#513c2d;color:#f1c7a5}}
.lp-motion-off .wc-card *,.lp-motion-off .wc-card *:before{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.wc-card *,.wc-card *:before{animation:none!important;transition:none!important}.wc-card .wc-lens-check{stroke-dashoffset:0}}
/* The app's generic icon size must not shrink the authored scene. */
.lg-page .wc-card .wc-art{width:100%;height:auto;max-width:none;stroke:none;flex:none}
.wc-evidence-capture{margin:13px 0 0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--raised)}
.wc-evidence-capture img{display:block;width:100%;height:170px;object-fit:contain;background:white}
.wc-evidence-capture figcaption{padding:8px 10px;font-size:9px;color:var(--ink-2);border-top:1px solid var(--line-soft)}
@media(min-width:720px) and (max-width:999px){.wc-stage{grid-template-columns:155px minmax(0,1fr)}.wc-badge{max-width:none;white-space:nowrap}.wc-description{min-height:70px}}
/* Focus is shared by pointer, keyboard and selection. */
.wc-focus-phone,.wc-focus-upload,.wc-focus-mobile{opacity:0;transition:opacity 180ms}
.wc-card[data-wc-state=success]:is([data-wc-focus=phone],[data-wc-focus=upload],[data-wc-focus=mobile]) .wc-lens-check{opacity:0;transition-delay:0s}
.wc-card[data-wc-state=success][data-wc-focus=phone] .wc-focus-phone,.wc-card[data-wc-state=success][data-wc-focus=upload] .wc-focus-upload,.wc-card[data-wc-state=success][data-wc-focus=mobile] .wc-focus-mobile{opacity:1;transition-delay:150ms}
.wc-card[data-wc-state=success][data-wc-focus=phone] .wc-lens-position{transform:translate(-67px,18px) rotate(-5deg)}
.wc-card[data-wc-state=success][data-wc-focus=upload] .wc-lens-position{transform:translate(-83px,-42px) rotate(5deg)}
.wc-card[data-wc-state=success][data-wc-focus=mobile] .wc-lens-position{transform:translate(24px,-19px) rotate(-2deg)}
.wc-card[data-wc-state=success][data-wc-focus=phone] .wc-content-contact{transform:scale(1.06)}
.wc-card[data-wc-state=success][data-wc-focus=upload] .wc-content-photo{transform:scale(1.04)}
.wc-card[data-wc-state=success][data-wc-focus=mobile] .wc-browser-object{transform:translate(0,-3px) rotate(-3deg)}
.wc-card[data-wc-state=success]:is([data-wc-focus=phone],[data-wc-focus=upload],[data-wc-focus=mobile]) .wc-content-type{opacity:.35}
.wc-card[data-wc-state=success]:is([data-wc-focus=phone],[data-wc-focus=upload],[data-wc-focus=mobile]) .wc-extract{opacity:1;transform:none;transition-delay:100ms}
.wc-card[data-wc-state=success][data-wc-focus=upload] .wc-focus-frame{opacity:1}
.wc-card[data-wc-state=success][data-wc-focus=phone] .wc-focus-frame{opacity:1;transform:translate(0,91px) scaleY(.45);transform-origin:48px 76px}
.wc-card[data-wc-state=success][data-wc-focus=phone] .wc-phone-wave{animation:wc-wave 600ms 160ms ease-out both}
@keyframes wc-wave{from{opacity:0;transform:translate(-2px,2px)}to{opacity:1;transform:none}}
.wc-card .wc-detail{animation:none}
.wc-result{position:relative;border-radius:5px}
.wc-result[aria-expanded=true]{background:var(--fill)}
.wc-result-symbol{transition:transform 260ms cubic-bezier(.2,.8,.2,1),border-radius 260ms}
.wc-result:is(:hover,:focus-visible) .wc-result-symbol{transform:rotate(-6deg) scale(1.08);border-radius:8px}
.wc-stage{grid-template-columns:minmax(200px,44%) minmax(0,1fr);gap:16px;padding-left:7px;min-height:235px}
@media(min-width:720px) and (max-width:1199px){.wc-stage{grid-template-columns:44% minmax(0,1fr);gap:8px;padding-left:0}.lp-profile .wc-copy h4{font-size:20px}}
@media(max-width:719px){.wc-stage{grid-template-columns:43% minmax(0,1fr);gap:2px;padding-left:0;min-height:218px}.lp-profile .wc-copy h4{font-size:20px;letter-spacing:-.5px}.wc-description{font-size:10px;min-height:65px}}
@media(max-width:359px){.wc-stage{grid-template-columns:40% minmax(0,1fr)}.lp-profile .wc-copy h4{font-size:19px}.wc-run{min-width:120px}}
/* Keep the instrument at product scale on very wide profiles. */
.wc-artboard{max-width:285px;justify-self:center}
@media(min-width:1200px){.wc-stage{grid-template-columns:minmax(205px,36%) minmax(0,1fr)}}