/* Plakat zaginięcia (board/poster.html): części, których nie ma na stronie tagu. Ładuje się po pet.css i korzysta z jego tokenów.
   Tablica zaginionych ma własny plik (board-list.css) w warstwie panelu. */

[hidden] { display: none !important; }

.note { margin: 0 0 0.8rem; padding: 0.7rem 1rem; border-radius: 14px; background: var(--tone); color: var(--on-tone); font-weight: 700; }
:root[data-layout="pelny"] .intro .note { background: rgb(var(--scrim) / 0.85); color: #fff8ef; text-shadow: none; }

.area { margin-top: 1.5rem; }
.area h2, .share h2 { margin: 0; font: 800 1.45rem/1.1 var(--display); letter-spacing: -0.03em; }
.map { height: 16rem; margin-top: 0.75rem; overflow: hidden; border-radius: 22px; background: var(--raise); }

.share { margin-top: 1.6rem; padding-top: 1.3rem; border-top: 1px solid var(--line); }
.share .hint { display: block; margin: 0.4rem 0 0; font-size: 0.95rem; }
.share-sub { margin: 1.4rem 0 0; font-size: 1.1rem; font-weight: 800; }
.share-links { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }
.share-btn {
  display: inline-flex; align-items: center; min-height: 3rem; padding: 0.5rem 1.15rem; border: 2px solid var(--line-strong); border-radius: 999px;
  background: transparent; color: var(--ink); font: inherit; font-weight: 800; text-decoration: none; cursor: pointer;
}
.share-btn:hover { border-color: var(--acc); }
.share-main { background: var(--acc); border-color: var(--acc); color: var(--on-acc); }

.foot p { margin: 0.3rem 0; }
.foot a { color: var(--ink); }
.abuse { margin-top: 0.75rem; }
.abuse summary { display: flex; align-items: center; min-height: 3rem; color: var(--muted); font-weight: 700; cursor: pointer; }
.abuse fieldset { display: grid; gap: 0.25rem; margin: 0.5rem 0; padding: 0; border: 0; }
.abuse legend { color: var(--ink); font-weight: 700; }
.abuse-choice { display: flex; align-items: center; gap: 0.6rem; min-height: 2.75rem; color: var(--ink); }
.abuse-choice input { width: 1.15rem; height: 1.15rem; }
.abuse-note { display: grid; gap: 0.35rem; margin: 0.5rem 0 0.8rem; color: var(--ink); }
.abuse-note input {
  width: 100%; min-height: 3rem; padding: 0.55rem 0.85rem; border: 1.5px solid var(--line-strong); border-radius: 14px;
  background: var(--surface); color: var(--ink); font: inherit;
}
.abuse-note input:focus-visible { border-color: var(--acc); }