/* CycleCalcs embed: the object card (embed-objcard.js), for the Observing
   Planner and Tonight's Targets. Moved from planner.html on 2026-10-31.
   Bump the ?v in both payloads when this file changes. */
/* Object names open a card: they read as names, with a dotted underline
   that says there is more. */
.cc-obj { font: inherit; font-weight: 700; color: var(--text); background: none; border: 0; padding: 0; margin: 0; cursor: pointer;
  text-decoration: underline dotted; text-decoration-color: color-mix(in srgb, var(--accent) 70%, transparent); text-underline-offset: 3px; text-align: left; }
.cc-obj:hover, .cc-obj[aria-expanded="true"] { color: var(--accent); }
.cc-obj:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 2px; }
/* A small picture mark on the names whose card has a photo. */
.cc-obj.cc-has-photo::after { content: ""; display: inline-block; width: 12px; height: 10px; margin-left: 4px; vertical-align: -1px; background: var(--muted);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 0h10a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm0 8h10L8 4 5.5 7 4 5.5z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 0h10a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm0 8h10L8 4 5.5 7 4 5.5z'/%3E%3C/svg%3E") center / contain no-repeat; }
.cc-obj.cc-has-photo:hover::after, .cc-obj.cc-has-photo[aria-expanded="true"]::after { background: var(--accent); }
.cc-pop { position: fixed; z-index: 10; background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: 10px;
  box-shadow: 0 10px 28px rgba(10, 14, 40, .28); overflow: hidden; font-size: 12px; line-height: 1.4; text-align: left; font-weight: 400;
  letter-spacing: normal; text-transform: none; white-space: normal; }
.cc-pop[hidden] { display: none; }
.cc-pop-img { display: block; width: 100%; height: 150px; object-fit: cover; background: #05070f; }
.cc-pop-b { padding: 8px 10px 9px; }
.cc-pop-b > b { display: block; font-size: 13.5px; font-weight: 800; }
.cc-pop-b p { margin: 2px 0 0; color: var(--muted); }
.cc-pop-b .cc-pop-when { color: var(--text); }
.cc-pop-b .cc-pop-cap { font-size: 10.5px; margin-top: 5px; }
.cc-pop a { color: var(--accent); }
.cc-pop-more { display: inline-block; margin-top: 6px; font-weight: 700; }
:root[data-theme="dark"] .cc-pop { box-shadow: 0 12px 32px rgba(0, 0, 0, .6); }