/* css/cutaway.css — P05 + W1-E: the cutaway renderer's own classes (PLAN_v5 §3.11 row cutaway.css: `.cw-*`).
   Card, strip, render-head and scale-bar recipes live in components.css; chart classes in chart.css; the Fly
   dialog / scrim that hosts the pop-up card (#fl-dialog) in fly.css (W1-J). Tokens only; light theme only. */
.cw-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
.cw-canvas.is-drag{cursor:grabbing}
.cw-canvas.is-static{cursor:default;touch-action:auto}
.cw-view{position:relative}

/* ---- the Fly thumbnail (A12: 168×104 inside the POPCON plot; the slot is fly-pop's .fl-p-thumb) ----
   The canvas fills the slot; a transparent button lies over it and carries the 1-px hairline border, the pointer
   cursor and the focus ring, so the canvas keeps the full 168×104 CSS px (sharp at any effDpr). */
.cw-thumb{position:relative;width:100%;height:100%;background:var(--iv-surface);overflow:hidden}
.cw-thumb .cw-thumb-canvas{position:absolute;inset:0;pointer-events:none}
.cw-thumb-open{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;background:transparent;
  border:1px solid var(--iv-hairline-2);border-radius:0;cursor:pointer;appearance:none;-webkit-appearance:none;
  transition:border-color var(--dur-fast) var(--ease-standard)}
.cw-thumb-open:hover{border-color:var(--iv-rule)}
/* the ring is drawn INSIDE the button (the slot clips anything outside .cw-thumb); the .cw-thumb-open.hint selectors
   also override the tooltip recipe's .hint underline / .hint[data-tip]:focus-visible offset (the button is the trigger) */
.cw-thumb-open.hint,.cw-thumb-open.hint:hover,.cw-thumb-open.hint.is-open{border:1px solid var(--iv-hairline-2);cursor:pointer}
.cw-thumb-open.hint:hover,.cw-thumb-open.hint.is-open{border-color:var(--iv-rule)}
.cw-thumb-open:focus-visible,.cw-thumb-open.hint[data-tip]:focus-visible{outline:2px solid var(--sfr-focus);outline-offset:-2px;border-color:var(--iv-rule)}
.cw-thumb-label{position:absolute;right:4px;bottom:3px;padding:1px 4px;background:var(--iv-surface);
  font-family:var(--os-font-mono);font-weight:400;font-size:var(--text-min);letter-spacing:0.04em;line-height:1.2;
  color:var(--iv-ink-muted);pointer-events:none}
.cw-thumb-open:hover .cw-thumb-label,.cw-thumb-open:focus-visible .cw-thumb-label{color:var(--iv-ink)}

/* ---- the Fly pop-up card (#fl-dialog 900×560): close button in the render head, face-scale bars in the strip foot ---- */
.cw-popup{height:100%;min-height:0}
.cw-head{gap:8px}
.cw-head-btns{display:flex;align-items:center;gap:6px;flex:none}
.cw-foot{display:flex;flex-direction:column;gap:8px}
.cw-scales{display:flex;flex-direction:column;gap:6px}
.cw-scale{display:flex;flex-direction:column;gap:3px}
.cw-scales-kind{margin-top:-3px;font-family:var(--os-font-mono);font-weight:400;font-size:10px;letter-spacing:0.04em;color:var(--iv-ink-subtle)}
.cw-scale .scale-row{font-size:10px}
.cw-scale-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cw-scale .scale-now.is-clamped{width:3px;background:var(--iv-ink)}
.cw-scale-now{display:flex;flex-direction:column;gap:1px;font-family:var(--os-font-mono);font-weight:400;font-size:10px;
  letter-spacing:0.04em;line-height:1.25;color:var(--iv-ink);font-variant-numeric:tabular-nums}
.cw-scale-note{font-size:var(--text-min);color:var(--iv-ink-subtle)}
.cw-hint{line-height:1.3}
/* the callouts' title · detail list for screen readers (the canvas's aria-describedby); never painted */
.cw-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;list-style:none}
.cw-popup [hidden],.cw-thumb [hidden]{display:none !important}

/* ---- blanked states (ADDENDUM_w1 item 3): the neutral faces carry the plate's "outside the solved range" note ----
   grey italics like every blanked readout; a surface pill so the note reads over the chamber lines; never a target */
.cw-blank{position:absolute;left:50%;z-index:2;transform:translateX(-50%);max-width:calc(100% - 12px);padding:1px 6px;
  background:color-mix(in srgb,var(--iv-surface) 88%,transparent);box-shadow:inset 0 0 0 1px var(--iv-hairline-2);
  font-family:var(--os-font-sans);font-weight:300;font-style:italic;line-height:1.3;color:var(--iv-ink-subtle);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.cw-blank--thumb{top:50%;transform:translate(-50%,-50%);font-size:10px}
.cw-blank--view{bottom:12px;font-size:12px}