/* The hero's added element, the same visit at the default level (parts/add-company-visit.html), printed by the feature
   template in the hero's stage after the window (theme/template-parts/feature.php, the hero's "add"). The kit's .k-card
   in the demo's type and tokens: a quiet head, the company with the app's Company link chip and the visit's time, what
   it opened, and a foot that names the level the window shows. The window is Eva W.'s visit card alone (part=visit),
   whose event line runs to its lower edge, so the card follows the window on the right, lifted only over the window's
   bottom margin, never over a word of it. Under 761 it follows the window just under it, a step in from the left. Nothing moves.
   Scoped to .pg-website-visitor-identification, the class templates/page-parts.php puts on <main>. */

.pg-website-visitor-identification .wv-co{
  position:relative;z-index:2;width:min(340px,100%);margin:-14px 0 0 auto;
}
.pg-website-visitor-identification .wv-co .k-card-h{justify-content:space-between;gap:12px;height:42px;padding:0 16px}
.pg-website-visitor-identification .wv-co .k-card-h span{font:600 14px/1.2 var(--sans);color:var(--ink)}
.pg-website-visitor-identification .wv-co .k-card-h small{font:400 12.5px/1.2 var(--sans);color:var(--mute)}

.pg-website-visitor-identification .wv-co-b{display:grid;gap:7px;padding:14px 16px 12px}
.pg-website-visitor-identification .wv-co-b p{margin:0}
.pg-website-visitor-identification .wv-co-who{display:flex;align-items:center;gap:9px;min-width:0}
.pg-website-visitor-identification .wv-co-tile{
  display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:7px;
  background:var(--sunk);box-shadow:inset 0 0 0 1px var(--line);font:600 10.5px/1 var(--sans);color:var(--k-text);
}
.pg-website-visitor-identification .wv-co-who b{min-width:0;font:600 14.5px/1.2 var(--sans);color:var(--ink);white-space:nowrap}
.pg-website-visitor-identification .wv-co-chip{
  flex:none;padding:2px 8px;border-radius:999px;font:600 11.5px/1.45 var(--sans);color:var(--k-ai-ink);background:var(--k-ai-soft);white-space:nowrap
}
.pg-website-visitor-identification .wv-co-who time{margin-left:auto;font:500 12px/1 var(--mono);color:var(--mute)}
.pg-website-visitor-identification .wv-co-what{padding-left:35px;font:400 13.5px/1.35 var(--sans);color:var(--k-text)}
.pg-website-visitor-identification .wv-co-what i{margin:0 6px;font-style:normal;color:var(--k-faint)}
.pg-website-visitor-identification .wv-co-f{margin:0;padding:10px 16px 12px;border-top:1px solid var(--line);font:400 12.5px/1.35 var(--sans);color:var(--mute)}

/* under 761 the window takes the stage's width, its visit card running to its lower edge, so the card follows it
   just under, a step in from the left, over nothing */
@media (max-width:760px){
  .pg-website-visitor-identification .wv-co{width:calc(100% - 44px);margin:12px 10px 0 auto}
}
@media (max-width:480px){
  .pg-website-visitor-identification .wv-co{width:calc(100% - 24px);margin-right:0}
}