/* port.css - the few rules the Astro/CMS port adds ON TOP of the verbatim r2 main.css.
   Keep this file tiny; the design lives in main.css. */

/* Link slots (release smart links, event + social hrefs) are invisible on the live page and
   become editable text rows in edit mode, so a URL can be changed without touching code. */
.cms-links { display: none; }
html.cms-on .cms-links {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 2px 10px;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px dashed rgba(217, 238, 255, 0.35);
  border-radius: 4px;
  font: 11px/1.5 Consolas, 'Cascadia Mono', monospace;
  color: var(--text-muted);
  word-break: break-all;
}
html.cms-on .cms-links b { color: var(--frost); font-weight: 600; }
html.cms-on .cms-links span { min-width: 6ch; }
/* a release card is a click target for the modal; in edit mode the text is the target */
html.cms-on .release { cursor: text; }

/* photo fit (the editor's reposition mode stores --fx/--fy/--fs per slot) */
[data-cms-image][data-fit] { background-position: var(--fx, 50%) var(--fy, 50%) !important; }
[data-cms-image][data-fit] > img { object-position: var(--fx, 50%) var(--fy, 50%); }