/* Golden Royal Studio CSS 3.5.0 — gray/gold tabs + Word toolbar */
.studio { width: min(72rem, calc(100% - 2rem)); margin: 2rem auto 4rem; font-family: Inter, "Segoe UI", sans-serif; color: #1c2a33; }
.studio header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.1rem; gap: 1rem; flex-wrap: wrap; }
.studio .card {
  background: #fff; border-radius: 1.2rem; padding: 1.35rem;
  box-shadow: 0 18px 50px rgba(28, 42, 51, 0.1); margin-bottom: 1rem;
}
.studio .login-card { width: min(28rem, 100%); margin-inline: auto; }
.studio h1, .pane-title { font-family: "Roboto Slab", Georgia, serif; font-size: 1.7rem; margin-top: 0; }
.studio label, .studio .article-label { display: flex; flex-direction: column; gap: 0.35rem; font-weight: 600; margin: 0.7rem 0 0.4rem; font-size: 0.9rem; }
.studio input, .studio textarea {
  min-height: 2.8rem; border-radius: 0.8rem; border: 1px solid rgba(28,42,51,.12);
  padding: 0.5rem 0.75rem; font: inherit;
}
.studio header a,
.studio header button,
.studio .row a,
.studio .row button,
.studio .card > button[type="submit"],
.studio .login-card button[type="submit"] {
  display: inline-flex; min-height: 2.7rem; align-items: center; padding: 0 1rem;
  border-radius: 999px; border: 0; background: #c6a04a; color: #0b0a09;
  font-weight: 700; text-decoration: none; cursor: pointer; font: inherit;
}
.studio .ghost { background: #1c2a33; color: #fff; }
.studio .danger { background: transparent; color: #9a2b2b; }
.studio .ok { background: #e7f6ee; padding: 0.7rem 1rem; border-radius: 0.8rem; }
.studio .err { color: #9a2b2b; }
.studio .turnstile-wrap { margin: 1rem 0 0.35rem; min-height: 68px; }
.studio .turnstile-hint { margin: 0.45rem 0 0.2rem; font-size: 0.78rem; font-weight: 500; color: #5d6d77; }

.studio-tabs {
  display: flex; gap: 0.5rem; flex-wrap: wrap; margin: 0 0 1.2rem;
}
.studio-tabs a,
.studio-tabs a:link,
.studio-tabs a:visited,
.studio-tabs a:hover,
.studio-tabs a:active,
.studio-tabs button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.7rem !important;
  padding: 0 1.2rem !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #d5dbe0 !important;
  color: #4a5560 !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
.studio-tabs a.on,
.studio-tabs a.on:hover,
.studio-tabs button.on {
  background: #c6a04a !important;
  color: #0b0a09 !important;
}
.studio-tabs .badge {
  display: inline-grid; place-items: center; min-width: 1.35rem; height: 1.35rem;
  margin-left: 0.4rem; border-radius: 999px; background: #1c2a33; color: #fff;
  font-size: 0.72rem;
}

.studio-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.j-card {
  background: #fff; border-radius: 1.2rem; overflow: hidden;
  box-shadow: 0 18px 50px rgba(28, 42, 51, 0.1);
}
.j-card img, .blog-card img {
  width: 100%; aspect-ratio: 16/10; object-fit: cover; object-position: center;
  display: block; image-rendering: auto;
}
.j-card div { padding: 1rem 1.1rem 1.15rem; }
.j-card h3 { margin: 0.2rem 0 0.4rem; font-size: 1.15rem; }
.j-card p { margin: 0; color: #5d6d77; font-size: 0.92rem; }
.j-card .row, .comment-admin .row { display: flex; gap: 0.5rem; margin-top: 0.85rem; }
.comment-admin.pending { border-left: 4px solid #c6a04a; }
.comment-admin.approved { border-left: 4px solid #2f7d4a; }
.comment-admin.rejected { border-left: 4px solid #9a2b2b; opacity: 0.78; }
.comment-admin .who { font-weight: 700; color: #1c2a33; margin: 0.2rem 0 0.45rem; }
.comment-admin .meta { text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.72rem; font-weight: 700; color: #8d6f24; }

/* Word-like editor chrome — never inherit gold pills */
.studio .wp-editor-wrap {
  border: 1px solid #8a8a8a;
  border-radius: 2px;
  background: #fff;
  overflow: hidden;
}
.studio .wp-editor-tools { background: #f3f3f3; padding: 4px 6px 0; border-bottom: 1px solid #c8c8c8; }
.studio .wp-switch-editor {
  background: #e1dfdd !important; color: #2b2b2b !important; border: 1px solid #c8c8c8 !important;
  border-radius: 2px 2px 0 0 !important; min-height: 24px !important; font-weight: 600 !important;
  padding: 4px 10px !important; box-shadow: none !important;
}
.studio .wp-switch-editor.switch-tmce { background: #fff !important; }
.studio .mce-tinymce, .studio .mce-container, .studio .mce-panel, .studio .mce-toolbar-grp {
  background: #f3f3f3 !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
}
.studio .mce-top-part::before { display: none !important; box-shadow: none !important; }
.studio .mce-toolbar { padding: 3px 4px !important; }
.studio .mce-btn,
.studio .mce-btn button,
.studio .quicktags-toolbar input.button,
.studio .tox-tbtn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  min-height: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  padding: 2px 5px !important;
  margin: 1px !important;
  color: #2b2b2b !important;
  font: 400 13px "Segoe UI", Calibri, sans-serif !important;
}
.studio .mce-btn:hover,
.studio .mce-btn button:hover,
.studio .tox-tbtn:hover {
  background: #e1dfdd !important;
  border-color: #c8c8c8 !important;
}
.studio .mce-btn.mce-active,
.studio .mce-btn.mce-active button,
.studio .tox-tbtn--enabled {
  background: #c7e0f4 !important;
  border-color: #2b88d8 !important;
}
.studio .mce-menubtn,
.studio .mce-listbox {
  background: #fff !important;
}
.studio .mce-menubtn button,
.studio .mce-listbox button {
  background: #fff !important;
  border: 1px solid #8a8a8a !important;
  border-radius: 2px !important;
  min-width: 92px !important;
  height: 26px !important;
  padding: 0 8px !important;
}
.studio .mce-edit-area, .studio .mce-edit-area iframe { background: #fff !important; }
.studio .tox-tinymce { border: 1px solid #8a8a8a !important; border-radius: 2px !important; }
.studio .tox-editor-header, .studio .tox-toolbar, .studio .tox-toolbar__primary {
  background: #f3f3f3 !important; border-color: #c8c8c8 !important; box-shadow: none !important;
}

@media (max-width: 800px) {
  .studio-grid { grid-template-columns: 1fr; }
}