/* 101 city-site single-post design system — scoped to posts only. */
body.oneohone-article-active {
  --o1-bg: #fffaf7;
  --o1-paper: #ffffff;
  --o1-ink: #42313a;
  --o1-muted: #8d7980;
  --o1-rose: #ac6a82;
  --o1-rose-strong: #96506c;
  --o1-pale: #faf0ee;
  --o1-border: #edddd9;
  background: var(--o1-bg) !important;
}

/* Hide empty Anima header-image wrappers left by the theme on single posts.
   Only applies when the custom article template is active. */
body.oneohone-article-active #header-page-title,
body.oneohone-article-active #header-image-main,
body.oneohone-article-active #header-image {
  display: none !important;
}
body.oneohone-article-active .oneohone-prose > .oneohone-washed {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.oneohone-article-active .oneohone-main {
  width: 100%;
  min-width: 0;
  background: var(--o1-bg);
  padding: 32px 18px 68px;
  color: var(--o1-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", system-ui, sans-serif;
  line-height: 1.85;
}
body.oneohone-article-active .oneohone-main *,
body.oneohone-article-active .oneohone-main *::before,
body.oneohone-article-active .oneohone-main *::after { box-sizing: border-box; }
body.oneohone-article-active .oneohone-container { width: min(100%, 1080px); margin-inline: auto; }
body.oneohone-article-active .oneohone-post { width: 100%; max-width: 100%; }
body.oneohone-article-active .oneohone-post-header {
  border: 1px solid var(--o1-border);
  border-radius: 18px;
  background: linear-gradient(130deg, #fff, #fdf2f1);
  padding: clamp(23px,4vw,45px) clamp(19px,4.5vw,48px);
  box-shadow: 0 12px 34px rgba(95,52,64,.055);
  margin: 0 0 24px;
}
body.oneohone-article-active .oneohone-breadcrumb {
  display: flex; align-items: center; flex-wrap: wrap; gap: 9px;
  font-size: 12px; color: var(--o1-muted); margin-bottom: 21px;
}
body.oneohone-article-active .oneohone-breadcrumb a { color: var(--o1-muted); text-decoration: none; }
body.oneohone-article-active .oneohone-breadcrumb a:hover { color: var(--o1-rose-strong); text-decoration: underline; }
body.oneohone-article-active .oneohone-post-eyebrow {
  font-size: 12px; font-weight: 800; line-height: 1.7; letter-spacing: 1px;
  color: var(--o1-rose); margin: 0 0 13px;
}
body.oneohone-article-active .oneohone-spark { font-size: 17px; margin-right: 5px; }
body.oneohone-article-active h1.oneohone-post-title {
  font-weight: 800; color: var(--o1-ink) !important;
  font-size: clamp(25px,3.2vw,37px) !important;
  line-height: 1.48 !important; letter-spacing: .015em;
  border: 0; padding: 0; margin: 0 0 20px;
  text-align: left; background: transparent; text-shadow: none;
  overflow-wrap: anywhere;
}
body.oneohone-article-active .oneohone-post-meta {
  display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center;
  font-size: 12px; color: var(--o1-muted);
}
body.oneohone-article-active .oneohone-age-label {
  background: #f7e9ea; padding: 2px 9px; color: #8c6672; border-radius: 100px;
}
body.oneohone-article-active .oneohone-article-paper {
  background: var(--o1-paper); border: 1px solid var(--o1-border);
  border-radius: 18px; padding: clamp(18px,3.5vw,42px);
  box-shadow: 0 12px 34px rgba(95,52,64,.045);
  overflow-wrap: anywhere;
}
body.oneohone-article-active .oneohone-toc {
  margin: 0 0 32px; background: #fff8f7;
  border: 1px solid var(--o1-border); border-radius: 14px;
  padding: 15px clamp(14px,2.5vw,24px);
}
body.oneohone-article-active .oneohone-toc[hidden] { display: none !important; }
body.oneohone-article-active .oneohone-toc-toggle {
  display: flex; width: 100%; align-items: center; justify-content: space-between;
  border: 0; padding: 2px 0; background: transparent; color: var(--o1-rose-strong);
  font-size: 16px; font-weight: 800; cursor: pointer; text-align: left;
}
body.oneohone-article-active .oneohone-toc-icon { font-size: 23px; line-height: 1; }
body.oneohone-article-active .oneohone-toc-toggle[aria-expanded="false"] + .oneohone-toc-list { display: none; }
body.oneohone-article-active .oneohone-toc-list { padding: 5px 0 0 23px; margin: 10px 0 0; }
body.oneohone-article-active .oneohone-toc-list li { margin: 7px 0; color: var(--o1-rose); padding-left: 3px; }
body.oneohone-article-active .oneohone-toc-list a { color: #6e515c; text-decoration: none; font-size: 14px; line-height: 1.7; }
body.oneohone-article-active .oneohone-toc-list a:hover { color: var(--o1-rose-strong); text-decoration: underline; }
body.oneohone-article-active .oneohone-prose {
  max-width: 100%; width: 100%; min-width: 0; font-size: 16px;
  line-height: 1.95; color: var(--o1-ink);
  overflow-wrap: anywhere;
}
body.oneohone-article-active .oneohone-prose :is(p, ul, ol, blockquote) { margin-top: 0; margin-bottom: 19px; }
body.oneohone-article-active .oneohone-prose :is(h1, h2, h3, h4, h5) {
  font-family: inherit; line-height: 1.5; font-weight: 800;
  text-shadow: none; overflow-wrap: anywhere;
  clear: both;
}
body.oneohone-article-active .oneohone-prose h1 { font-size: clamp(22px,2.4vw,29px); color: var(--o1-ink); margin: 22px 0; }
body.oneohone-article-active .oneohone-prose h2 {
  font-size: clamp(21px,2.25vw,27px);
  color: var(--o1-rose-strong);
  margin: 42px 0 17px; padding: 0 0 12px;
  border-bottom: 1px solid var(--o1-border);
}
body.oneohone-article-active .oneohone-prose h3 { font-size: clamp(18px,1.8vw,22px); color: #6e4b59; margin: 27px 0 12px; }
body.oneohone-article-active .oneohone-prose :is(h4,h5) { font-size: 17px; margin: 22px 0 10px; }
body.oneohone-article-active .oneohone-prose a { color: var(--o1-rose-strong); text-underline-offset: 3px; }
body.oneohone-article-active .oneohone-prose a:hover { color: #71394f; }
body.oneohone-article-active .oneohone-prose :is(img, figure, video, iframe) { max-width: 100% !important; }
body.oneohone-article-active .oneohone-prose img {
  display: block; width: auto; height: auto !important; max-width: 100% !important;
  margin: 14px auto 21px; border-radius: 12px;
}
body.oneohone-article-active .oneohone-prose figure { margin: 22px auto; max-width: 100%; }
body.oneohone-article-active .oneohone-prose figure img { margin-inline: auto; }
body.oneohone-article-active .oneohone-prose iframe { width: 100%; border-radius: 10px; }
body.oneohone-article-active .oneohone-prose .wp-block-embed__wrapper { max-width: 100%; }
body.oneohone-article-active .oneohone-prose :is(table, .wp-block-table table) {
  display: table; width: 100%; max-width: 100%; border-collapse: collapse;
  border: 1px solid var(--o1-border); background: #fff;
  margin: 22px 0; font-size: 14px; color: var(--o1-ink);
}
body.oneohone-article-active .oneohone-prose :is(th,td) {
  border: 1px solid var(--o1-border); padding: 12px 10px;
  text-align: left; vertical-align: top; line-height: 1.65;
}
body.oneohone-article-active .oneohone-prose th { background: #f9eeee; color: #784958; font-weight: 800; }
body.oneohone-article-active .oneohone-prose :is(.wp-block-table, .table-responsive, .responsive-table) {
  max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
body.oneohone-article-active .oneohone-prose blockquote {
  padding: 18px 20px; border-left: 4px solid var(--o1-rose);
  background: #fcf5f3; border-radius: 0 12px 12px 0;
}
body.oneohone-article-active .oneohone-prose :is(.ez-toc-container, #ez-toc-container, .lwptoc, .toc_container, .rank-math-toc-block, .wp-block-rank-math-toc-block, .toc_wrap, #toc_container) {
  display: none !important;
}
body.oneohone-article-active .oneohone-prose .oneohone-hidden-duplicate { display: none !important; }
/* Opt-in: flatten legacy dark inline backgrounds at display time; not stored in the database. */
/* Do NOT globally force dark text onto dark legacy badges: normalize the
   background and the text together in article.js instead. */
body.oneohone-legacy-cleanup .oneohone-prose .oneohone-washed { color: var(--o1-ink) !important; }
body.oneohone-legacy-cleanup .oneohone-prose .oneohone-washed :is(p,li,span,strong,b,em,small) { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
body.oneohone-legacy-cleanup .oneohone-prose a:not(.wp-block-button__link):not([style*="background"]) { color: var(--o1-rose-strong) !important; }
body.oneohone-legacy-cleanup .oneohone-prose :is(h1,h2,h3,h4,h5) { text-shadow: none !important; }

/* v0.3: remove the remaining dark plum heading strips and near-invisible
   legacy chips only when the opt-in compatibility mode is enabled.
   Preserve photos, inline links, embedded media, and post database content. */
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose h2 {
  display: block;
  background: #fcf0ee !important;
  background-image: none !important;
  border: 1px solid #edd7d8 !important;
  border-left: 5px solid #b7778d !important;
  border-radius: 11px !important;
  color: #743e53 !important;
  padding: 13px 17px !important;
  margin: 34px 0 17px !important;
  box-shadow: none !important;
  text-align: left !important;
  font-size: clamp(19px,2.15vw,25px) !important;
  line-height: 1.55 !important;
}
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose h2 :is(span,strong,b,em,a),
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose h3 :is(span,strong,b,em,a) {
  color: #743e53 !important;
  background: transparent !important;
  background-image: none !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #743e53 !important;
}
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose h3.oneohone-washed-heading,
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose h4.oneohone-washed-heading {
  background: #fff6f4 !important;
  background-image: none !important;
  color: #743e53 !important;
  border: 1px solid #edd7d8 !important;
  border-left: 3px solid #c78fa0 !important;
  border-radius: 9px !important;
  padding: 10px 13px !important;
  box-shadow: none !important;
  text-align: left !important;
}
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose .oneohone-soft-chip {
  color: #84495c !important;
  -webkit-text-fill-color: #84495c !important;
  background: #f8e9e8 !important;
  background-image: none !important;
  border-color: #e8c8cf !important;
  border-radius: 9px !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose .oneohone-soft-chip :is(span,strong,b,em,small) {
  color: #84495c !important;
  -webkit-text-fill-color: #84495c !important;
  text-shadow: none !important;
}
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose .oneohone-soft-chip:focus-visible {
  outline: 2px solid #a75d78;
  outline-offset: 3px;
}

body.oneohone-article-active .oneohone-related { margin: 43px 0 22px; }
body.oneohone-article-active .oneohone-section-head { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-bottom: 16px; }
body.oneohone-article-active .oneohone-section-head small { display: block; color: #be8292; font-size: 11px; letter-spacing: 1px; font-weight: 800; }
body.oneohone-article-active .oneohone-section-head h2 { color: var(--o1-ink); margin: 2px 0 0; font-size: 23px; line-height: 1.4; font-weight: 800; }
body.oneohone-article-active .oneohone-section-head > a { color: var(--o1-rose-strong); font-size: 13px; text-decoration: none; }
body.oneohone-article-active .oneohone-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
body.oneohone-article-active .oneohone-related-card {
  display: block; text-decoration: none; color: var(--o1-ink);
  background: #fff; border: 1px solid var(--o1-border); border-radius: 14px;
  overflow: hidden; box-shadow: 0 6px 20px rgba(95,52,64,.04);
}
body.oneohone-article-active .oneohone-related-card:hover { border-color: #d7adb6; transform: translateY(-2px); transition: transform .18s; }
body.oneohone-article-active .oneohone-related-image { aspect-ratio: 16/10; overflow: hidden; background: #f9e5e4; }
body.oneohone-article-active .oneohone-related-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.oneohone-article-active .oneohone-related-placeholder { aspect-ratio: 16/10; background: linear-gradient(120deg,#ecd3d7,#fbede6); display: grid; place-content: center; text-align: center; color: #9e6980; font-size: 34px; line-height: 1; font-weight: 900; }
body.oneohone-article-active .oneohone-related-placeholder span { display: block; font-size: 9px; letter-spacing: 3px; margin-top: 10px; }
body.oneohone-article-active .oneohone-related-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; font-size: 15px; line-height: 1.6; font-weight: 800; padding: 14px 15px 7px; }
body.oneohone-article-active .oneohone-related-more { display: block; font-size: 12px; padding: 0 15px 15px; color: var(--o1-rose-strong); }
body.oneohone-article-active .oneohone-back { text-align: center; margin-top: 26px; }
body.oneohone-article-active .oneohone-back a { display: inline-block; border: 1px solid #dcb5bd; border-radius: 100px; background: #fff; padding: 8px 20px; color: var(--o1-rose-strong); text-decoration: none; font-weight: 700; font-size: 14px; }
@media (max-width: 700px) {
  body.oneohone-article-active .oneohone-main { padding: 16px 12px 44px; }
  body.oneohone-article-active .oneohone-post-header { border-radius: 14px; margin-bottom: 14px; padding: 23px 18px; }
  body.oneohone-article-active .oneohone-post-title { font-size: 25px !important; }
  body.oneohone-article-active .oneohone-breadcrumb { margin-bottom: 15px; }
  body.oneohone-article-active .oneohone-article-paper { padding: 19px 14px; border-radius: 14px; }
  body.oneohone-article-active .oneohone-prose { font-size: 16px; }
  body.oneohone-article-active .oneohone-prose :is(table, .wp-block-table table) { font-size: 12px; }
  body.oneohone-article-active .oneohone-prose :is(th,td) { padding: 8px 6px; }
  body.oneohone-article-active .oneohone-related-grid { grid-template-columns: 1fr; gap: 12px; }
  body.oneohone-article-active .oneohone-related-card { display: grid; grid-template-columns: 112px minmax(0,1fr); grid-template-rows: auto auto; align-items: center; }
  body.oneohone-article-active .oneohone-related-image, body.oneohone-article-active .oneohone-related-placeholder { grid-row: span 2; height: 100%; aspect-ratio: 4/3; }
  body.oneohone-article-active .oneohone-related-title { font-size: 13px; -webkit-line-clamp: 2; line-clamp: 2; padding: 10px 10px 0; }
  body.oneohone-article-active .oneohone-related-more { padding: 1px 10px 10px; }
}
@media (prefers-reduced-motion: reduce) { body.oneohone-article-active .oneohone-related-card:hover { transform: none; transition: none; } }

/* v0.3.2 static fallback: old inline pill/badge colors were dark-on-dark.
   Limit to text-only small elements and do not touch image-backed elements.
   JS also handles class-based backgrounds and larger nested containers. */
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose :is(a,button,span,small,label,mark)[style*="background"]:not([style*="url("]) {
  color: #743e53 !important;
  -webkit-text-fill-color: #743e53 !important;
  background-color: #f8e9e8 !important;
  background-image: none !important;
  text-shadow: none !important;
}
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose :is(a,button,span,small,label,mark)[style*="background"]:not([style*="url("]) :is(span,strong,b,small,em) {
  color: #743e53 !important;
  -webkit-text-fill-color: #743e53 !important;
  text-shadow: none !important;
}
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose .oneohone-washed-heading :is(span,strong,b,em,a),
body.oneohone-article-active.oneohone-legacy-cleanup .oneohone-prose .oneohone-soft-chip :is(span,strong,b,em,small,a) {
  color: #743e53 !important;
  -webkit-text-fill-color: #743e53 !important;
}


/* v0.3.3 compact single-post layout. Never changes homepage or post content. */
body.oneohone-article-active.oneohone-article-compact .oneohone-main {
  padding-top: 12px;
  padding-bottom: 52px;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-post-header {
  padding: clamp(18px,2.2vw,27px) clamp(18px,3vw,34px);
  margin-bottom: 14px;
  border-radius: 16px;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-breadcrumb {
  margin-bottom: 9px;
  gap: 7px;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-post-eyebrow {
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: .3px;
}
body.oneohone-article-active.oneohone-article-compact h1.oneohone-post-title {
  font-size: clamp(24px,2.75vw,34px) !important;
  line-height: 1.45 !important;
  margin-bottom: 11px;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-article-paper {
  padding: clamp(17px,2.75vw,33px);
}
body.oneohone-article-active.oneohone-article-compact .oneohone-toc {
  margin-bottom: 21px;
}
@media (max-width: 700px) {
  body.oneohone-article-active.oneohone-article-compact .oneohone-main {
    padding: 10px 10px 36px;
  }
  body.oneohone-article-active.oneohone-article-compact .oneohone-post-header {
    padding: 18px 16px;
    margin-bottom: 12px;
    border-radius: 13px;
  }
  body.oneohone-article-active.oneohone-article-compact h1.oneohone-post-title {
    font-size: clamp(23px,5.5vw,27px) !important;
    line-height: 1.5 !important;
  }
  body.oneohone-article-active.oneohone-article-compact .oneohone-article-paper {
    padding: 17px 13px;
  }
}


/* v0.3.4 — REAL compact reading layout. Old post HTML, colors, photos, SEO,
   and homepage are completely untouched. One shared panel; fewer wrappers. */
body.oneohone-article-active.oneohone-article-compact .oneohone-container {
  width: min(100%, 1180px);
}
body.oneohone-article-active.oneohone-article-compact .oneohone-main {
  padding: 6px 16px 38px;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-breadcrumb {
  display: none !important; /* Rank Math's breadcrumb schema is unaffected. */
}
body.oneohone-article-active.oneohone-article-compact .oneohone-post-header {
  margin-bottom: 0 !important;
  padding: 17px 26px 13px !important;
  border-radius: 16px 16px 0 0 !important;
  border-bottom: 0 !important;
  background: #fff8f6;
  box-shadow: none !important;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-post-eyebrow {
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.45;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-spark {
  font-size: 12px;
  margin-right: 3px;
}
body.oneohone-article-active.oneohone-article-compact h1.oneohone-post-title {
  font-size: clamp(23px, 2.1vw, 29px) !important;
  line-height: 1.39 !important;
  margin-bottom: 8px !important;
  letter-spacing: 0 !important;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-post-meta {
  gap: 5px 12px;
  font-size: 11px;
  line-height: 1.45;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-article-paper {
  border-radius: 0 0 16px 16px !important;
  border-top: 0 !important;
  padding: 10px 26px 25px !important;
  box-shadow: none !important;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-toc {
  margin: 0 0 14px !important;
  padding: 9px 14px !important;
  border-radius: 10px;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-toc-toggle {
  font-size: 14px;
  min-height: 28px;
  line-height: 1.4;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-toc-icon {
  font-size: 19px;
  transition: transform .15s ease;
}
body.oneohone-article-active.oneohone-article-compact .oneohone-toc-toggle[aria-expanded="true"] .oneohone-toc-icon {
  transform: rotate(180deg);
}
body.oneohone-article-active.oneohone-article-compact .oneohone-toc-list {
  margin-top: 8px;
}
/* Keep original article containers/banners and their inline backgrounds. */
body.oneohone-article-active.oneohone-article-compact .oneohone-prose > :first-child {
  margin-top: 0;
}
@media (max-width:700px) {
  body.oneohone-article-active.oneohone-article-compact .oneohone-main {
    padding: 6px 8px 30px;
  }
  body.oneohone-article-active.oneohone-article-compact .oneohone-post-header {
    padding: 13px 13px 10px !important;
    border-radius: 12px 12px 0 0 !important;
  }
  body.oneohone-article-active.oneohone-article-compact .oneohone-post-eyebrow {
    font-size: 10px;
    margin-bottom: 5px !important;
  }
  body.oneohone-article-active.oneohone-article-compact h1.oneohone-post-title {
    font-size: clamp(21px, 5.3vw, 24px) !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
    overflow-wrap: anywhere;
  }
  body.oneohone-article-active.oneohone-article-compact .oneohone-article-paper {
    padding: 9px 12px 18px !important;
    border-radius: 0 0 12px 12px !important;
  }
  body.oneohone-article-active.oneohone-article-compact .oneohone-toc {
    padding: 7px 11px !important;
    margin-bottom: 10px !important;
  }
  body.oneohone-article-active.oneohone-article-compact .oneohone-toc-toggle {
    font-size: 13px;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.oneohone-article-active.oneohone-article-compact .oneohone-toc-icon { transition: none; }
}


/* v0.3.5: region-neutral visual banner above single article titles.
   It is not inside the_content(), so old dark article design is untouched. */
body.oneohone-article-active .oneohone-hero-banner {
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
  overflow: hidden;
  border: 1px solid var(--o1-border);
  border-bottom: 0;
  border-radius: 16px 16px 0 0;
  background: #f3d8de;
}
body.oneohone-article-active .oneohone-hero-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  border: 0;
  object-fit: contain;
  aspect-ratio: 3 / 1;
}
body.oneohone-article-active .oneohone-hero-banner + .oneohone-post-header,
body.oneohone-article-active.oneohone-article-compact .oneohone-hero-banner + .oneohone-post-header {
  border-radius: 0 !important;
  border-top: 0 !important;
}
@media (max-width: 700px) {
  body.oneohone-article-active .oneohone-hero-banner {
    border-radius: 12px 12px 0 0;
  }
  body.oneohone-article-active .oneohone-hero-banner img {
    width: 100%;
    height: auto;
  }
}


/* v0.3.6: optional Anima header removal on 101 single-post pages only.
   Restrict to #masthead and theme main-navigation pieces; never hide WP admin bar.
   No changes to other site routes or original post HTML. */
body.oneohone-article-active.oneohone-article-no-theme-header #masthead,
body.oneohone-article-active.oneohone-article-no-theme-header #site-header-main,
body.oneohone-article-active.oneohone-article-no-theme-header .site-header-main,
body.oneohone-article-active.oneohone-article-no-theme-header #site-header,
body.oneohone-article-active.oneohone-article-no-theme-header header.site-header {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
/* Theme menu's fixed / sticky clone should not leave a spacer behind. */
body.oneohone-article-active.oneohone-article-no-theme-header #site-header-main + .sticky-element-placeholder,
body.oneohone-article-active.oneohone-article-no-theme-header #masthead .sticky-element-placeholder,
body.oneohone-article-active.oneohone-article-no-theme-header #masthead + .sticky-element-placeholder {
  display: none !important;
  height: 0 !important;
}
/* When the header is gone, put the article hero close to the page top. */
body.oneohone-article-active.oneohone-article-no-theme-header .oneohone-main,
body.oneohone-article-active.oneohone-article-no-theme-header.oneohone-article-compact .oneohone-main {
  padding-top: 0 !important;
}