@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap');

* { box-sizing: border-box; }
html, body { margin: 0; }
img { max-width: 100%; height: auto; display: block; }
mark.todo { background: #fff1b8; color: #6b4e00; padding: 0 4px; border-radius: 3px; }

/* Полоска превью сверху: не часть площадки */
.pv-bar {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 8px 16px; background: #1d1d1b; color: #d9d8d2;
  font: 13px/1.3 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.pv-bar a { color: #fff; text-decoration: none; }
.pv-home { opacity: .8; }
.pv-tabs { display: flex; gap: 4px; }
.pv-tab { padding: 5px 10px; border-radius: 6px; background: rgba(255,255,255,.08); }
.pv-tab.on { background: #fff; color: #111 !important; font-weight: 600; }
.pv-meta { margin-left: auto; opacity: .75; }

/* Список черновиков */
.pv-index { background: #f4f4f1; color: #111; font: 15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
.pv-wrap { max-width: 860px; margin: 0 auto; padding-block: 40px; padding-inline: 16px; }
.pv-wrap h1 { font-size: 28px; margin: 0 0 6px; }
.pv-lead { color: #52514e; margin: 0 0 24px; }
.pv-card { background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 14px; padding: 20px 22px; margin-bottom: 16px; }
.pv-card h2 { font-size: 20px; margin: 8px 0 6px; line-height: 1.3; }
.pv-card p { color: #52514e; margin: 0 0 12px; }
.pv-card__top { display: flex; gap: 12px; flex-wrap: wrap; font-size: 13px; color: #898781; }
.pv-status { background: #fff4d6; color: #7a5600; border-radius: 6px; padding: 1px 8px; }
.pv-checks { list-style: none; padding: 0; margin: 0 0 14px; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 4px 16px; font-size: 13.5px; }
.pv-checks .ok { color: #1f6b1f; }
.pv-checks .no { color: #a33; }
.pv-links { display: flex; gap: 8px; flex-wrap: wrap; }
.pv-links a { text-decoration: none; color: #111; border: 1px solid rgba(0,0,0,.15); border-radius: 8px; padding: 6px 12px; font-size: 14px; }
.pv-links a:hover { background: #111; color: #fff; }

@media (max-width: 700px) { .pv-meta { margin-left: 0; width: 100%; } }