/* ТОЛЬКО ПРЕВЬЮ: стили служебной обвязки (панель, TODO-плашки, карта экранов). В тему не переносить. */
[x-cloak] { display: none !important; }

.preview-toolbar { position: fixed; left: 12px; bottom: 12px; z-index: 2000; font: 13px/1.4 system-ui, sans-serif; }
.preview-toolbar__toggle { width: 40px; height: 40px; border-radius: 50%; border: 0; background: #111; color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.3); }
.preview-toolbar__panel { position: absolute; left: 0; bottom: 48px; min-width: 240px; padding: 12px; background: #fff; color: #111; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,.15); }
.preview-toolbar__panel a { color: #0d6efd; }
.preview-toolbar__row { display: flex; gap: 8px; align-items: center; justify-content: space-between; margin-top: 8px; }

.preview-todo { margin-top: 1rem; margin-bottom: 1rem; padding: 12px 16px; border: 2px dashed #e0a800; border-radius: 8px; background: #fffbea; color: #5c4400; font: 13px/1.5 system-ui, sans-serif; }
.preview-todo__title { font-weight: 700; margin-bottom: 4px; }
.preview-todo__list { margin: 0; padding-left: 18px; }

.preview-map { max-width: 1100px; margin: 0 auto; padding: 24px 16px 64px; font: 15px/1.5 system-ui, sans-serif; color: #111; }
.preview-map h1 { font-size: 28px; margin-bottom: 4px; }
.preview-map h2 { font-size: 18px; margin-top: 28px; border-bottom: 1px solid #eee; padding-bottom: 4px; }
.preview-map table { width: 100%; border-collapse: collapse; }
.preview-map td, .preview-map th { padding: 6px 8px; border-bottom: 1px solid #f0f0f0; vertical-align: top; text-align: left; }
.preview-map code { font-size: 12px; color: #6c3483; }
.preview-map .muted { color: #777; font-size: 13px; }
.preview-map .tag { display: inline-block; padding: 0 6px; border-radius: 4px; background: #eef; font-size: 12px; margin-right: 4px; }
.preview-map .tag--pkg { background: #fde8e8; }
.preview-section-label { font: 12px/1.4 system-ui, sans-serif; color: #999; text-transform: uppercase; letter-spacing: .05em; margin: 32px 0 8px; }