/* Golden Dawn blog — English test copy only, 7 November 2026.
   Target: https://secure.golden-dawn.com/csstest
   Paste this entire file AFTER existing Header custom code.
   Remove this style block to undo it. Do not replace existing scripts.
   Dynamic selectors use shared template IDs, never generated record IDs.
   Ontraport retains control of card counts, responsive columns and visibility.
*/

body {
  --gd-paper: #f6f0e5;
  --gd-gold: #ae8a50;
  --gd-line: #d8cdbb;
  --gd-muted: #756a5b;
  --gd-sage: #e9ede4;
  --gd-ink: #30271f;
  --gd-night: #202722;
}

/* Typography: keep icon fonts and the navigation's behavior intact. */
body .opt-container :is(h1.opt-element, h2.opt-element, h3.opt-element) {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  line-height: 1.18 !important;
  color: var(--gd-ink) !important;
  text-shadow: none !important;
}
body .opt-container .body-text:not(i) {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}
body .opt-container .label:not(i) {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: .045em !important;
  color: var(--gd-muted) !important;
}

/* Cream masthead, retaining the original three emblems and text. */
#o4777d0d731f2 > .block__style {
  background: var(--gd-paper) !important;
  padding: 28px 20px 30px !important;
  border-bottom: 1px solid var(--gd-line) !important;
  box-shadow: none !important;
}
#o4777d0d731f2 .col__style {
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
#o4777d0d731f2 .js-opt-bg-img {
  background: transparent !important;
}
#o4777d0d731f2 .el-id-22 {
  width: 150px !important;
  max-width: 150px !important;
  margin: 0 auto 12px !important;
}
#o4777d0d731f2 .el-id-22 img.img {
  width: 150px !important;
  height: auto !important;
}
#o4777d0d731f2 h3.opt-element {
  font-size: 19px !important;
  letter-spacing: 0 !important;
}
#o4777d0d731f2 h1.opt-element {
  font-size: clamp(34px, 4.8vw, 58px) !important;
}
#o4777d0d731f2 :is(h1,h3) .opt-text-wrapper * {
  color: var(--gd-ink) !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}

/* Native navigation: recolor only; preserve dropdown and mobile controls. */
#o335d1ab51721 > .block__style > .bg-color-overlay {
  background-color: var(--gd-night) !important;
}
#o335d1ab51721 .opt-navigation-menu__main-menu-link .opt-navigation-menu__link-text {
  color: var(--gd-paper) !important;
  font-size: 13px !important;
  letter-spacing: .06em !important;
}
#o335d1ab51721 .opt-navigation-menu__main-menu-link {
  padding: 16px 28px !important;
}
#o335d1ab51721 .opt-navigation-menu__sub-menu-link .opt-navigation-menu__link-text {
  color: var(--gd-ink) !important;
  font-size: 14px !important;
}
#o335d1ab51721 .opt-navigation-menu__main-menu-link:hover .opt-navigation-menu__link-text {
  color: #e2c791 !important;
}

/* Featured article. Its record ID changes; this shared ID survives reloads. */
.object-record-block[data-template-id="8dcaea91-c318-d7e6-f0b3-b3ad0cfe8c61"] > .image-background-color {
  background: var(--gd-sage) !important;
}
.object-record-block[data-template-id="8dcaea91-c318-d7e6-f0b3-b3ad0cfe8c61"] > .block__style {
  background-image: none !important;
  padding-top: 30px !important;
  padding-bottom: 36px !important;
}
.object-record-block[data-template-id="8dcaea91-c318-d7e6-f0b3-b3ad0cfe8c61"] .col__style[style*="background:"] {
  padding-top: clamp(120px, 20vw, 240px) !important;
  padding-bottom: clamp(120px, 20vw, 240px) !important;
}
.object-record-block[data-template-id="8dcaea91-c318-d7e6-f0b3-b3ad0cfe8c61"] h1.opt-element {
  font-size: clamp(30px, 3.5vw, 46px) !important;
  max-width: 880px;
  margin-bottom: 16px !important;
}

