/* 101 Article Design v0.3.7 — opt-in charcoal/plum theme.
   Loaded only on single posts using this plugin and only when the dark theme
   setting is on, or for the privileged preview. All rules target the template
   wrapper. Existing HTML in .oneohone-prose is not recolored. */
body.oneohone-article-active.oneohone-article-dark {
  --o1-bg: #130f16;
  --o1-paper: #1b131e;
  --o1-ink: #f8ebf2;
  --o1-muted: #cfaebf;
  --o1-rose: #f4b0c9;
  --o1-rose-strong: #f59bbd;
  --o1-pale: #2d1928;
  --o1-border: rgba(241, 137, 178, .31);
  background-color: #130f16 !important;
  color: #f8ebf2;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-main {
  background: radial-gradient(ellipse 78% 310px at 50% -100px, rgba(170,65,120,.21), transparent 80%), #130f16 !important;
  color: #f8ebf2 !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-post-header {
  background: linear-gradient(115deg, #311d2b 0%, #201521 52%, #1b141e 100%) !important;
  border-color: rgba(246,133,186,.38) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.18), inset 0 1px rgba(255,214,233,.055) !important;
}
body.oneohone-article-active.oneohone-article-dark h1.oneohone-post-title {
  color: #fff5f9 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.13) !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-post-eyebrow {
  color: #ffb5d0 !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-post-meta {
  color: #d6b7c5 !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-age-label {
  background: #50253c !important;
  color: #ffe3ef !important;
  border: 1px solid rgba(255,166,206,.24);
}
body.oneohone-article-active.oneohone-article-dark .oneohone-breadcrumb,
body.oneohone-article-active.oneohone-article-dark .oneohone-breadcrumb a {
  color: #c8a1b4 !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-article-paper {
  background: #1b131e !important;
  border-color: rgba(246,133,186,.38) !important;
  box-shadow: 0 15px 35px rgba(0,0,0,.12) !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-toc {
  background: linear-gradient(110deg,#361d2d, #261727) !important;
  border-color: #9c4f76 !important;
  box-shadow: inset 0 1px 0 rgba(255,220,234,.08);
}
body.oneohone-article-active.oneohone-article-dark .oneohone-toc-toggle,
body.oneohone-article-active.oneohone-article-dark .oneohone-toc-toggle:focus-visible {
  color: #ffe0ee !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-toc-list li { color:#f1a0c2 !important; }
body.oneohone-article-active.oneohone-article-dark .oneohone-toc-list a { color:#f7d8e6 !important; }
body.oneohone-article-active.oneohone-article-dark .oneohone-toc-list a:hover { color:#ffffff !important; }
body.oneohone-article-active.oneohone-article-dark .oneohone-toc-toggle:focus-visible,
body.oneohone-article-active.oneohone-article-dark .oneohone-back a:focus-visible,
body.oneohone-article-active.oneohone-article-dark .oneohone-related-card:focus-visible {
  outline: 2px solid #ffacd0;
  outline-offset: 3px;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-hero-banner {
  border-color: rgba(246,133,186,.38) !important;
  background: #241520 !important;
}
/* Default prose text may be directly in the_content() without a custom background.
   Only its inherited base text changes so it is legible on a dark paper.
   Existing inline colors/backgrounds on paragraphs, divs and images are kept. */
body.oneohone-article-active.oneohone-article-dark .oneohone-prose {
  color: #f0e2ec;
}
/* Plain headings: avoid dark-on-dark; authors' own inline style colors still win. */
body.oneohone-article-active.oneohone-article-dark .oneohone-prose h2:not([style]) { color: #f4b3d0; }
body.oneohone-article-active.oneohone-article-dark .oneohone-prose h3:not([style]) { color: #eac4d6; }
/* Existing plugin styles for tables, photos and legacy content stay unchanged. */
body.oneohone-article-active.oneohone-article-dark .oneohone-section-head h2 {
  color: #fbedf3 !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-section-head small {
  color: #f0a8c8 !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-section-head > a {
  color: #f2bad2 !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-related-card {
  background: #281b2a !important;
  border: 1px solid rgba(245,147,193,.33) !important;
  color: #fbecf4 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.15) !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-related-card:hover {
  border-color: #eda4c5 !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-related-placeholder {
  background: linear-gradient(130deg,#472238,#251729) !important;
  color: #ffcade !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-related-more {
  color: #f4abc9 !important;
}
body.oneohone-article-active.oneohone-article-dark .oneohone-back a {
  color: #ffe7f1 !important;
  background: #342033 !important;
  border-color: rgba(246,159,198,.5) !important;
}
/* Match the mockup by connecting banner, title and body without white seams. */
body.oneohone-article-active.oneohone-article-dark.oneohone-article-compact .oneohone-post-header {
  border-bottom: 0 !important;
  box-shadow: none !important;
}
body.oneohone-article-active.oneohone-article-dark.oneohone-article-compact .oneohone-article-paper {
  border-top: 0 !important;
}
@media (max-width: 700px) {
  body.oneohone-article-active.oneohone-article-dark .oneohone-post-header { padding-top: 14px !important; }
  body.oneohone-article-active.oneohone-article-dark .oneohone-article-paper { padding-bottom: 16px !important; }
  body.oneohone-article-active.oneohone-article-dark .oneohone-toc { margin-bottom: 10px !important; }
}