#dn-color-review .dn-site {
    --dn-bg: light-dark(#eef2f7, #101a29);
    --dn-surface: light-dark(#ffffff, #172233);
    --dn-text: light-dark(#182539, #f0f5ff);
    --dn-muted: light-dark(#536079, #b1bfd3);
    --dn-accent: light-dark(#395d8f, #a7c7f5);
    --dn-on-accent: light-dark(#ffffff, #101a29);
    --dn-line: light-dark(#cbd6e5, #354357);
    --dn-input-line: light-dark(#76869b, #7388a3);
    --dn-menu-shadow: light-dark(rgba(24,37,57,.12), rgba(0,0,0,.3));
    --dn-glow: light-dark(rgba(101,150,205,.23), rgba(173,205,246,.16));
    --dn-field: light-dark(#ffffff, #101a29);
    --dn-success-bg: light-dark(#edf7ef, #142e22);
    --dn-success-text: light-dark(#245d35, #a7e6bb);
    width: 100%; color: var(--dn-text); font-family: Arial, Helvetica, sans-serif;
  }
  #dn-color-review .dn-site * { box-sizing: border-box; }
  #dn-color-review .dn-site .dn-page { background: var(--dn-surface); }
  #dn-color-review .dn-site .dn-detail-page { display: none; }
  #dn-color-review .dn-site .dn-detail-page:target { display: block; }
  #dn-color-review .dn-site .dn-detail-page:target ~ .dn-home-page { display: none; }
  #dn-color-review .dn-site .dn-brand-link { display: inline-block; color: var(--dn-text); text-decoration: none; }
  #dn-color-review .dn-site .dn-detail-hero { position: relative; overflow: hidden; min-height: 370px; padding: 34px 42px 48px; }
  #dn-color-review .dn-site .dn-detail-hero .dn-title { max-width: 720px; }
  #dn-color-review .dn-site .dn-detail-hero .dn-lead { max-width: 625px; }
  #dn-color-review .dn-site .dn-detail-hero::before { content: ''; position: absolute; width: 500px; height: 440px; left: 58%; top: 0; background: radial-gradient(ellipse, var(--dn-glow), transparent 70%); pointer-events: none; }
  #dn-color-review .dn-site .dn-detail-hero > * { position: relative; }
  #dn-color-review .dn-site .dn-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 28px; color: var(--dn-muted); font: 400 12px/1.6 Arial, sans-serif; }
  #dn-color-review .dn-site .dn-breadcrumb a { text-underline-offset: 3px; }
  #dn-color-review .dn-site .dn-offer-more { display: inline-block; margin-top: auto; padding-top: 17px; font: 500 13px/1.6 Arial, sans-serif; text-underline-offset: 4px; }
  #dn-color-review .dn-site .dn-detail-intro { max-width: 780px; }
  #dn-color-review .dn-site .dn-detail-note { padding-top: 21px; border-top: 1px solid var(--dn-line); margin-top: 28px; }
  #dn-color-review .dn-site .dn-detail-cta { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); align-items: center; gap: 30px; }
  #dn-color-review .dn-site .dn-detail-cta .dn-actions { justify-content: flex-end; margin-top: 0; }
  #dn-color-review .dn-site .dn-other-offers { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--dn-line); display: flex; flex-wrap: wrap; gap: 18px; }
  #dn-color-review .dn-site .dn-other-offers a { font: 400 13px/1.6 Arial, sans-serif; text-underline-offset: 4px; }
  #dn-color-review .dn-site .dn-preview-control { margin-bottom: 12px; }
  #dn-color-review .dn-site .dn-preview-control > summary { min-height: 44px; padding: 10px 0; font-size: 13px; }
  #dn-color-review .dn-site .dn-preview-close { display: none; }
  #dn-color-review .dn-site .dn-preview-control[open] .dn-preview-open { display: none; }
  #dn-color-review .dn-site .dn-preview-control[open] .dn-preview-close { display: inline; }
  #dn-color-review .dn-site .dn-top { position: relative; background: var(--dn-bg); }
  #dn-color-review .dn-site .dn-nav { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 25px 42px 20px; }
  #dn-color-review .dn-site .dn-brand { margin: 0; font: 500 25px/1.2 Arial, sans-serif; letter-spacing: -.8px; }
  #dn-color-review .dn-site .dn-sub { margin: 7px 0 0; color: var(--dn-muted); font: 400 11px/1.5 Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; }
  #dn-color-review .dn-site .dn-nav-links { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 20px; }
  #dn-color-review .dn-site a { color: var(--dn-accent); }
  #dn-color-review .dn-site .dn-nav-links > a { display: flex; align-items: center; min-height: 44px; color: var(--dn-text); text-decoration: none; font: 400 13px/1.5 Arial, sans-serif; padding: 10px 0; }
  #dn-color-review .dn-site .dn-nav-links > a:hover { text-decoration: underline; text-underline-offset: 5px; }
  #dn-color-review .dn-site .dn-nav-links > a[aria-current="page"], #dn-color-review .dn-site .dn-mobile-panel > a[aria-current="page"] { color: var(--dn-accent); text-decoration: underline; text-underline-offset: 5px; }
  #dn-color-review .dn-site .dn-nav-dropdown { position: relative; }
  #dn-color-review .dn-site .dn-nav-dropdown > summary, #dn-color-review .dn-site .dn-mobile-nav > summary { min-height: 44px; padding: 12px 0; color: var(--dn-text); font: 400 13px/20px Arial, sans-serif; white-space: nowrap; list-style-position: inside; }
  #dn-color-review .dn-site .dn-nav-dropdown > summary::marker, #dn-color-review .dn-site .dn-mobile-nav > summary::marker { color: var(--dn-accent); font-size: 11px; }
  #dn-color-review .dn-site .dn-nav-dropdown[open] > summary { color: var(--dn-accent); }
  #dn-color-review .dn-site .dn-dropdown-menu { position: absolute; z-index: 1; top: calc(100% + 4px); left: 0; width: 216px; max-width: calc(100vw - 44px); margin: 0; padding: 7px; list-style: none; background: var(--dn-surface); border: 1px solid var(--dn-line); border-radius: 6px; box-shadow: 0 12px 30px var(--dn-menu-shadow); }
  #dn-color-review .dn-site .dn-dropdown-menu li { margin: 0; padding: 0; }
  #dn-color-review .dn-site .dn-dropdown-menu a, #dn-color-review .dn-site .dn-mobile-panel > a { display: flex; align-items: center; min-height: 44px; padding: 11px 12px; border-radius: 3px; color: var(--dn-text); text-decoration: none; font: 400 14px/1.5 Arial, sans-serif; }
  #dn-color-review .dn-site .dn-dropdown-menu a:hover, #dn-color-review .dn-site .dn-mobile-panel > a:hover, #dn-color-review .dn-site .dn-dropdown-menu a[aria-current="page"] { color: var(--dn-accent); background: var(--dn-bg); }
  #dn-color-review .dn-site .dn-dropdown-menu a[aria-current="page"] { font-weight: 500; }
  #dn-color-review .dn-site .dn-mobile-nav { display: none; }
  #dn-color-review .dn-site .dn-hero { position: relative; overflow: hidden; min-height: 455px; display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; padding: 24px 42px 0; gap: 5px; }
  #dn-color-review .dn-site .dn-hero-copy { align-self: center; padding: 18px 0 45px; }
  #dn-color-review .dn-site .dn-eyebrow { margin: 0 0 17px; color: var(--dn-muted); font: 400 11px/1.5 Arial, sans-serif; letter-spacing: 1.9px; text-transform: uppercase; }
  #dn-color-review .dn-site .dn-title { margin: 0; color: var(--dn-text); font: 500 clamp(38px, 6vw, 62px)/1.06 Arial, sans-serif; letter-spacing: -2.5px; }
  #dn-color-review .dn-site .dn-title span { color: var(--dn-accent); }
  #dn-color-review .dn-site .dn-lead { max-width: 440px; margin: 20px 0 0; color: var(--dn-muted); font: 400 16px/1.7 Arial, sans-serif; }
  #dn-color-review .dn-site .dn-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 17px; margin-top: 26px; position: relative; z-index: 3; }
  #dn-color-review .dn-site .dn-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 19px; border: 0; border-radius: 5px; background: var(--dn-accent); color: var(--dn-on-accent); text-decoration: none; font: 500 14px/1.4 Arial, sans-serif; }
  #dn-color-review .dn-site .dn-button:hover { filter: brightness(1.08); }
  #dn-color-review .dn-site .dn-button:disabled { opacity: .55; }
  #dn-color-review .dn-site .dn-text-link { color: var(--dn-accent); font-size: 13px; text-decoration-thickness: 1px; text-underline-offset: 4px; }
  #dn-color-review .dn-site .dn-photo { align-self: end; display: block; width: 100%; max-width: 455px; height: auto; margin: 0 auto; }
  #dn-color-review .dn-site .dn-grid { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(8,1fr); grid-template-rows: repeat(5,1fr); z-index: 2; }
  #dn-color-review .dn-site .dn-beam { position: absolute; width: 480px; height: 390px; left: 62%; top: 26%; transform: translate(-50%,-50%); background: radial-gradient(ellipse, var(--dn-glow), transparent 70%); pointer-events: none; transition: left .18s ease-out, top .18s ease-out; }
  #dn-color-review .dn-site .dn-hit:nth-child(8n+1):hover ~ .dn-beam { left: 6.25%; }
  #dn-color-review .dn-site .dn-hit:nth-child(8n+2):hover ~ .dn-beam { left: 18.75%; }
  #dn-color-review .dn-site .dn-hit:nth-child(8n+3):hover ~ .dn-beam { left: 31.25%; }
  #dn-color-review .dn-site .dn-hit:nth-child(8n+4):hover ~ .dn-beam { left: 43.75%; }
  #dn-color-review .dn-site .dn-hit:nth-child(8n+5):hover ~ .dn-beam { left: 56.25%; }
  #dn-color-review .dn-site .dn-hit:nth-child(8n+6):hover ~ .dn-beam { left: 68.75%; }
  #dn-color-review .dn-site .dn-hit:nth-child(8n+7):hover ~ .dn-beam { left: 81.25%; }
  #dn-color-review .dn-site .dn-hit:nth-child(8n+8):hover ~ .dn-beam { left: 93.75%; }
  #dn-color-review .dn-site .dn-hit:nth-child(-n+8):hover ~ .dn-beam { top: 10%; }
  #dn-color-review .dn-site .dn-hit:nth-child(n+9):nth-child(-n+16):hover ~ .dn-beam { top: 30%; }
  #dn-color-review .dn-site .dn-hit:nth-child(n+17):nth-child(-n+24):hover ~ .dn-beam { top: 50%; }
  #dn-color-review .dn-site .dn-hit:nth-child(n+25):nth-child(-n+32):hover ~ .dn-beam { top: 70%; }
  #dn-color-review .dn-site .dn-hit:nth-child(n+33):nth-child(-n+40):hover ~ .dn-beam { top: 90%; }
  #dn-color-review .dn-site .dn-intro { display: none; position: absolute; inset: 0; z-index: 5; background: var(--dn-bg); align-items: center; justify-content: center; flex-direction: column; gap: 17px; }
  #dn-color-review .dn-site .dn-preview-control[open] ~ .dn-page .dn-intro { display: flex; }
  #dn-color-review .dn-site .dn-intro-name { margin: 0; color: var(--dn-accent); font: 500 clamp(26px,6vw,48px)/1.2 Arial,sans-serif; letter-spacing: clamp(2px,.65vw,6px); padding-left: clamp(2px,.65vw,6px); white-space: nowrap; }
  #dn-color-review .dn-site .dn-intro-line { width: 90px; height: 1px; background: var(--dn-accent); transform-origin: left; }
  #dn-color-review .dn-site .dn-preview-control[open] ~ .dn-page .dn-intro-name { animation: dn-full-enter .75s ease-out both; }
  #dn-color-review .dn-site .dn-preview-control[open] ~ .dn-page .dn-intro-line { animation: dn-full-line .8s ease-out both; }
  #dn-color-review .dn-site .dn-section { padding: 48px 42px; }
  #dn-color-review .dn-site .dn-section.dn-cta-only { padding-top: 28px; padding-bottom: 28px; }
  #dn-color-review .dn-site .dn-cta-only > .dn-actions { margin-top: 0; }
  #dn-color-review .dn-site .dn-tint { background: var(--dn-bg); }
  #dn-color-review .dn-site .dn-h2 { margin: 0 0 20px; color: var(--dn-text); font: 500 clamp(25px,3.6vw,34px)/1.22 Arial,sans-serif; letter-spacing: -.9px; }
  #dn-color-review .dn-site .dn-h3 { margin: 0 0 12px; color: var(--dn-text); font: 500 20px/1.3 Arial,sans-serif; letter-spacing: -.3px; }
  #dn-color-review .dn-site .dn-copy { margin: 0; color: var(--dn-muted); font: 400 15px/1.75 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-copy + .dn-copy { margin-top: 15px; }
  #dn-color-review .dn-site .dn-thirds { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
  #dn-color-review .dn-site .dn-offer { display: flex; flex-direction: column; align-items: flex-start; border-top: 1px solid var(--dn-line); padding-top: 20px; }
  #dn-color-review .dn-site .dn-offer .dn-copy { font-size: 14px; }
  #dn-color-review .dn-site .dn-offer details { margin-top: 16px; }
  #dn-color-review .dn-site .dn-offer summary { color: var(--dn-accent); font: 500 13px/1.5 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-offer details p { margin: 11px 0 0; color: var(--dn-muted); font: 400 13px/1.65 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-private-highlight { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 28px; margin-top: 30px; padding-top: 25px; border-top: 1px solid var(--dn-line); }
  #dn-color-review .dn-site .dn-private-highlight .dn-h3 { margin-bottom: 8px; }
  #dn-color-review .dn-site .dn-private-highlight .dn-copy { font-size: 14px; }
  #dn-color-review .dn-site .dn-private-highlight .dn-text-link { display: inline-flex; align-items: center; min-height: 44px; }
  #dn-color-review .dn-site .dn-split { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); gap: 40px; align-items: start; }
  #dn-color-review .dn-site .dn-features { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px; margin-top: 30px; }
  #dn-color-review .dn-site .dn-feature h3 { margin: 0 0 7px; font: 500 15px/1.4 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-feature p { margin: 0; color: var(--dn-muted); font: 400 13px/1.65 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-quote-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }
  #dn-color-review .dn-site blockquote { margin: 0; }
  #dn-color-review .dn-site blockquote p { margin: 0 0 14px; font: 400 23px/1.5 Arial,sans-serif; letter-spacing: -.3px; }
  #dn-color-review .dn-site blockquote footer { color: var(--dn-muted); font: 400 13px/1.5 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-step-number { display: block; color: var(--dn-accent); font: 400 13px/1.5 Arial,sans-serif; letter-spacing: 1px; margin-bottom: 10px; }
  #dn-color-review .dn-site .dn-step .dn-h3 { font-size: 18px; }
  #dn-color-review .dn-site .dn-step .dn-copy { font-size: 14px; }
  #dn-color-review .dn-site .dn-faq { border-top: 1px solid var(--dn-line); }
  #dn-color-review .dn-site .dn-faq:last-child { border-bottom: 1px solid var(--dn-line); }
  #dn-color-review .dn-site .dn-faq > summary { padding: 17px 0; font: 500 15px/1.5 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-faq > p { margin: 0; padding: 0 0 19px; color: var(--dn-muted); font: 400 14px/1.7 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-contact { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.2fr); gap: 40px; }
  #dn-color-review .dn-site .dn-inquiry-layout { max-width: 760px; margin: 0 auto; }
  #dn-color-review .dn-site .dn-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  #dn-color-review .dn-site .dn-fields label { display: flex; flex-direction: column; min-width: 0; gap: 7px; color: var(--dn-text); font: 400 13px/1.5 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-full { grid-column: 1 / -1; }
  #dn-color-review .dn-site input, #dn-color-review .dn-site select, #dn-color-review .dn-site textarea { display: block; width: 100%; min-width: 0; min-height: 44px; padding: 10px 11px; border: 1px solid var(--dn-input-line); border-radius: 4px; background: var(--dn-field); color: var(--dn-text); font: 400 16px/1.5 Arial,sans-serif; }
  #dn-color-review .dn-site textarea { min-height: 95px; resize: vertical; }
  #dn-color-review .dn-site .dn-form-end { margin-top: 16px; }
  #dn-color-review .dn-site .dn-form-note { margin: 0 0 17px; color: var(--dn-muted); font: 400 12px/1.65 Arial, sans-serif; }
  #dn-color-review .dn-site .dn-form-note a { text-underline-offset: 3px; }
  #dn-color-review .dn-site .dn-form-end .dn-form-note { margin: 14px 0 0; }
  #dn-color-review .dn-site .dn-form-end .dn-required-note { margin: 0 0 14px; }
  #dn-color-review .dn-site .dn-success-preview { margin-top: 14px; }
  #dn-color-review .dn-site .dn-success-preview > summary { min-height: 44px; padding: 12px 0; color: var(--dn-muted); font: 400 12px/1.6 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-success-preview > .dn-form-note { margin: 0 0 10px; }
  #dn-color-review .dn-site .dn-form-success { padding: 16px; border-radius: 6px; color: var(--dn-success-text); background: var(--dn-success-bg); font: 400 14px/1.6 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-form-success p { margin: 0; }
  #dn-color-review .dn-site .dn-form-success strong { font-weight: 500; }
  #dn-color-review .dn-site .dn-story { max-width: 780px; }
  #dn-color-review .dn-site .dn-inline-links { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 22px; }
  #dn-color-review .dn-site .dn-inline-links a { display: inline-flex; align-items: center; min-height: 44px; font: 400 14px/1.5 Arial, sans-serif; text-underline-offset: 4px; }
  #dn-color-review .dn-site .dn-mail { margin-top: 24px; font: 400 14px/1.6 Arial,sans-serif; overflow-wrap: anywhere; }
  #dn-color-review .dn-site .dn-footer { padding: 23px 42px; border-top: 1px solid var(--dn-line); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; color: var(--dn-muted); font: 400 12px/1.6 Arial,sans-serif; }
  #dn-color-review .dn-site .dn-footer-links { display: flex; flex-wrap: wrap; gap: 20px; }
  #dn-color-review .dn-site .dn-footer-links a { color: var(--dn-muted); text-decoration: underline; text-underline-offset: 3px; }
  #dn-color-review .dn-site .dn-photo-hero { min-height: 0; padding-bottom: 0; }
  #dn-color-review .dn-site .dn-photo-hero .dn-breadcrumb { margin-bottom: 8px; }
  #dn-color-review .dn-site .dn-hero-layout { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(0,.9fr); align-items: center; gap: 30px; }
  #dn-color-review .dn-site .dn-detail-copy { min-width: 0; padding: 22px 0 46px; }
  #dn-color-review .dn-site .dn-photo-hero .dn-title { font-size: clamp(38px,5.3vw,54px); line-height: 1.1; letter-spacing: -1.8px; overflow-wrap: break-word; }
  #dn-color-review .dn-site .dn-photo-hero .dn-lead { max-width: 510px; font-size: 15px; }
  #dn-color-review .dn-site .dn-hero-art { position: relative; isolation: isolate; display: flex; align-items: flex-end; justify-content: center; align-self: end; height: 490px; min-width: 0; margin: 0; }
  #dn-color-review .dn-site .dn-hero-art::before { content: ''; position: absolute; inset: 12% -10% 0; z-index: -1; background: radial-gradient(ellipse at 50% 55%,var(--dn-glow),transparent 70%); }
  #dn-color-review .dn-site .dn-hero-art .dn-photo-asset { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
  #dn-color-review .dn-site .dn-hero-layout.dn-image-left { grid-template-columns: minmax(0,1fr) minmax(0,1.12fr); }
  #dn-color-review .dn-site .dn-image-left > .dn-detail-copy { grid-column: 2; grid-row: 1; }
  #dn-color-review .dn-site .dn-image-left > .dn-hero-art { grid-column: 1; grid-row: 1; }
  #dn-color-review .dn-site .dn-portrait-hero { height: 440px; }
  #dn-color-review .dn-site .dn-title, #dn-color-review .dn-site .dn-h2, #dn-color-review .dn-site .dn-h3, #dn-color-review .dn-site .dn-copy { overflow-wrap: break-word; }
  #dn-color-review .dn-site .dn-split > *, #dn-color-review .dn-site .dn-contact > *, #dn-color-review .dn-site .dn-detail-cta > *, #dn-color-review .dn-site .dn-thirds > * { min-width: 0; }
  @keyframes dn-full-enter { from { opacity: .15; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes dn-full-line { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  @media (max-width: 760px) {
    #dn-color-review .dn-site .dn-detail-hero { padding: 28px 28px 40px; min-height: 330px; }
    #dn-color-review .dn-site .dn-detail-hero .dn-title { font-size: 44px; }
    #dn-color-review .dn-site .dn-detail-cta { grid-template-columns: 1fr; gap: 20px; }
    #dn-color-review .dn-site .dn-detail-cta .dn-actions { justify-content: flex-start; }
    #dn-color-review .dn-site .dn-nav { padding: 23px 28px 15px; gap: 18px; }
    #dn-color-review .dn-site .dn-nav-links { gap: 14px; }
    #dn-color-review .dn-site .dn-hero { padding: 15px 28px 0; min-height: 430px; }
    #dn-color-review .dn-site .dn-title { font-size: 42px; }
    #dn-color-review .dn-site .dn-lead { font-size: 15px; }
    #dn-color-review .dn-site .dn-section { padding: 38px 28px; }
    #dn-color-review .dn-site .dn-thirds { gap: 20px; }
    #dn-color-review .dn-site .dn-split, #dn-color-review .dn-site .dn-contact { grid-template-columns: 1fr; gap: 20px; }
    #dn-color-review .dn-site .dn-footer { padding: 23px 28px; }
    #dn-color-review .dn-site .dn-photo-hero { padding-bottom: 0; }
    #dn-color-review .dn-site .dn-hero-layout, #dn-color-review .dn-site .dn-hero-layout.dn-image-left { gap: 20px; }
    #dn-color-review .dn-site .dn-detail-copy { padding-bottom: 24px; }
    #dn-color-review .dn-site .dn-photo-hero .dn-title { font-size: clamp(32px,5.5vw,40px); letter-spacing: -1.4px; }
    #dn-color-review .dn-site .dn-hero-art { width: 100%; max-width: 380px; height: clamp(280px,48vw,360px); margin: 0 auto; }
    #dn-color-review .dn-site .dn-portrait-hero { max-width: 430px; height: clamp(240px,40vw,330px); }
  }
  @media (max-width: 560px) {
    #dn-color-review .dn-site .dn-detail-hero { padding: 15px 22px 34px; min-height: auto; }
    #dn-color-review .dn-site .dn-detail-hero .dn-title { font-size: 38px; letter-spacing: -1.4px; }
    #dn-color-review .dn-site .dn-breadcrumb { margin-bottom: 22px; }
    #dn-color-review .dn-site .dn-nav { align-items: center; flex-direction: row; padding: 20px 22px; gap: 16px; }
    #dn-color-review .dn-site .dn-desktop-nav { display: none; }
    #dn-color-review .dn-site .dn-mobile-nav { display: block; }
    #dn-color-review .dn-site .dn-mobile-nav > summary { padding: 12px 7px; }
    #dn-color-review .dn-site .dn-mobile-panel { position: absolute; top: calc(100% - 5px); left: 22px; right: 22px; padding: 8px; background: var(--dn-surface); border: 1px solid var(--dn-line); border-radius: 6px; box-shadow: 0 12px 30px var(--dn-menu-shadow); }
    #dn-color-review .dn-site .dn-mobile-panel .dn-nav-dropdown > summary { padding: 12px; font-size: 14px; }
    #dn-color-review .dn-site .dn-mobile-panel .dn-dropdown-menu { position: static; width: auto; max-width: none; padding: 0 0 5px 13px; border: 0; border-radius: 0; box-shadow: none; }
    #dn-color-review .dn-site .dn-hero { grid-template-columns: 1fr; padding: 12px 22px 0; }
    #dn-color-review .dn-site .dn-hero-copy { padding: 12px 0 0; }
    #dn-color-review .dn-site .dn-title { font-size: 42px; letter-spacing: -1.8px; }
    #dn-color-review .dn-site .dn-photo { max-width: 310px; margin-top: 22px; }
    #dn-color-review .dn-site .dn-section { padding: 34px 22px; }
    #dn-color-review .dn-site .dn-thirds, #dn-color-review .dn-site .dn-features, #dn-color-review .dn-site .dn-quote-grid { grid-template-columns: 1fr; gap: 23px; }
    #dn-color-review .dn-site .dn-fields { grid-template-columns: 1fr; }
    #dn-color-review .dn-site .dn-private-highlight { grid-template-columns: 1fr; gap: 9px; }
    #dn-color-review .dn-site .dn-h2 { font-size: 27px; }
    #dn-color-review .dn-site .dn-footer { padding: 23px 22px; }
    #dn-color-review .dn-site .dn-photo-hero { padding-bottom: 0; }
    #dn-color-review .dn-site .dn-hero-layout, #dn-color-review .dn-site .dn-hero-layout.dn-image-left { grid-template-columns: minmax(0,1fr); gap: 0; }
    #dn-color-review .dn-site .dn-image-left > .dn-detail-copy { grid-column: 1; grid-row: 1; }
    #dn-color-review .dn-site .dn-image-left > .dn-hero-art { grid-column: 1; grid-row: 2; }
    #dn-color-review .dn-site .dn-photo-hero .dn-title { font-size: clamp(32px,8.8vw,38px); letter-spacing: -1.3px; }
    #dn-color-review .dn-site .dn-detail-copy { padding-top: 14px; padding-bottom: 22px; }
    #dn-color-review .dn-site .dn-hero-art { height: 310px; max-width: 320px; }
    #dn-color-review .dn-site .dn-portrait-hero { height: 285px; }
  }
  @media (min-width: 561px) and (max-width: 700px) {
    #dn-color-review .dn-site .dn-thirds > .dn-offer > .dn-h3 { min-height: 2.6em; }
  }
  @media (prefers-reduced-motion: reduce) {
    #dn-color-review .dn-site .dn-beam { transition: none; left: 62% !important; top: 26% !important; }
    #dn-color-review .dn-site .dn-preview-control[open] ~ .dn-page .dn-intro-name, #dn-color-review .dn-site .dn-preview-control[open] ~ .dn-page .dn-intro-line { animation: none; }
  }
  @media (hover: none) { #dn-color-review .dn-site .dn-grid { pointer-events: none; } }
  @media (pointer: coarse) {
    #dn-color-review .dn-site .dn-offer-more, #dn-color-review .dn-site .dn-text-link, #dn-color-review .dn-site .dn-other-offers a, #dn-color-review .dn-site .dn-footer-links a, #dn-color-review .dn-site .dn-mail a, #dn-color-review .dn-site .dn-breadcrumb a, #dn-color-review .dn-site .dn-form-note a { display: inline-flex; align-items: center; min-height: 44px; }
    #dn-color-review .dn-site .dn-breadcrumb { align-items: center; }
    #dn-color-review .dn-site .dn-offer-more { padding-top: 10px; }
  }

/* Farbentwürfe für Dennis Nox. Das Original bleibt unverändert.
   Diese Variablen ergänzen den bestehenden Entwurf; sie sind kein WordPress-Theme. */














#dn-color-review {
  --dn-shared-image-1: url("/assets/dennis-nox-zahlen.webp");
  --dn-shared-image-2: url("/assets/dennis-nox-feuer.webp");
  --dn-shared-image-3: url("/assets/dennis-nox-karten.webp");
  --dn-shared-image-4: url("/assets/dennis-nox-seil.webp");
  --dn-shared-image-5: url("/assets/dennis-nox-wuerfel.webp");
  --dn-shared-image-6: url("/assets/dennis-nox-portraet.webp");
  --dn-shared-image-7: url("/assets/dennis-nox-feuer-startseite.webp");
}

#dn-color-review .dn-photo-asset {
  background-image: var(--dn-current-image);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
}
#dn-color-review .dn-site .dn-hero-art .dn-photo-asset {
  display: block;
  width: 100%;
  height: 100%;
}

/* Keep the same page visible when comparing colors. */
#dn-color-review:has([data-dn-route="dn-firmenfeiern"]:target) [data-dn-route="dn-firmenfeiern"],
#dn-color-review:has([data-dn-route="dn-hochzeiten"]:target) [data-dn-route="dn-hochzeiten"],
#dn-color-review:has([data-dn-route="dn-gastronomie"]:target) [data-dn-route="dn-gastronomie"],
#dn-color-review:has([data-dn-route="dn-weitere-anlaesse"]:target) [data-dn-route="dn-weitere-anlaesse"],
#dn-color-review:has([data-dn-route="dn-erlebnis-seite"]:target) [data-dn-route="dn-erlebnis-seite"],
#dn-color-review:has([data-dn-route="dn-ueber-mich-seite"]:target) [data-dn-route="dn-ueber-mich-seite"],
#dn-color-review:has([data-dn-route="dn-kontakt"]:target) [data-dn-route="dn-kontakt"] {
  display: block;
}
#dn-color-review:has(.dn-detail-page:target) .dn-home-page {
  display: none;
}
/* Aktuelle grüne Farbkonzepte. Feste Paletten für einen verlässlichen Vergleich. */
#dn-color-review .dn-site.dn-emerald-gold {
  color-scheme: light;
  background: var(--dn-surface);
  --dn-bg: #f2f5ee;
  --dn-surface: #ffffff;
  --dn-text: #183e30;
  --dn-muted: #4d6458;
  --dn-accent: #1e5a41;
  --dn-on-accent: #ffffff;
  --dn-gold: #866722;
  --dn-line: #cedbd0;
  --dn-input-line: #788a7b;
  --dn-menu-shadow: rgba(20,59,42,.14);
  --dn-glow: rgba(184,151,75,.20);
  --dn-field: #ffffff;
  --dn-success-bg: #edf7ef;
  --dn-success-text: #245d35;
}
#dn-color-review .dn-site.dn-emerald-gold .dn-top {
  --dn-bg: #123f2d;
  --dn-surface: #174c36;
  --dn-text: #fffdf5;
  --dn-muted: #dde8dc;
  --dn-accent: #e4c580;
  --dn-on-accent: #143b2a;
  --dn-gold: #e4c580;
  --dn-line: #52715c;
  --dn-glow: rgba(223,193,127,.20);
  color: var(--dn-text);
}
#dn-color-review .dn-site.dn-emerald-gold .dn-nav {
  background: transparent;
  color: var(--dn-text);
}
#dn-color-review .dn-site.dn-emerald-gold .dn-tint {
  --dn-bg: #183e30;
  --dn-text: #fffdf5;
  --dn-muted: #dde8dc;
  --dn-accent: #e4c580;
  --dn-on-accent: #143b2a;
  --dn-gold: #e4c580;
  --dn-line: #52715c;
  color: var(--dn-text);
}
#dn-color-review .dn-site.dn-emerald-gold .dn-title span,
#dn-color-review .dn-site.dn-emerald-gold .dn-step-number,
#dn-color-review .dn-site.dn-emerald-gold .dn-intro-name {
  color: var(--dn-gold);
}
#dn-color-review .dn-site.dn-emerald-gold .dn-intro-line {
  background: var(--dn-gold);
}
#dn-color-review .dn-site.dn-emerald-gold .dn-footer {
  --dn-text: #fffdf5;
  --dn-muted: #e4ede3;
  --dn-accent: #e4c580;
  --dn-line: #52745c;
  background: #0c3023;
}

#dn-color-review .dn-site.dn-emerald-white {
  color-scheme: light;
  background: var(--dn-surface);
  --dn-bg: #eef5ef;
  --dn-surface: #ffffff;
  --dn-text: #173e2e;
  --dn-muted: #4b6454;
  --dn-accent: #216546;
  --dn-on-accent: #ffffff;
  --dn-line: #c9dccb;
  --dn-input-line: #758d7a;
  --dn-menu-shadow: rgba(16,57,38,.15);
  --dn-glow: rgba(129,181,146,.23);
  --dn-field: #ffffff;
  --dn-success-bg: #edf7ef;
  --dn-success-text: #245d35;
}
#dn-color-review .dn-site.dn-emerald-white .dn-top {
  --dn-bg: #14583f;
  --dn-surface: #14583f;
  --dn-text: #ffffff;
  --dn-muted: #dfeee2;
  --dn-accent: #ffffff;
  --dn-on-accent: #14583f;
  --dn-line: #648c73;
  --dn-glow: rgba(179,219,188,.23);
  color: var(--dn-text);
}
#dn-color-review .dn-site.dn-emerald-white .dn-title span {
  color: #c5e5cc;
}
#dn-color-review .dn-site.dn-emerald-white .dn-nav {
  background: transparent;
  color: var(--dn-text);
}
#dn-color-review .dn-site.dn-emerald-white .dn-footer {
  --dn-muted: #e2eee4;
  --dn-line: #50745d;
  background: #103f2d;
}




















