.json-tip {
  margin-top: 22px;
  padding: 16px 18px;
  border-left: 4px solid var(--gold);
  border-radius: 8px;
  background: #fff;
  color: var(--navy);
  box-shadow: 0 4px 16px #102a4310;
}
.json-tip b { font-size: 16px; }
.json-tip p { margin: 7px 0 0; color: #5f707c; line-height: 1.55; }
.json-tip + textarea { margin-top: 14px; }
.start .hero { text-align: center; }
.start .hero h1 { margin-left: auto; margin-right: auto; }
.start .hero p { text-align: center; }
.brand img { width: 74px; height: 74px; object-fit: cover; object-position: center; }
.brand-copy b { color: var(--navy); font-family: Georgia,serif; font-size: 17px; }
.brand-copy small { margin-top: 4px; color: #6e7d86; font-size: 9px; font-weight: 700; }
.docfoot img { display: block; width: 96px; height: 96px; object-fit: cover; object-position: center; margin: 0 auto 8px; }
.cover { text-align: center; }
.day { position: relative; margin: 16px 48px; padding: 22px 24px 22px 29px; border: 1px solid #d9e1e5; border-left: 6px solid var(--gold); border-radius: 8px; background: linear-gradient(135deg,#f7fafb,#fff); break-inside: avoid; }
.day small { display: inline-block; padding: 5px 9px; border-radius: 4px; background: var(--navy); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.day h2 { margin: 11px 0 7px; color: var(--navy); font-family: Georgia,serif; }
.day p { color: #314956; font-size: 12px; line-height: 1.7; font-weight: 600; }
.theme-luxury .day { border-left-color: #b7964b; background: linear-gradient(135deg,#fbf7ed,#fff); }
.theme-modern .day { border-left-color: #16a0a8; background: linear-gradient(135deg,#eefbfb,#fff); }
.theme-travel-magazine .day { border-left-color: #dc702f; background: linear-gradient(135deg,#fff5ee,#fff); }
.custom-editor { margin-bottom: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #f7f9fa; }
.editor-note { color: #647682; font-size: 13px; line-height: 1.45; }
.row-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.row-actions button { padding: 8px 10px; font-size: 12px; }
.danger { background: #b52b35; }
.custom-block { border-left: 4px solid var(--gold); background: #fbfaf6; margin: 8px 48px; padding-left: 20px; padding-right: 20px; }
@media (max-width: 600px) {
  .brand img { width: 58px; height: 58px; }
  .brand-copy b { font-size: 14px; }
  .dochead { padding-left: 24px; padding-right: 24px; }
  .actions { flex-wrap: wrap; }
  .actions button { flex: 1 1 180px; }
}