/* ChipJourney production CozaStore editorial layer */

html {
  color-scheme: light;
  min-height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.coza-production {
  min-height: 100%;
  height: auto !important;
  overflow: visible !important;
  background: #fff !important;
  color: #555 !important;
}

.coza-production .site-header {
  background: rgba(255, 255, 255, 0.98);
}

.coza-production .site-header::before,
.coza-production .site-header::after,
.coza-production .article-box::before,
.coza-production .archive-hero::before,
.coza-production .hero::before,
.coza-production .panel::before {
  display: none;
}

.coza-production .brand-mark {
  border-radius: 0;
  background: #f2f2f2;
  color: #333;
  box-shadow: none;
}

.coza-production .brand-name {
  background: none;
  color: #171717;
  -webkit-text-fill-color: currentColor;
}

.coza-production .top-nav a {
  border-radius: 0;
}

.coza-production .top-nav a:hover,
.coza-production .top-nav a[aria-current="page"] {
  background: transparent;
  color: #717fe0;
}

.coza-production .nav-cta {
  border-radius: 23px !important;
}

.coza-production .site-main {
  min-height: 58vh;
}

/* Standard pages */

.coza-page .site-main > .hero,
.coza-page .site-main > .panel,
.coza-page .search-panel,
.coza-page .contact-hero-card {
  margin: 0 0 48px;
  padding: clamp(36px, 6vw, 72px);
  border: 0;
  border-radius: 0;
  background: #f5f5f5;
  box-shadow: none;
}

.coza-page .hero h1,
.coza-page .panel h1,
.coza-page .search-panel h1 {
  max-width: 820px;
  margin: 0 0 18px;
  color: #171717;
  font-size: clamp(38px, 6vw, 68px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.05em;
}

.coza-page .article-box {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

/* Archive, category, tag and blog pages */

.coza-archive .site-main {
  max-width: 1320px;
  padding-top: 52px;
}

.coza-archive .site-main > .hero,
.coza-archive .archive-hero {
  display: block;
  min-height: 0;
  margin: 0 0 64px;
  padding: clamp(46px, 7vw, 86px);
  border: 0;
  border-radius: 0;
  background: #f4f4f4;
  color: #555;
  box-shadow: none;
  overflow: visible;
}

.coza-archive .archive-hero-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
  gap: 64px;
  align-items: end;
}

.coza-archive .hero .super,
.coza-archive .archive-hero .super,
.coza-archive .archive-hero .eyebrow {
  margin: 0 0 15px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #717fe0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.coza-archive .hero .super::before,
.coza-archive .archive-hero .super::before {
  display: none;
}

.coza-archive .hero h1,
.coza-archive .archive-hero h1 {
  max-width: 880px;
  margin: 0 0 18px;
  color: #171717;
  font-size: clamp(40px, 6vw, 72px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.055em;
}

.coza-archive .hero p,
.coza-archive .archive-hero p {
  max-width: 780px;
  margin: 0;
  color: #666;
  font-size: 16px;
  line-height: 1.8;
}

.coza-archive .archive-stats {
  gap: 22px;
}

.coza-archive .archive-stats strong {
  color: #171717;
  font-weight: 600;
}

.coza-archive .archive-stats span {
  color: #777;
  font-weight: 500;
}

.coza-archive .section-title {
  margin: 64px 0 30px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6e6e6;
}

.coza-archive .grid,
.coza-archive .archive-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 42px 30px;
}

.coza-archive .post-card {
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.coza-archive .post-card:hover {
  border: 0;
  box-shadow: none;
}

.coza-archive .post-card-body {
  padding: 17px 0 0;
}

.coza-archive .post-card h2 a {
  color: #171717;
}

.coza-archive .post-card h2 a:hover {
  color: #717fe0;
}

.coza-archive .pagination {
  margin: 64px 0 0;
  padding-top: 28px;
  border-top: 1px solid #e6e6e6;
}

.coza-archive .pagination a,
.coza-archive .pagination span {
  min-width: 40px;
  min-height: 40px;
  padding: 9px 13px;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  background: #fff;
  color: #555;
  box-shadow: none;
}

.coza-archive .taxonomy-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 36px;
  border-top: 1px solid #e6e6e6;
}

.coza-archive .taxonomy-card,
.coza-archive .taxonomy-pill {
  min-height: 56px;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fff;
  color: #333;
  box-shadow: none;
}

.coza-archive .taxonomy-card:hover,
.coza-archive .taxonomy-pill:hover {
  border-color: #e6e6e6;
  background: #fff;
  color: #717fe0;
  box-shadow: none;
  transform: none;
}

.coza-archive .taxonomy-card strong,
.coza-archive .taxonomy-pill strong,
.coza-archive .count-badge {
  border-radius: 0;
  background: transparent;
  color: #717fe0;
  font-size: 12px;
}

.coza-archive .taxonomy-cloud {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 26px;
  border-top: 1px solid #e6e6e6;
}

.coza-archive .search-panel {
  margin: 0 0 48px;
  padding: 30px;
  border: 0;
  border-top: 2px solid #171717;
  border-radius: 0;
  background: #f7f7f7;
  box-shadow: none;
}

.coza-archive .search-panel input {
  min-height: 52px;
  border: 1px solid #d7d7d7;
  border-radius: 0;
  background: #fff;
  color: #333;
}

/* Long-form article shell */

.coza-production.coza-article .site-main {
  max-width: 1220px;
  padding-top: 56px;
}

.coza-production.coza-article .layout-two {
  grid-template-columns: minmax(0, 820px) minmax(260px, 310px);
  gap: 64px;
}

.coza-production.coza-article .article-box {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  overflow: visible;
}

.coza-production.coza-article .article-box > h1 {
  max-width: 820px;
  margin: 4px 0 22px;
  color: #171717;
  font-size: clamp(40px, 5.5vw, 64px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.055em;
}

.coza-production.coza-article .article-box > .eyebrow {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #717fe0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.coza-production.coza-article .meta,
.coza-production.coza-article .article-meta {
  margin: 0 0 30px;
  color: #777;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.coza-production.coza-article .featured {
  width: 100%;
  max-height: none;
  margin: 0 0 36px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: cover;
}

.coza-production.coza-article .article-content {
  max-width: 760px;
  color: #555;
  font-size: 17px;
  line-height: 1.88;
}

.coza-production.coza-article .article-content p {
  margin: 0 0 1.24em;
  color: #555;
}

.coza-production.coza-article .article-content h2 {
  margin: 62px 0 20px;
  padding: 0;
  border: 0;
  color: #171717;
  font-size: clamp(29px, 3vw, 39px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.042em;
}

.coza-production.coza-article .article-content h2::before,
.coza-production.coza-article .article-content h2::after {
  display: none;
}

.coza-production.coza-article .article-content h3 {
  margin: 38px 0 14px;
  color: #171717;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
}

.coza-production.coza-article .article-content h4 {
  margin: 30px 0 12px;
  color: #171717;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
}

.coza-production.coza-article .article-content strong,
.coza-production.coza-article .article-content b,
.coza-production.coza-article .article-content .has-black-color {
  color: #171717 !important;
}

.coza-production.coza-article .article-content a {
  color: #5362c4;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.coza-production.coza-article .article-content img,
.coza-production.coza-article .article-content figure {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.coza-production.coza-article .article-content blockquote,
.coza-production.coza-article .article-content .wp-block-quote {
  margin: 32px 0;
  padding: 24px 28px;
  border: 0;
  border-left: 3px solid #717fe0;
  border-radius: 0;
  background: #f7f7f7;
  color: #555;
  box-shadow: none;
}

/* Retire the old rounded article panels */

.coza-production.coza-article .article-content :is(
  .cj-box,
  .cj-key,
  .cj-quick,
  .cj-takeaways,
  .cj-answer,
  .cj-callout,
  .cj-warning,
  .cj-highlight-box,
  .cj-prayer-box,
  .cj-prayer-note,
  .cj-guide-box,
  .cj-resource-card,
  .cj-source-box,
  .notice-box
) {
  margin: 32px 0 !important;
  padding: 26px 28px !important;
  border: 0 !important;
  border-left: 3px solid #717fe0 !important;
  border-radius: 0 !important;
  background: #f7f7f7 !important;
  color: #555 !important;
  box-shadow: none !important;
}

.coza-production.coza-article .article-content :is(
  .cj-card,
  .cj-mini-card,
  .cj-quote-card,
  .cj-image-card,
  .cj-destination-card,
  .destination-card,
  .cj-product-card,
  .cj-product,
  .cj-aff-card,
  .number-card,
  .solo-quote-card,
  .hb-wish
) {
  border: 1px solid #e6e6e6 !important;
  border-top: 2px solid #171717 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #555 !important;
  box-shadow: none !important;
}

.coza-production.coza-article .article-content :is(
  .cj-card,
  .cj-mini-card,
  .cj-quote-card,
  .cj-image-card,
  .cj-destination-card,
  .destination-card,
  .cj-product-card,
  .cj-product,
  .cj-aff-card,
  .number-card,
  .solo-quote-card,
  .hb-wish
)::before,
.coza-production.coza-article .article-content :is(
  .cj-card,
  .cj-mini-card,
  .cj-quote-card,
  .cj-image-card,
  .cj-destination-card,
  .destination-card,
  .cj-product-card,
  .cj-product,
  .cj-aff-card,
  .number-card,
  .solo-quote-card,
  .hb-wish
)::after {
  box-shadow: none !important;
}

.coza-production.coza-article .article-content :is(.cj-section, .cj-wrap) {
  margin: 52px 0 0 !important;
  padding: 52px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.coza-production.coza-article .article-content :is(.cj-kicker, .cj-label, .cj-badge, .mini-label) {
  display: block;
  width: auto;
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #717fe0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  box-shadow: none;
}

.coza-production.coza-article .article-content :is(.cj-grid, .cj-card-grid, .cj-mini-grid, .cj-resource-grid, .cj-aff-grid, .cj-quote-grid) {
  gap: 18px !important;
}

.coza-production.coza-article .article-content :is(.cj-number, .cj-quote-number, .solo-quote-num, .hb-wish-num) {
  position: static !important;
  display: inline-grid !important;
  place-items: center;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: 0 12px 12px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #717fe0 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Tables, FAQs, tools and forms */

.coza-production.coza-article .article-content :is(.cj-table-wrap, .table-wrap) {
  margin: 28px 0;
  border: 1px solid #e1e1e1 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.coza-production.coza-article .article-content table {
  width: 100%;
  border: 0;
  border-radius: 0;
  background: #fff;
}

.coza-production.coza-article .article-content th {
  background: #171717 !important;
  color: #fff !important;
  font-weight: 600;
}

.coza-production.coza-article .article-content td {
  border-color: #e6e6e6 !important;
  background: #fff !important;
  color: #555 !important;
}

.coza-production.coza-article .article-content :is(.cj-faq, .faq-list, .schema-faq-section) details,
.coza-production.coza-article .article-content .cj-faq-item {
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.coza-production.coza-article .article-content :is(.cj-faq, .faq-list) details:last-child {
  border-bottom: 1px solid #e6e6e6 !important;
}

.coza-production.coza-article .article-content :is(.cj-faq, .faq-list) summary,
.coza-production.coza-article .article-content .schema-faq-question {
  padding: 20px 0 !important;
  color: #171717 !important;
  font-weight: 600 !important;
}

.coza-production.coza-article .article-content :is(
  .cj-tool,
  .cj-tool-panel,
  .cj-finder,
  .cj-selector,
  .cj-calculator,
  [class*="calculator"],
  [class*="decoder"]
) {
  margin: 34px 0 !important;
  padding: 30px 0 !important;
  border: 0 !important;
  border-top: 3px solid #171717 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.coza-production.coza-article .article-content :is(.cj-tool-grid, .cj-finder-grid, .cj-form-grid) {
  gap: 20px !important;
}

.coza-production.coza-article .article-content label {
  color: #333 !important;
  font-size: 12px;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
}

.coza-production.coza-article .article-content select {
  width: 100%;
  min-height: 52px;
  padding: 0 52px 0 16px !important;
  border: 1px solid #d7d7d7 !important;
  border-radius: 0 !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23171717' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 19px center !important;
  background-size: 14px 8px !important;
  color: #333 !important;
  box-shadow: none !important;
}

.coza-production.coza-article .article-content select::-ms-expand {
  display: none;
}

.coza-production.coza-article .article-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
.coza-production.coza-article .article-content textarea {
  min-height: 50px;
  border: 1px solid #d7d7d7 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #333 !important;
  box-shadow: none !important;
}

.coza-production.coza-article .article-content textarea {
  min-height: 130px;
}

.coza-production.coza-article .article-content :is(.cj-output, .cj-tool-result, .cj-selector-result) {
  margin-top: 24px !important;
  padding: 24px 26px !important;
  border: 0 !important;
  border-left: 3px solid #717fe0 !important;
  border-radius: 0 !important;
  background: #f7f7f7 !important;
  color: #555 !important;
  box-shadow: none !important;
}

/* CozaStore buttons across old article components */

.coza-production.coza-article .article-content :is(
  .cj-btn,
  .cj-button,
  .cj-btn-primary,
  .cj-tool-btn,
  .cj-tool-reset,
  .cj-cta-button,
  .cj-cta-btn,
  .wp-block-button__link,
  button.btn,
  a.btn
) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 23px !important;
  border: 1px solid #717fe0 !important;
  border-radius: 23px !important;
  background: #717fe0 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em;
  text-decoration: none !important;
  text-transform: uppercase;
  box-shadow: none !important;
}

.coza-production.coza-article .article-content :is(
  .cj-btn,
  .cj-button,
  .cj-tool-btn,
  .cj-tool-reset,
  .wp-block-button__link,
  button.btn,
  a.btn
):hover {
  border-color: #171717 !important;
  background: #171717 !important;
}

.coza-production.coza-article .article-content :is(.secondary, .cj-tool-reset, .ws-btn-secondary) {
  border-color: #171717 !important;
  background: #fff !important;
  color: #171717 !important;
}

/* Article sharing, comments and sidebar */

.coza-production.coza-article .share-row {
  gap: 10px;
  margin: 56px 0 0;
  padding: 30px 32px;
  border: 0;
  border-top: 2px solid #171717;
  border-radius: 0;
  background: #f7f7f7;
  box-shadow: none;
}

.coza-production.coza-article .share-title {
  margin: 0 0 10px;
  color: #171717;
  font-size: 20px;
  font-weight: 600;
}

.coza-production.coza-article .share-btn {
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid #d7d7d7;
  border-radius: 20px;
  background: #fff;
  color: #333 !important;
  font-size: 12px;
  font-weight: 600;
  box-shadow: none;
}

.coza-production.coza-article .share-btn svg {
  width: 16px;
  height: 16px;
}

.coza-production.coza-article .comments {
  max-width: 760px;
  margin: 64px 0 0;
  padding: 42px 0 0;
  border: 0;
  border-top: 3px solid #171717;
  border-radius: 0;
  background: #fff;
  color: #555;
  box-shadow: none;
}

.coza-production.coza-article .comment-head {
  padding-bottom: 24px;
  border-bottom: 1px solid #e6e6e6;
}

.coza-production.coza-article .comment-card,
.coza-production.coza-article .comment-empty {
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fff;
}

.coza-production.coza-article .comment-form input,
.coza-production.coza-article .comment-form textarea {
  border: 1px solid #d7d7d7;
  border-radius: 0;
  background: #fff;
  color: #333;
}

.coza-production.coza-article .sidebar-card {
  margin-bottom: 38px;
  padding: 24px 0 0;
  border: 0;
  border-top: 2px solid #171717;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.coza-production.coza-article .sidebar-card .small-list {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.coza-production.coza-article .sidebar-card .small-list li {
  display: block;
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid #e6e6e6;
}

.coza-production.coza-article .sidebar-card .small-list li::before {
  display: none;
}

.coza-production.coza-article .sidebar-card .small-list a {
  color: #555;
  font-size: 14px;
  font-weight: 400;
}

/* Existing ads stay functional but lose the old rounded panel */

.coza-production .ad-wrap {
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fafafa;
  box-shadow: none;
}

/* Standalone legacy landing articles now use the same editorial system. */

.coza-production.coza-article .site-main {
  overflow: visible !important;
  background: #fff !important;
  color: #555 !important;
}

.coza-production.coza-article .site-main > :is(section, article),
.coza-production.coza-article .site-main .section,
.coza-production.coza-article .site-main .landing-section,
.coza-production.coza-article .site-main .article-section,
.coza-production.coza-article .site-main .content-section {
  margin: 0 !important;
  padding: clamp(42px, 6vw, 72px) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #555 !important;
  box-shadow: none !important;
}

.coza-production.coza-article .site-main > .hero,
.coza-production.coza-article .site-main .hero:first-child {
  min-height: 0 !important;
  margin-bottom: 54px !important;
  padding: clamp(42px, 6vw, 78px) !important;
  border: 0 !important;
  background: #f5f5f5 !important;
  color: #555 !important;
  box-shadow: none !important;
}

.coza-production.coza-article .site-main :is(h1, h2, h3, h4, h5, h6),
.coza-production.coza-article .site-main :is(.title, .title-sm, .section-title, .number-title, .summary-main) {
  color: #171717 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.coza-production.coza-article .site-main :is(p, li, .lead, .body-lg, .body-md, .body-sm, .muted, .section-intro) {
  color: #555 !important;
  text-shadow: none !important;
}

.coza-production.coza-article .site-main :is(
  .panel,
  .glass,
  .glass-panel,
  .card,
  .mini-card,
  .quick-card,
  .feature-card,
  .faq-card,
  .speaker-card,
  .zodiac-card,
  .sign-card,
  .step-card,
  .product-card,
  .number-card,
  .blessing-card,
  .guide-card,
  .article-panel,
  .trust-card,
  .take-box,
  .takeaway,
  .routine-card,
  .quiz,
  .sources
) {
  border: 1px solid #e5e5e5 !important;
  border-top: 2px solid #171717 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #555 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.coza-production.coza-article .site-main :is(
  .number,
  .mini-number,
  .product-number,
  .step-num,
  .meaning-number,
  .num
) {
  position: static !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: 0 12px 12px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #717fe0 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transform: none !important;
  box-shadow: none !important;
}

.coza-production.coza-article .site-main :is(.number-card, .step, .step-card, .feature-item) {
  position: relative !important;
  padding: 24px !important;
}

.coza-production.coza-article .site-main :is(
  a.btn,
  button.btn,
  .action-button,
  .copy-button,
  .image-button,
  .share-button,
  .pin-button,
  .buy-btn,
  .lsh-button,
  .filter-button
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 23px !important;
  border: 1px solid #717fe0 !important;
  border-radius: 23px !important;
  background: #717fe0 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transform: none !important;
}

.coza-production.coza-article .site-main :is(a.btn, button.btn, .action-button, .copy-button, .buy-btn):hover {
  border-color: #171717 !important;
  background: #171717 !important;
}

.coza-production.coza-article .site-main :is(select, input, textarea) {
  border: 1px solid #d7d7d7 !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  color: #333 !important;
  box-shadow: none !important;
}

.coza-production.coza-article .site-main select {
  min-height: 52px;
  padding-right: 52px !important;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23171717' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 19px center !important;
  background-size: 14px 8px !important;
}

.coza-production.coza-article .site-main :is(.share-row, .share-zone, .share-section) {
  width: auto !important;
  margin: 54px 0 !important;
  padding: 30px 32px !important;
  border: 0 !important;
  border-top: 2px solid #171717 !important;
  border-radius: 0 !important;
  background: #f7f7f7 !important;
  color: #333 !important;
  box-shadow: none !important;
}

/* Convert the two full-screen Moon campaign pages into readable documents. */

.coza-production.coza-article .site-main .deck {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  overflow: visible !important;
  background: #fff !important;
  color: #555 !important;
}

.coza-production.coza-article .site-main .deck::before,
.coza-production.coza-article .site-main .deck::after {
  display: none !important;
}

.coza-production.coza-article .site-main .deck > .brand,
.coza-production.coza-article .site-main > :is(.nav, .menu-overlay, .menu-panel),
.coza-production.coza-article .site-main .section-tag {
  display: none !important;
}

.coza-production.coza-article .site-main .slide {
  position: static !important;
  inset: auto !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  border-bottom: 1px solid #e6e6e6 !important;
  background: #fff !important;
}

.coza-production.coza-article .site-main .slide-inner {
  display: block !important;
  min-height: 0 !important;
  padding: clamp(48px, 7vw, 86px) 0 !important;
}

.coza-production.coza-article .site-main .reveal {
  opacity: 1 !important;
  transform: none !important;
}

.coza-production.coza-article .site-main :is(.image-card, .insight-box, .info-card, .feature-item, .faq-card) {
  border-radius: 0 !important;
  background: #fff !important;
  color: #555 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Final component cleanup: keep legacy article utilities inside the CozaStore system. */

.coza-production.coza-home .cat-cloud a,
.coza-production.coza-archive .taxonomy-card,
.coza-production.coza-archive .taxonomy-pill {
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding-right: 52px !important;
}

.coza-production.coza-home .cat-cloud a::after {
  right: 18px !important;
}

.coza-production :is(.cat-cloud a, .taxonomy-card, .taxonomy-pill) > :is(span, strong, small) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.coza-production.coza-article :is(.comments, .comments-box, .comment-system, .comments-section) {
  width: 100% !important;
  max-width: 760px !important;
  min-height: 0 !important;
  margin: 64px 0 0 !important;
  padding: 40px 0 0 !important;
  border: 0 !important;
  border-top: 3px solid #171717 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #555 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.coza-production.coza-article :is(.comments, .comments-box, .comment-system, .comments-section) > h2 {
  margin: 0 0 12px !important;
  color: #171717 !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.035em !important;
}

.coza-production.coza-article :is(.comments-intro, .comment-note, .comments-empty, .comments-status) {
  margin: 0 0 28px !important;
  color: #777 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
}

.coza-production.coza-article :is(.comments-list, .comment-list) {
  display: block !important;
  margin: 0 0 30px !important;
}

.coza-production.coza-article :is(.comment-item, .comment-card, .comment-empty) {
  margin: 0 !important;
  padding: 20px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #555 !important;
  box-shadow: none !important;
}

.coza-production.coza-article :is(.comments-form, .comment-form) {
  margin-top: 28px !important;
}

.coza-production.coza-article :is(.comments-grid, .comment-fields) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.coza-production.coza-article :is(.comments-form, .comment-form) label {
  display: grid !important;
  gap: 8px !important;
  margin: 18px 0 0 !important;
  color: #333 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
}

.coza-production.coza-article :is(.comments-form, .comment-form) :is(input, textarea) {
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  border: 1px solid #d7d7d7 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #333 !important;
  font: inherit !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

.coza-production.coza-article :is(.comments-form, .comment-form) textarea {
  min-height: 150px !important;
  resize: vertical !important;
}

.coza-production.coza-article :is(.comments-form, .comment-form) :is(input, textarea)::placeholder {
  color: #999 !important;
  opacity: 1 !important;
}

.coza-production.coza-article :is(.comments-form, .comment-form) .btn {
  width: auto !important;
  min-width: 150px !important;
  margin-top: 22px !important;
}

.coza-production.coza-article :is(.share-box, .share-row, .share-zone, .share-section) {
  width: 100% !important;
  max-width: 760px !important;
  min-height: 0 !important;
  margin: 56px 0 0 !important;
  padding: 28px 0 !important;
  border: 0 !important;
  border-top: 2px solid #171717 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #333 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.coza-production.coza-article :is(.share-box, .share-row, .share-zone, .share-section) > h2,
.coza-production.coza-article :is(.share-title, .share-section-title) {
  margin: 0 0 18px !important;
  color: #171717 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.025em !important;
}

.coza-production.coza-article .share-box .btn {
  width: auto !important;
  min-width: 120px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 22px !important;
}

.coza-production.coza-article .article-content :is(.cj-sources, .cj-source-box, .sources, .sources-section) {
  width: 100% !important;
  margin: 56px 0 0 !important;
  padding: 34px 0 0 !important;
  border: 0 !important;
  border-top: 3px solid #171717 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #555 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.coza-production.coza-article .article-content :is(.cj-sources, .cj-source-box, .sources, .sources-section) > h2 {
  margin: 0 0 20px !important;
  color: #171717 !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.035em !important;
}

.coza-production.coza-article .article-content :is(.cj-sources, .cj-source-box, .sources, .sources-section) ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.coza-production.coza-article .article-content :is(.cj-sources, .cj-source-box, .sources, .sources-section) li {
  margin: 0 !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  color: #555 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

.coza-production.coza-article .article-content :is(.cj-sources, .cj-source-box, .sources, .sources-section) li::before {
  display: none !important;
}

.coza-production.coza-article .article-content :is(.cj-sources, .cj-source-box, .sources, .sources-section) a {
  color: #5362c4 !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

@media (max-width: 760px) {
  .coza-production.coza-home .cat-cloud a,
  .coza-production.coza-archive .taxonomy-card,
  .coza-production.coza-archive .taxonomy-pill {
    padding-right: 48px !important;
  }

  .coza-production.coza-home .cat-cloud a::after {
    right: 16px !important;
  }

  .coza-production.coza-article :is(.comments-grid, .comment-fields) {
    grid-template-columns: 1fr !important;
  }

  .coza-production.coza-article :is(.comments, .comments-box, .comment-system, .comments-section),
  .coza-production.coza-article :is(.share-box, .share-row, .share-zone, .share-section) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}


/* Responsive production rules */

@media (max-width: 1060px) {
  .coza-production.coza-article .layout-two {
    grid-template-columns: 1fr;
  }

  .coza-production.coza-article .sidebar {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    margin-top: 64px;
  }

  .coza-archive .grid,
  .coza-archive .archive-grid,
  .coza-archive .taxonomy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .coza-archive .taxonomy-cloud {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .coza-production .site-main,
  .coza-archive .site-main,
  .coza-production.coza-article .site-main {
    padding-right: 16px;
    padding-left: 16px;
  }

  .coza-archive .site-main > .hero,
  .coza-archive .archive-hero {
    margin-right: -16px;
    margin-left: -16px;
    padding: 44px 24px;
  }

  .coza-archive .archive-hero-split {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .coza-archive .grid,
  .coza-archive .archive-grid,
  .coza-archive .taxonomy-grid,
  .coza-archive .taxonomy-cloud {
    grid-template-columns: 1fr;
  }

  .coza-production.coza-article .article-box > h1 {
    font-size: clamp(38px, 12vw, 52px);
  }

  .coza-production.coza-article .article-content {
    font-size: 16px;
  }

  .coza-production.coza-article .article-content h2 {
    margin-top: 48px;
    font-size: 28px;
  }

  .coza-production.coza-article .article-content :is(.cj-grid, .cj-card-grid, .cj-mini-grid, .cj-resource-grid, .cj-aff-grid, .cj-quote-grid) {
    grid-template-columns: 1fr !important;
  }

  .coza-production.coza-article .article-content :is(.cj-tool-grid, .cj-finder-grid, .cj-form-grid) {
    grid-template-columns: 1fr !important;
  }

  .coza-production.coza-article .article-content :is(.cj-actions, .cj-buttons, .cj-button-row, .cj-tool-actions, .cj-btn-row) {
    align-items: stretch;
    flex-direction: column;
  }

  .coza-production.coza-article .article-content :is(.cj-btn, .cj-button, .cj-tool-btn, .cj-tool-reset, .wp-block-button__link) {
    width: 100%;
  }

  .coza-production.coza-article .share-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 24px 20px;
  }

  .coza-production.coza-article .share-title {
    grid-column: 1 / -1;
  }

  .coza-production.coza-article .share-btn {
    justify-content: center;
  }

  .coza-production.coza-article .sidebar {
    display: block;
  }
}

@media (max-width: 390px) {
  .coza-production.coza-article .share-row {
    grid-template-columns: 1fr;
  }
}


/* Production 3: structurally isolated CozaStore article components */

.coza-production.coza-home .coza-category-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: clamp(22px, 3vw, 58px) !important;
  row-gap: 0 !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  border-top: 1px solid #e6e6e6 !important;
  background: transparent !important;
}

.coza-production.coza-home .coza-category-list a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 74px !important;
  margin: 0 !important;
  padding: 18px 4px 18px 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #333 !important;
  font-size: clamp(15px, 1.45vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
  box-shadow: none !important;
  transform: none !important;
}

.coza-production.coza-home .coza-category-list a::before,
.coza-production.coza-home .coza-category-list a::after {
  content: none !important;
  display: none !important;
}

.coza-production.coza-home .coza-category-list a:hover,
.coza-production.coza-home .coza-category-list a:focus-visible {
  padding-left: 8px !important;
  color: #717fe0 !important;
  outline: 0 !important;
}

.coza-production.coza-article .coza-sources-panel,
.coza-production.coza-article .coza-share-panel,
.coza-production.coza-article .coza-comments-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #555 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.coza-production.coza-article .coza-sources-panel {
  margin: 64px 0 0 !important;
  padding: 36px 0 0 !important;
  border-top: 3px solid #171717 !important;
}

.coza-production.coza-article .coza-sources-panel > h2,
.coza-production.coza-article .coza-comments-panel > h2 {
  margin: 0 0 16px !important;
  color: #171717 !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.035em !important;
}

.coza-production.coza-article .coza-sources-panel ul,
.coza-production.coza-article .coza-source-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.coza-production.coza-article .coza-sources-panel li,
.coza-production.coza-article .coza-source-list li {
  position: relative !important;
  margin: 0 !important;
  padding: 13px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  color: #555 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

.coza-production.coza-article .coza-sources-panel li::before,
.coza-production.coza-article .coza-sources-panel li::after,
.coza-production.coza-article .coza-source-list li::before,
.coza-production.coza-article .coza-source-list li::after {
  content: none !important;
  display: none !important;
}

.coza-production.coza-article .coza-sources-panel a,
.coza-production.coza-article .coza-source-list a {
  color: #5f6dcc !important;
  font: inherit !important;
  font-weight: 400 !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.coza-production.coza-article .coza-share-panel {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 56px 0 0 !important;
  padding: 28px 0 !important;
  border-top: 2px solid #171717 !important;
  border-bottom: 1px solid #e6e6e6 !important;
}

.coza-production.coza-article .coza-share-panel > h2,
.coza-production.coza-article .coza-share-panel > .share-title {
  flex: 0 0 100% !important;
  grid-column: auto !important;
  margin: 0 0 10px !important;
  color: #171717 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.025em !important;
}

.coza-production.coza-article .coza-share-panel :is(.btn, .share-btn) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 17px !important;
  border: 1px solid #d7d7d7 !important;
  border-radius: 22px !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.coza-production.coza-article .coza-share-panel :is(.btn, .share-btn):hover,
.coza-production.coza-article .coza-share-panel :is(.btn, .share-btn):focus-visible {
  border-color: #717fe0 !important;
  background: #717fe0 !important;
  color: #fff !important;
}

.coza-production.coza-article .coza-share-panel svg {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
  fill: currentColor !important;
}

.coza-production.coza-article .coza-comments-panel {
  margin: 64px 0 0 !important;
  padding: 40px 0 0 !important;
  border-top: 3px solid #171717 !important;
}

.coza-production.coza-article .coza-comments-panel > :is(.comments-intro, .comment-note, .comments-empty, .comments-status) {
  margin: 0 0 28px !important;
  color: #777 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

.coza-production.coza-article .coza-comment-list {
  display: block !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
}

.coza-production.coza-article .coza-comment-list :is(.comment-item, .comment-card),
.coza-production.coza-article .coza-comments-panel > :is(.comment-item, .comment-card) {
  margin: 0 !important;
  padding: 20px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #555 !important;
  box-shadow: none !important;
}

.coza-production.coza-article .coza-comment-form {
  margin: 28px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.coza-production.coza-article .coza-comment-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.coza-production.coza-article .coza-comment-form label {
  display: grid !important;
  gap: 8px !important;
  margin: 18px 0 0 !important;
  color: #333 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em !important;
}

.coza-production.coza-article .coza-comment-form :is(input, textarea) {
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  border: 1px solid #d7d7d7 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #333 !important;
  font: inherit !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

.coza-production.coza-article .coza-comment-form textarea {
  min-height: 150px !important;
  resize: vertical !important;
}

.coza-production.coza-article .coza-comment-form :is(input, textarea)::placeholder {
  color: #999 !important;
  opacity: 1 !important;
}

.coza-production.coza-article .coza-comment-form .btn {
  width: auto !important;
  min-width: 148px !important;
  min-height: 46px !important;
  margin: 22px 0 0 !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 23px !important;
  background: #717fe0 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  box-shadow: none !important;
}

.coza-production.coza-article .coza-comment-form .btn:hover,
.coza-production.coza-article .coza-comment-form .btn:focus-visible {
  background: #333 !important;
}

@media (max-width: 900px) {
  .coza-production.coza-home .coza-category-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .coza-production.coza-home .coza-category-list,
  .coza-production.coza-article .coza-comment-fields {
    grid-template-columns: 1fr !important;
  }

  .coza-production.coza-article .coza-share-panel {
    align-items: stretch !important;
  }

  .coza-production.coza-article .coza-share-panel :is(.btn, .share-btn) {
    flex: 1 1 calc(50% - 5px) !important;
  }
}

/* Production 5: decisive utility-page and category-directory rebuild */

.coza-production .progress-bar {
  display: none !important;
}

.coza-production.coza-category-directory,
.coza-production.coza-info-page,
.coza-production.coza-contact-page {
  background: #fff !important;
  background-image: none !important;
}

.coza-production.coza-category-directory::after,
.coza-production.coza-info-page::after,
.coza-production.coza-contact-page::after {
  content: none !important;
  display: none !important;
}

/* Categories: compact CozaStore-style topic tiles, no legacy directory CTA. */

.coza-category-directory .category-directory-main {
  width: min(100%, 1280px) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: clamp(54px, 7vw, 96px) 24px 110px !important;
  background: #fff !important;
}

.coza-category-directory .category-directory-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 64px !important;
  margin: 0 !important;
  padding: 0 0 54px !important;
  border: 0 !important;
  border-bottom: 1px solid #dedede !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}

.coza-category-directory .category-directory-header .super,
.coza-category-directory .category-directory-intro .super {
  display: block !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #717fe0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.coza-category-directory .category-directory-header .super::before,
.coza-category-directory .category-directory-intro .super::before {
  content: none !important;
}

.coza-category-directory .category-directory-header h1 {
  margin: 0 0 18px !important;
  color: #171717 !important;
  font-size: clamp(48px, 7vw, 82px) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.06em !important;
}

.coza-category-directory .category-directory-header p {
  max-width: 720px !important;
  margin: 0 !important;
  color: #666 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.coza-category-directory .category-summary {
  display: flex !important;
  gap: 38px !important;
  margin: 0 !important;
}

.coza-category-directory .category-summary div {
  display: flex !important;
  min-width: 112px !important;
  flex-direction: column-reverse !important;
  gap: 10px !important;
}

.coza-category-directory .category-summary dt {
  margin: 0 !important;
  color: #777 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.coza-category-directory .category-summary dd {
  margin: 0 !important;
  color: #171717 !important;
  font-size: 42px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.05em !important;
}

.coza-category-directory .category-directory-list {
  margin: 72px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
}

.coza-category-directory .category-directory-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 360px) !important;
  align-items: end !important;
  gap: 50px !important;
  margin: 0 0 30px !important;
}

.coza-category-directory .category-directory-intro h2 {
  margin: 0 !important;
  color: #171717 !important;
  font-size: clamp(30px, 4vw, 46px) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.045em !important;
}

.coza-category-directory .category-directory-intro > p {
  margin: 0 !important;
  color: #777 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.coza-category-directory .category-tile-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.coza-category-directory .category-tile {
  display: flex !important;
  min-width: 0 !important;
  min-height: 166px !important;
  padding: 24px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 22px !important;
  overflow: hidden !important;
  border: 1px solid #dedede !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: #171717 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.coza-category-directory .category-tile::before,
.coza-category-directory .category-tile::after {
  content: none !important;
  display: none !important;
}

.coza-category-directory .category-tile:hover,
.coza-category-directory .category-tile:focus-visible {
  border-color: #717fe0 !important;
  color: #171717 !important;
  outline: 0 !important;
}

.coza-category-directory .category-tile span {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.coza-category-directory .category-tile strong {
  color: #171717 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.coza-category-directory .category-tile small {
  color: #777 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

.coza-category-directory .category-tile b {
  color: #717fe0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* About, author and policy pages: pure white, flat editorial layout. */

.coza-info-page .info-main {
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: clamp(54px, 7vw, 92px) 24px 110px !important;
  background: #fff !important;
}

.coza-info-page .info-hero {
  width: min(100%, 1160px) !important;
  margin: 0 auto 64px !important;
  padding: 0 0 48px !important;
  border: 0 !important;
  border-bottom: 1px solid #dedede !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}

.coza-info-page .info-hero h1 {
  max-width: 940px !important;
  font-size: clamp(48px, 7vw, 82px) !important;
}

.coza-info-page .info-layout,
.coza-info-page .info-content,
.coza-info-page .info-aside,
.coza-info-page .info-author-lead,
.coza-info-page .info-section,
.coza-info-page .utility-prose {
  background: #fff !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.coza-info-page .info-layout {
  width: min(100%, 1160px) !important;
}

.coza-info-page .info-section,
.coza-info-page .utility-prose > h2 {
  border-color: #dedede !important;
}

/* Contact: remove the last page-specific tinted shell. */

.coza-contact-page .site-main {
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: clamp(54px, 7vw, 92px) 24px 110px !important;
  background: #fff !important;
}

.coza-contact-page .article-box,
.coza-contact-page .contact-page,
.coza-contact-page .contact-hero-card,
.coza-contact-page .contact-form,
.coza-contact-page .sidebar-card {
  background: #fff !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 1050px) {
  .coza-category-directory .category-tile-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .coza-category-directory .category-directory-header,
  .coza-category-directory .category-directory-intro {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .coza-category-directory .category-tile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .coza-category-directory .category-directory-main,
  .coza-info-page .info-main,
  .coza-contact-page .site-main {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .coza-category-directory .category-summary {
    gap: 24px !important;
  }

  .coza-category-directory .category-summary div {
    min-width: 0 !important;
  }

  .coza-category-directory .category-tile-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .coza-category-directory .category-tile {
    min-height: 142px !important;
    padding: 21px !important;
  }

  .coza-info-page .info-hero {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0 0 38px !important;
  }
}

/* Production 6: center the desktop footer to match the advertising width. */

@media (min-width: 761px) {
  .coza-production .site-footer {
    width: calc(100% - 48px) !important;
    max-width: 1920px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (max-width: 760px) {
  .coza-production .site-footer {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}


/* Production 4: unified trust pages and one responsive header */

.coza-production .header-inner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.coza-production .nav-wrap {
  display: flex !important;
  align-items: center !important;
  margin-left: auto !important;
}

.coza-production .menu-toggle {
  display: none !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d7d7d7 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #171717 !important;
  box-shadow: none !important;
}

.coza-production .menu-toggle .menu-icon {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  overflow: visible !important;
}

.coza-production .menu-toggle .menu-icon path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
}

.coza-production .menu-toggle:hover,
.coza-production .menu-toggle:focus-visible,
.coza-production .menu-toggle.is-active {
  border-color: #717fe0 !important;
  background: #717fe0 !important;
  color: #fff !important;
}

.coza-info-page .info-main {
  width: min(100%, 1280px) !important;
  padding-top: 0 !important;
}

.coza-info-page .info-hero {
  display: block !important;
  margin: 0 0 64px !important;
  padding: clamp(54px, 7vw, 92px) clamp(24px, 6vw, 82px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f2f2f2 !important;
  color: #555 !important;
  box-shadow: none !important;
}

.coza-info-page .info-hero h1 {
  max-width: 900px !important;
  margin: 0 !important;
  color: #171717 !important;
  font-size: clamp(44px, 6.4vw, 82px) !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
}

.coza-info-page .info-hero > p:last-child,
.coza-info-page .info-hero > div > p:last-child {
  max-width: 760px !important;
  margin: 24px 0 0 !important;
  color: #666 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

.coza-info-page .info-kicker {
  margin: 0 0 16px !important;
  color: #717fe0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.coza-info-page .info-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 820px) minmax(230px, 290px) !important;
  justify-content: space-between !important;
  gap: clamp(44px, 7vw, 96px) !important;
  width: min(100%, 1160px) !important;
  margin: 0 auto !important;
}

.coza-info-page .info-content {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #555 !important;
  box-shadow: none !important;
}

.coza-info-page .info-content p,
.coza-info-page .info-content li {
  color: #555 !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
}

.coza-info-page .info-content a:not(.btn),
.coza-info-page .info-aside a {
  color: #5f6dcc !important;
  text-underline-offset: 3px !important;
}

.coza-info-page .info-intro {
  margin: 0 0 44px !important;
  color: #333 !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
}

.coza-info-page .info-author-lead {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 34px !important;
  margin: 0 0 56px !important;
  padding: 0 0 48px !important;
  border-bottom: 1px solid #e6e6e6 !important;
}

.coza-info-page .author-photo {
  display: block !important;
  width: 220px !important;
  height: 220px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  filter: grayscale(100%) !important;
  box-shadow: none !important;
}

.coza-info-page .info-author-lead h2 {
  margin: 0 0 16px !important;
  color: #171717 !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.04em !important;
}

.coza-info-page .info-section {
  margin: 0 !important;
  padding: 34px 0 !important;
  border: 0 !important;
  border-top: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.coza-info-page .info-section h2,
.coza-info-page .utility-prose > h2 {
  margin: 0 0 14px !important;
  color: #171717 !important;
  font-size: clamp(25px, 2.7vw, 34px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.035em !important;
}

.coza-info-page .info-section p:last-child {
  margin-bottom: 0 !important;
}

.coza-info-page .info-aside {
  min-width: 0 !important;
}

.coza-info-page .info-aside section {
  display: grid !important;
  gap: 12px !important;
  margin: 0 0 40px !important;
  padding: 24px 0 0 !important;
  border: 0 !important;
  border-top: 2px solid #171717 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.coza-info-page .info-aside h2 {
  margin: 0 0 6px !important;
  color: #171717 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.coza-info-page .info-aside p,
.coza-info-page .info-aside a {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.coza-info-page .info-hero-author {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 180px !important;
  align-items: center !important;
  gap: 48px !important;
}

.coza-info-page .info-hero-author .author-photo-large {
  width: 180px !important;
  height: 180px !important;
}

.coza-info-page .utility-prose > h2 {
  margin-top: 38px !important;
  padding-top: 30px !important;
  border-top: 1px solid #e6e6e6 !important;
}

.coza-info-page .utility-prose > h2:first-child {
  margin-top: 0 !important;
}

.coza-info-page .utility-prose :is(.notice, .contact-card) {
  margin: 30px 0 !important;
  padding: 24px 0 !important;
  border: 0 !important;
  border-top: 2px solid #171717 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.coza-production.coza-article .contact-page .contact-hero-card {
  margin: 42px 0 32px !important;
  padding: 28px 0 !important;
  border: 0 !important;
  border-top: 2px solid #171717 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.coza-production.coza-article .contact-page .contact-hero-card h2 {
  margin: 0 0 8px !important;
  color: #171717 !important;
  font-size: 25px !important;
  font-weight: 600 !important;
}

@media (max-width: 900px) {
  .coza-production .menu-toggle {
    display: inline-flex !important;
  }

  .coza-production .top-nav {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    display: none !important;
    width: min(360px, calc(100vw - 32px)) !important;
    max-height: calc(100vh - 110px) !important;
    padding: 12px !important;
    overflow-y: auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2px !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.12) !important;
  }

  .coza-production .top-nav.is-open {
    display: flex !important;
  }

  .coza-production .top-nav a {
    width: 100% !important;
    padding: 13px 14px !important;
  }

  .coza-info-page .info-layout {
    grid-template-columns: 1fr !important;
    gap: 54px !important;
  }

  .coza-info-page .info-aside {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
  }
}

@media (max-width: 620px) {
  .coza-production .header-inner {
    min-height: 68px !important;
    padding: 10px 16px !important;
  }

  .coza-production .brand-name {
    font-size: 19px !important;
  }

  .coza-info-page .info-main {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .coza-info-page .info-hero {
    margin-right: -16px !important;
    margin-bottom: 44px !important;
    margin-left: -16px !important;
    padding: 48px 22px !important;
  }

  .coza-info-page .info-hero h1 {
    font-size: clamp(40px, 13vw, 58px) !important;
  }

  .coza-info-page .info-author-lead,
  .coza-info-page .info-hero-author {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  .coza-info-page .info-hero-author .author-photo-large {
    grid-row: 1 !important;
    width: 140px !important;
    height: 140px !important;
  }

  .coza-info-page .info-aside {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
}

/* Production 5 final cascade lock: these utility rules must remain last. */

.coza-production::before,
.coza-production::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.coza-production.coza-info-page .info-main {
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: clamp(54px, 7vw, 92px) 24px 110px !important;
  background: #fff !important;
}

.coza-production.coza-info-page .info-hero {
  width: min(100%, 1160px) !important;
  margin: 0 auto 64px !important;
  padding: 0 0 48px !important;
  border: 0 !important;
  border-bottom: 1px solid #dedede !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}

.coza-production.coza-info-page .info-hero h1 {
  max-width: 940px !important;
  font-size: clamp(48px, 7vw, 82px) !important;
}

.coza-production.coza-info-page :is(.info-layout, .info-content, .info-aside, .info-author-lead, .info-section, .utility-prose) {
  background: #fff !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.coza-production.coza-info-page .info-layout {
  width: min(100%, 1160px) !important;
}

.coza-production.coza-contact-page .site-main {
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: clamp(54px, 7vw, 92px) 24px 110px !important;
  background: #fff !important;
}

.coza-production.coza-contact-page :is(.article-box, .contact-page, .contact-hero-card, .contact-form, .sidebar-card),
.coza-production.coza-contact-page .contact-page .contact-hero-card {
  background: #fff !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 560px) {
  .coza-production.coza-info-page .info-main,
  .coza-production.coza-contact-page .site-main {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .coza-production.coza-info-page .info-hero {
    margin-right: 0 !important;
    margin-bottom: 48px !important;
    margin-left: 0 !important;
    padding: 0 0 38px !important;
  }
}