/* Explizite Schriftfarbe direkt am Markennamen verhindert dunkle geerbte Absatzfarben. */

/* Dritte Variante: Header-Grün und weiße Flächen mit goldenen Akzenten. */

#dn-color-review .dn-site.dn-emerald-black-gold {
  color-scheme: light;
  background: var(--dn-surface);
  --dn-bg: #2c6348;
  --dn-surface: #ffffff;
  --dn-text: #183e30;
  --dn-muted: #4d6458;
  --dn-accent: #866722;
  --dn-on-accent: #ffffff;
  --dn-line: #cedbd0;
  --dn-input-line: #788a7b;
  --dn-menu-shadow: rgba(20,59,42,.14);
  --dn-glow: rgba(237,210,151,.23);
  --dn-field: #ffffff;
  --dn-success-bg: #edf7ef;
  --dn-success-text: #245d35;
}
#dn-color-review .dn-site.dn-emerald-black-gold .dn-top {
  --dn-bg: #2c6348;
  --dn-surface: #ffffff;
  --dn-text: #fffaf0;
  --dn-muted: #edf4e7;
  --dn-accent: #f5dfaa;
  --dn-on-accent: #203322;
  --dn-line: #899775;
  color: var(--dn-text);
}
#dn-color-review .dn-site.dn-emerald-black-gold .dn-tint,
#dn-color-review .dn-site.dn-emerald-black-gold .dn-intro {
  --dn-text: #fbf8ed;
  --dn-muted: #dce7d9;
  --dn-accent: #efd297;
  --dn-on-accent: #203322;
  --dn-line: #899775;
  color: var(--dn-text);
}
#dn-color-review .dn-site.dn-emerald-black-gold .dn-nav {
  background: transparent;
  color: var(--dn-text);
}
#dn-color-review .dn-site.dn-emerald-black-gold .dn-footer {
  background: #ffffff;
}
#dn-color-review .dn-site.dn-emerald-black-gold .dn-dropdown-menu,
#dn-color-review .dn-site.dn-emerald-black-gold .dn-mobile-panel {
  --dn-text: #183e30;
  --dn-muted: #4d6458;
  --dn-accent: #866722;
  --dn-on-accent: #ffffff;
  --dn-line: #cedbd0;
  color: var(--dn-text);
}
#dn-color-review .dn-site.dn-emerald-black-gold .dn-dropdown-menu a:hover,
#dn-color-review .dn-site.dn-emerald-black-gold .dn-dropdown-menu a[aria-current="page"],
#dn-color-review .dn-site.dn-emerald-black-gold .dn-mobile-panel > a:hover,
#dn-color-review .dn-site.dn-emerald-black-gold .dn-mobile-panel > a[aria-current="page"] {
  background: #2c6348;
  color: #f5dfaa;
}
#dn-color-review .dn-site.dn-emerald-black-gold .dn-nav .dn-brand-link,
#dn-color-review .dn-site.dn-emerald-black-gold .dn-nav .dn-brand {
  color: #ffffff;
}
#dn-color-review .dn-site.dn-emerald-black-gold .dn-nav .dn-brand-link .dn-sub {
  color: var(--dn-accent);
}
#dn-color-review .dn-site.dn-emerald-black-gold .dn-button.dn-inquiry-button {
  background: #2c6348;
  color: #ffffff;
}
#dn-color-review .dn-site.dn-emerald-black-gold :is(.dn-top, .dn-tint) .dn-button.dn-inquiry-button {
  background: #143b2a;
  box-shadow: inset 0 0 0 1px #ffffff;
}