/* Recent articles: preserve native widths, column count and hidden skeleton. */
.object-record-block[data-template-id="b9eb192d-a3b0-a9c7-9d23-8271e4afe29d"] > .block__style {
  background: var(--gd-paper) !important;
  border: 1px solid var(--gd-line) !important;
  border-top: 3px solid var(--gd-gold) !important;
  padding: 0 0 22px !important;
  box-shadow: 0 5px 18px rgba(48,39,31,.045) !important;
}
.object-record-block[data-template-id="b9eb192d-a3b0-a9c7-9d23-8271e4afe29d"] .el-id-2 {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}
.object-record-block[data-template-id="b9eb192d-a3b0-a9c7-9d23-8271e4afe29d"] .el-id-2 .img-container {
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
}
.object-record-block[data-template-id="b9eb192d-a3b0-a9c7-9d23-8271e4afe29d"] .el-id-2 img.img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  padding-bottom: 0 !important;
}
.object-record-block[data-template-id="b9eb192d-a3b0-a9c7-9d23-8271e4afe29d"] :is(.el-id-7,.el-id-6,.el-id-3,.el-id-5) {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.object-record-block[data-template-id="b9eb192d-a3b0-a9c7-9d23-8271e4afe29d"] h3.opt-element {
  font-size: clamp(23px, 2.1vw, 29px) !important;
  line-height: 1.23 !important;
}
.object-record-block[data-template-id="b9eb192d-a3b0-a9c7-9d23-8271e4afe29d"] .body-text {
  font-size: 15px !important;
  color: var(--gd-ink) !important;
}

/* Search and section heading. */
#o1eb1b81f591d > .block__style {
  padding-top: 32px !important;
  padding-bottom: 16px !important;
}
#o1eb1b81f591d h3.opt-element {
  font-size: 32px !important;
}
#o1eb1b81f591d input.opt-input__field {
  background: var(--gd-paper) !important;
  border: 1px solid var(--gd-line) !important;
  border-radius: 0 !important;
  color: var(--gd-ink) !important;
  box-shadow: none !important;
}
#o1eb1b81f591d input.opt-input__field:focus {
  border-color: var(--gd-gold) !important;
  outline: 2px solid var(--gd-gold);
  outline-offset: 2px;
}

/* Article links and pagination, retaining their existing actions. */
.object-record-block .opt-button,
#ocab9ad2426ff .opt-button {
  border: 1px solid var(--gd-gold) !important;
  background: var(--gd-paper) !important;
  border-radius: 0 !important;
  padding: 10px 16px !important;
  box-shadow: none !important;
}
.object-record-block .opt-button .opt-button__text-target,
#ocab9ad2426ff .opt-button .opt-button__text-target {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .075em !important;
  color: var(--gd-ink) !important;
}
.object-record-block .opt-button:hover,
#ocab9ad2426ff .opt-button:not([disabled]):hover {
  background: var(--gd-sage) !important;
}
.object-record-block .opt-button:focus-visible,
#ocab9ad2426ff .opt-button:focus-visible {
  outline: 2px solid var(--gd-night);
  outline-offset: 3px;
}
#ocab9ad2426ff .opt-button[disabled] { opacity: .4 !important; }

/* Editor's pick. Leave its dynamic image and native columns in place. */
.object-record-block[data-template-id="3a6beaca-ac3a-e783-87c8-f6b64f4009ac"] > .block__style {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
  border-top: 1px solid var(--gd-line) !important;
}
.object-record-block[data-template-id="3a6beaca-ac3a-e783-87c8-f6b64f4009ac"] h3.opt-element {
  font-size: 32px !important;
}
.object-record-block[data-template-id="3a6beaca-ac3a-e783-87c8-f6b64f4009ac"] .body-text {
  color: var(--gd-ink) !important;
}

/* Existing language link and footer content. */
#oc871aa22112e a { color: #584329 !important; }
#o8d7dac4db96d > .block__style {
  background: var(--gd-night) !important;
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
#o8d7dac4db96d .bg-color-overlay { background: var(--gd-night) !important; }
#o8d7dac4db96d .opt-text-wrapper,
#o8d7dac4db96d .opt-text-wrapper * {
  color: var(--gd-paper) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.8 !important;
}
#o8d7dac4db96d a { text-decoration: underline !important; }

@media (max-width: 800px) {
  #o4777d0d731f2 > .block__style { padding: 22px 20px !important; }
  #o4777d0d731f2 .el-id-22 { max-width: 130px !important; width: 130px !important; }
  #o4777d0d731f2 .el-id-22 img.img { width: 130px !important; }
  #o4777d0d731f2 h3.opt-element { font-size: 16px !important; }
  #o1eb1b81f591d h3.opt-element { font-size: 28px !important; }
  .object-record-block[data-template-id="b9eb192d-a3b0-a9c7-9d23-8271e4afe29d"] > .block__style {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}