/* public/css/share.css: the result-card share page (/s/…, served outside the app) and the share panel on results, the box,
   and home (src/views/share.js). Paper theme; colors only from themes.css tokens. */
.share-page { max-width: 720px; }
.share-card-img, .share-panel img { display: block; width: 100%; height: auto; border: 1px solid var(--rule); }
.share-ast { color: var(--accent); }
.share-panel { border: 1px solid var(--rule); padding: var(--s3); margin: var(--s4) 0; max-width: 640px; }
.share-panel > summary { cursor: pointer; font-weight: 600; }
.share-panel .row { display: flex; flex-wrap: wrap; gap: var(--s2); align-items: center; margin-top: var(--s3); }
.share-panel .share-url { font-family: var(--font-mono); font-size: var(--fs-meta); overflow-wrap: anywhere; }
.challenge-compare { font-weight: 600; }
.challenge-card { max-width: 640px; }