/* Eigene Textfarben an den Textelementen statt Vererbung aus der Vorschau. */
#dn-color-review :where(.dn-site.dn-emerald-gold, .dn-site.dn-emerald-black-gold) :where(p, h1, h2, h3, h4, blockquote, summary, label, legend, figcaption, cite) {
  color: var(--dn-text);
}

/* Primäre Texte: Kundenstimmen, Zwischenüberschriften und FAQ-Fragen. */
#dn-color-review :is(.dn-site.dn-emerald-gold, .dn-site.dn-emerald-black-gold) :is(.dn-feature h3, .dn-quote-grid blockquote, .dn-quote-grid blockquote p, .dn-faq > summary) {
  color: var(--dn-text);
}
#dn-color-review .dn-site.dn-emerald-gold .dn-nav .dn-brand-link,
#dn-color-review .dn-site.dn-emerald-gold .dn-nav .dn-brand {
  color: var(--dn-text);
}

/* Ergänzende Angaben bleiben mit dem hellen Sekundärton lesbar. */
#dn-color-review :is(.dn-site.dn-emerald-gold, .dn-site.dn-emerald-black-gold) :is(.dn-quote-grid blockquote footer, .dn-footer > span, .dn-breadcrumb > span) {
  color: var(--dn-muted);
}
#dn-color-review :is(.dn-site.dn-emerald-gold, .dn-site.dn-emerald-black-gold) :is(.dn-preview-open, .dn-preview-close) {
  color: inherit;
}

/* Die eigene Farbe der Versandbestätigung gilt auch für ihre Textknoten. */
#dn-color-review :is(.dn-site.dn-emerald-gold, .dn-site.dn-emerald-black-gold) :is(.dn-form-success p, .dn-form-success strong) {
  color: var(--dn-success-text);
}

/* Helle Marke auch im nun durchgehend grünen Header der Grün–Weiß-Variante. */
#dn-color-review .dn-site.dn-emerald-white .dn-nav .dn-brand-link,
#dn-color-review .dn-site.dn-emerald-white .dn-nav .dn-brand {
  color: var(--dn-text);
}

/* Goldene Unterzeile in der Navigation der Grün–Gold–Weiß-Variante. */
#dn-color-review .dn-site.dn-emerald-gold .dn-nav .dn-brand-link .dn-sub {
  color: var(--dn-gold);
}


/* Rechtliche Seiten übernehmen die Farben der gewählten Variante. */
#dn-color-review .dn-site .dn-legal-hero {
  padding: 30px 42px 40px;
}
#dn-color-review .dn-site .dn-legal-hero .dn-title {
  font-size: clamp(28px, 5vw, 44px);
  letter-spacing: -1px;
  overflow-wrap: anywhere;
  hyphens: auto;
}
#dn-color-review .dn-site .dn-legal-section {
  background: var(--dn-surface);
}
#dn-color-review .dn-site .dn-legal-copy {
  max-width: 780px;
  margin: 0 auto;
  color: var(--dn-text);
  overflow-wrap: anywhere;
  hyphens: auto;
}
#dn-color-review .dn-site .dn-legal-copy p,
#dn-color-review .dn-site .dn-legal-copy li {
  color: var(--dn-text);
  font: 400 15px/1.8 Arial, Helvetica, sans-serif;
}
#dn-color-review .dn-site .dn-legal-copy p {
  margin: 0 0 20px;
}
#dn-color-review .dn-site .dn-legal-copy h2 {
  color: var(--dn-text);
  font: 500 23px/1.35 Arial, Helvetica, sans-serif;
  margin: 36px 0 16px;
}
#dn-color-review .dn-site .dn-legal-copy > :first-child {
  margin-top: 0;
}
#dn-color-review .dn-site .dn-legal-copy ul {
  padding-left: 24px;
  margin: 0 0 24px;
}
#dn-color-review .dn-site .dn-legal-copy li {
  margin: 5px 0;
}
#dn-color-review .dn-site .dn-legal-copy strong {
  color: inherit;
  font-weight: 700;
}
#dn-color-review .dn-site .dn-legal-copy a {
  color: var(--dn-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}
#dn-color-review .dn-site .dn-footer-links a[aria-current="page"] {
  color: var(--dn-text);
  text-decoration-thickness: 2px;
}
#dn-color-review:has([data-dn-route="dn-impressum"]:target) [data-dn-route="dn-impressum"],
#dn-color-review:has([data-dn-route="dn-datenschutz"]:target) [data-dn-route="dn-datenschutz"] {
  display: block;
}
@media (max-width: 760px) {
  #dn-color-review .dn-site .dn-legal-hero { padding: 26px 28px 34px; }
}
@media (max-width: 560px) {
  #dn-color-review .dn-site .dn-legal-hero { padding: 20px 22px 28px; }
  #dn-color-review .dn-site .dn-legal-copy h2 { font-size: 21px; }
}

/* Gemeinsame Maß- und Schriftvorgaben für alle zehn Seiten von Design 1. */
#dn-color-review .dn-site.dn-emerald-gold {
  --dn-font-family: Arial, Helvetica, sans-serif;
  --dn-section-y: 48px;
  --dn-page-x: 42px;
  --dn-action-gap: 17px;
  --dn-button-radius: 5px;
  font-family: var(--dn-font-family);
}
#dn-color-review .dn-site.dn-emerald-gold .dn-section {
  padding: var(--dn-section-y) var(--dn-page-x);
}
#dn-color-review .dn-site.dn-emerald-gold .dn-section.dn-cta-only {
  padding-top: 28px;
  padding-bottom: 28px;
}
#dn-color-review .dn-site.dn-emerald-gold .dn-footer {
  padding: 23px var(--dn-page-x);
}
#dn-color-review .dn-site.dn-emerald-gold .dn-actions {
  gap: var(--dn-action-gap);
}
#dn-color-review .dn-site.dn-emerald-gold .dn-button {
  min-height: 46px;
  max-width: 100%;
  padding: 12px 19px;
  border-radius: var(--dn-button-radius);
  background: var(--dn-accent);
  color: var(--dn-on-accent);
  font: 500 14px/1.4 var(--dn-font-family);
  white-space: normal;
  text-align: center;
  overflow-wrap: anywhere;
}
#dn-color-review .dn-site.dn-emerald-gold .dn-preview-control > summary {
  color: var(--dn-text);
  font: 400 13px/1.5 var(--dn-font-family);
}
#dn-color-review .dn-site.dn-emerald-gold .dn-fields :is(input, select, textarea) {
  color: var(--dn-text);
  background: var(--dn-field);
  border-color: var(--dn-input-line);
  font: 400 16px/1.5 var(--dn-font-family);
}
@media (max-width: 760px) {
  #dn-color-review .dn-site.dn-emerald-gold {
    --dn-section-y: 38px;
    --dn-page-x: 28px;
  }
}
@media (max-width: 560px) {
  #dn-color-review .dn-site.dn-emerald-gold {
    --dn-section-y: 34px;
    --dn-page-x: 22px;
  }
}


/* Standalone website: the approved Design 1, with real page routes. */
html { color-scheme: light; font-size: 100%; scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #183e30; font-family: Arial, Helvetica, sans-serif; }
[hidden] { display: none !important; }
#dn-color-review .dn-site.dn-emerald-gold { --dn-page-x: max(42px, calc((100vw - 1116px) / 2)); }
#dn-color-review .dn-site .dn-detail-page { display: block; }
#dn-color-review .dn-site .dn-nav,
#dn-color-review .dn-site .dn-hero,
#dn-color-review .dn-site .dn-detail-hero { padding-left: var(--dn-page-x); padding-right: var(--dn-page-x); }
#dn-color-review .dn-site .dn-copy,
#dn-color-review .dn-site .dn-feature p,
#dn-color-review .dn-site .dn-faq > p,
#dn-color-review .dn-site .dn-legal-copy p,
#dn-color-review .dn-site .dn-legal-copy li,
#dn-color-review .dn-site .dn-photo-hero .dn-lead,
#dn-color-review .dn-site .dn-lead { font-size: 1rem; }
#dn-color-review .dn-site .dn-fields label,
#dn-color-review .dn-site .dn-form-note,
#dn-color-review .dn-site .dn-offer-more,
#dn-color-review .dn-site .dn-text-link,
#dn-color-review .dn-site .dn-other-offers a,
#dn-color-review .dn-site .dn-nav-links > a,
#dn-color-review .dn-site .dn-nav-dropdown > summary,
#dn-color-review .dn-site .dn-mobile-nav > summary,
#dn-color-review .dn-site .dn-footer { font-size: .875rem; }
#dn-color-review .dn-site .dn-eyebrow,
#dn-color-review .dn-site .dn-sub { font-size: .75rem; }
#dn-color-review .dn-site .dn-photo-asset { background-image: none; object-fit: contain; object-position: center bottom; }
#dn-color-review .dn-site .dn-grid { pointer-events: none; }
#dn-color-review .dn-site .dn-hit { display: none; }
#dn-color-review .dn-site .dn-hero-copy { position: relative; z-index: 3; }
#dn-color-review .dn-site .dn-form-test-note { margin: 0 0 22px; padding: 14px 16px; border-left: 3px solid #866722; background: #f2f5ee; color: #183e30; font-size: .875rem; line-height: 1.6; }
#dn-color-review .dn-site .dn-form-success { margin-top: 18px; }
#dn-color-review .dn-site .dn-fields :is(input,textarea)::placeholder { color: #596d61; opacity: 1; }
#dn-color-review .dn-site :is(button,summary) { cursor: pointer; }
#dn-color-review .dn-site button:disabled { cursor: not-allowed; }
#dn-color-review .dn-site :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid var(--dn-accent); outline-offset: 5px; }
.dn-test-banner { margin: 0; padding: 10px 22px; background: #0c3023; color: #e4c580; border-bottom: 1px solid #52745c; text-align: center; font-size: .8125rem; line-height: 1.5; }
.dn-skip { position: fixed; left: 16px; top: -100px; z-index: 20; padding: 12px 18px; background: #fff; color: #123f2d; border: 2px solid #123f2d; border-radius: 4px; }
.dn-skip:focus { top: 12px; }
#dn-color-review .dn-site .dn-intro.is-active { display: flex; animation: dn-intro-fade .9s ease both; pointer-events: none; }
#dn-color-review .dn-site .dn-intro.is-active .dn-intro-line { animation: dn-full-line .6s ease-out both; }
@keyframes dn-intro-fade { 0%,55% { opacity: 1; } 100% { opacity: 0; } }
@media (max-width: 760px) {
 #dn-color-review .dn-site.dn-emerald-gold { --dn-page-x: 28px; }
 #dn-color-review .dn-site .dn-nav { gap: 14px; }
 #dn-color-review .dn-site .dn-nav-links { gap: 12px; }
}
@media (max-width: 680px) {
 #dn-color-review .dn-site .dn-desktop-nav { display: none; }
 #dn-color-review .dn-site .dn-mobile-nav { display: block; }
 #dn-color-review .dn-site .dn-mobile-nav > summary { padding: 12px 7px; }
 #dn-color-review .dn-site .dn-mobile-panel { position: absolute; top: calc(100% - 5px); left: var(--dn-page-x); right: var(--dn-page-x); padding: 8px; background: var(--dn-surface); border: 1px solid var(--dn-line); border-radius: 6px; box-shadow: 0 12px 30px var(--dn-menu-shadow); }
 #dn-color-review .dn-site .dn-mobile-panel .dn-nav-dropdown > summary { padding: 12px; }
 #dn-color-review .dn-site .dn-mobile-panel .dn-dropdown-menu { position: static; width: auto; max-width: none; padding: 0 0 5px 13px; border: 0; box-shadow: none; }
}
@media (max-width: 560px) {
 #dn-color-review .dn-site.dn-emerald-gold { --dn-page-x: 22px; }
 #dn-color-review .dn-site .dn-sub { letter-spacing: 1.5px; }
 #dn-color-review .dn-site .dn-hero { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } #dn-color-review .dn-site .dn-intro { display: none !important; } }

/* WordPress integration */
#dn-color-review .wpcf7 { width:100%; min-width:0; }
#dn-color-review .wpcf7-form p { margin:0; }
#dn-color-review .wpcf7-form-control-wrap { display:block; }
#dn-color-review .dn-fields label > br { display:none; }
#dn-color-review .dn-fields input, #dn-color-review .dn-fields select, #dn-color-review .dn-fields textarea { width:100%; }
#dn-color-review .dn-site input.dn-button { width:auto; cursor:pointer; }
#dn-color-review .wpcf7-not-valid-tip { color:#a52626; margin-top:7px; font-size:14px; }
#dn-color-review .wpcf7-response-output { padding:16px; margin:20px 0 0; border-radius:5px; font-size:16px; line-height:1.6; }
#dn-color-review .wpcf7-form.sent .wpcf7-response-output { background:#edf7ef; color:#245d35; border:1px solid #6e9e78; }
#dn-color-review .dn-legacy-content { max-width:850px; }
#dn-color-review .dn-legacy-content img { max-width:100%; height:auto; }
#dn-color-review .dn-legacy-content p { font-size:17px; line-height:1.75; }