/* info.css — 「介绍页」and「CAS 索引」templates: page content = block-editor blocks in the About-page style.
   Sections = Group blocks (is-style-ycx-section / -tint / -navy / -cta), cards = Columns (is-style-ycx-cards),
   check lists, notes, chips, FAQ = Details blocks, tables, buttons. Loaded before responsive.css. */

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

.ycx_info{color:#555;font-size:clamp(.9375rem,.9rem + .15vw,1.0625rem);line-height:1.75}
.ycx_info>*{width:92%;max-width:1440px;margin-left:auto;margin-right:auto}
.ycx_info>.wp-block-group{width:auto;max-width:none;margin:0;padding:clamp(3rem,2.2rem + 3.4vw,5.625rem) 0}
.ycx_info>.wp-block-group>*{width:92%;max-width:1440px;margin-left:auto;margin-right:auto}
.ycx_info>.wp-block-group>.wp-block-group__inner-container>*{margin-left:auto;margin-right:auto}
.ycx_info>:not(.wp-block-group):first-child{margin-top:clamp(2rem,1.5rem + 2vw,3.5rem)}
.ycx_info>:not(.wp-block-group):last-child{margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}
.ycx_info_empty{width:92%;max-width:1440px;margin:60px auto;color:#888}

/* section backgrounds */
.ycx_info .is-style-ycx-section{background:#fff}
.ycx_info .is-style-ycx-tint{background:#F4F7FB}
.ycx_info .is-style-ycx-navy,.ycx_info .is-style-ycx-cta{background:linear-gradient(120deg,var(--hue-dark) 0%,var(--hue) 60%,var(--hue-2) 100%);color:rgba(255,255,255,.9)}
.ycx_info .is-style-ycx-navy :is(h1,h2,h3,h4,p,li,a),.ycx_info .is-style-ycx-cta :is(h1,h2,h3,h4,p,li){color:#fff}
.ycx_info .is-style-ycx-cta{text-align:center;padding:clamp(2.5rem,2rem + 2.2vw,4rem) 0!important}
.ycx_info .is-style-ycx-cta h2{font-size:clamp(1.375rem,1.1rem + 1.1vw,2.25rem)!important;margin-bottom:.4em}
.ycx_info .is-style-ycx-cta p{max-width:820px;margin-left:auto;margin-right:auto;opacity:.92}

/* typography */
.ycx_info h2,.ycx_info h3,.ycx_info h4{font-weight:400;line-height:1.28;margin:0 0 .6em}
.ycx_info h2{font-family:"Onest-Bold","Inter-Bold",Arial,sans-serif;font-size:clamp(1.5rem,1.05rem + 1.9vw,2.625rem);color:var(--hue)}
.ycx_info h3{font-family:"Inter-SemiBold",Arial,sans-serif;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);color:#1f2a3a}
.ycx_info h4{font-family:"Inter-SemiBold",Arial,sans-serif;font-size:1.0625rem;color:#1f2a3a}
.ycx_info p{margin:0 0 1em}
.ycx_info a{color:var(--hue-2)}
.ycx_info a:hover{text-decoration:underline}
.ycx_info strong,.ycx_info b{font-family:"Inter-SemiBold",Arial,sans-serif;font-weight:400;color:#1f2a3a}
.ycx_info .has-text-align-center{text-align:center}
.ycx_info p.has-text-align-center:not(.is-style-ycx-eyebrow){max-width:900px;color:#666}
.ycx_info :is(.is-style-ycx-cta,.is-style-ycx-navy) p.has-text-align-center:not(.is-style-ycx-eyebrow){color:rgba(255,255,255,.88)}
.ycx_info .is-style-ycx-eyebrow{font-family:"Inter-SemiBold",Arial,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--hue-2);margin-bottom:.6em}
.ycx_info .is-style-ycx-navy .is-style-ycx-eyebrow{color:#9fc3ff}
.ycx_info h2.has-text-align-center+p.has-text-align-center{margin-bottom:0}
.ycx_info :is(h2,p).has-text-align-center+:is(.wp-block-columns,.wp-block-table,.wp-block-details,.wp-block-buttons,.is-style-ycx-chips){margin-top:clamp(1.5rem,1.2rem + 1.2vw,2.5rem)}

/* columns / cards */
.ycx_info .wp-block-columns{gap:clamp(1.25rem,.9rem + 1.5vw,2.5rem);margin-bottom:0}
.ycx_info .wp-block-columns+.wp-block-columns{margin-top:clamp(1.25rem,.9rem + 1.5vw,2.5rem)}
.ycx_info .wp-block-column>:last-child{margin-bottom:0}
.ycx_info .wp-block-column:has(>.wp-block-image:only-child){align-self:center}
.ycx_info .is-style-ycx-cards>.wp-block-column{display:flex;flex-direction:column;background:#fff;border:1px solid #E3E9F2;border-top:3px solid var(--hue);border-radius:10px;padding:clamp(1.25rem,1rem + 1vw,2rem);box-shadow:0 8px 24px rgba(11,47,102,.06);transition:box-shadow .3s,transform .3s}
.ycx_info .is-style-ycx-cards>.wp-block-column:hover{box-shadow:0 14px 34px rgba(11,47,102,.12);transform:translateY(-3px)}
.ycx_info .is-style-ycx-section .is-style-ycx-cards>.wp-block-column{background:#FAFCFE}
.ycx_info .is-style-ycx-cards .is-style-ycx-eyebrow{font-size:12px;margin-bottom:.5em}
.ycx_info .is-style-ycx-cards p{font-size:.95em}
.ycx_info .is-style-ycx-more{margin-top:auto!important;padding-top:.4em}
.ycx_info .is-style-ycx-more a{font-family:"Inter-SemiBold",Arial,sans-serif;color:var(--hue-2)}

/* lists */
.ycx_info ul,.ycx_info ol{margin:0 0 1.2em;padding-left:1.4em}
.ycx_info li{margin-bottom:.5em}
.ycx_info ul.is-style-ycx-check{list-style:none;padding-left:0}
.ycx_info ul.is-style-ycx-check>li{position:relative;padding-left:32px;margin-bottom:.85em}
.ycx_info ul.is-style-ycx-check>li::before{content:"";position:absolute;left:0;top:.28em;width:20px;height:20px;border-radius:50%;background:var(--hue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}

/* note / chips */
.ycx_info .is-style-ycx-note{background:#F4F7FB;border-left:4px solid var(--hue-2);border-radius:6px;padding:clamp(1rem,.85rem + .6vw,1.5rem) clamp(1rem,.8rem + .9vw,1.75rem);color:#4a5566}
.ycx_info .is-style-ycx-tint .is-style-ycx-note{background:#fff}
.ycx_info .is-style-ycx-note+.is-style-ycx-note{margin-top:1em}
.ycx_info .wp-block-columns+.is-style-ycx-note{margin-top:clamp(1.5rem,1.2rem + 1.2vw,2.5rem)}
.ycx_info p.is-style-ycx-chips{font-size:0;line-height:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:none}
.ycx_info p.is-style-ycx-chips a{font-size:15px;line-height:1.4;display:inline-block;padding:9px 20px;border:1px solid var(--hue);border-radius:999px;color:var(--hue);background:#fff;text-decoration:none;transition:all .25s}
.ycx_info p.is-style-ycx-chips a:hover{background:var(--hue);color:#fff}

/* tables */
.ycx_info .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 auto 1.2em}
.ycx_info .wp-block-table table{width:100%;border-collapse:collapse;background:#fff;font-size:.95em;border-radius:8px;overflow:hidden}
.ycx_info .wp-block-table table:has(thead th:nth-child(4)){min-width:720px}
.ycx_info .wp-block-table th,.ycx_info .wp-block-table td{border:1px solid #E3E9F2;padding:12px 16px;text-align:left;vertical-align:top}
.ycx_info .wp-block-table thead th{background:var(--hue);color:#fff;font-family:"Inter-SemiBold",Arial,sans-serif;font-weight:400;border-color:var(--hue)}
.ycx_info .wp-block-table tbody th{background:#F4F7FB;color:#1f2a3a;font-family:"Inter-SemiBold",Arial,sans-serif;font-weight:400;min-width:130px}
.ycx_info .wp-block-table tbody tr:nth-child(even) td{background:#FAFCFE}
.ycx_info .wp-block-table figcaption{font-size:14px;color:#888;margin-top:8px}

/* FAQ (Details blocks) */
.ycx_info .wp-block-group:has(>.wp-block-details)>*,.ycx_info .wp-block-group:has(>.wp-block-group__inner-container>.wp-block-details)>*{max-width:1100px}
.ycx_info .wp-block-details{background:#fff;border:1px solid #E3E9F2;border-radius:10px;margin:0 auto 12px;padding:0;transition:box-shadow .25s}
.ycx_info .wp-block-details[open]{box-shadow:0 8px 24px rgba(11,47,102,.08)}
.ycx_info .wp-block-details summary{position:relative;list-style:none;cursor:pointer;padding:18px 60px 18px 22px;font-family:"Inter-SemiBold",Arial,sans-serif;color:#1f2a3a;font-size:1.02em;line-height:1.5}
.ycx_info .wp-block-details summary::-webkit-details-marker{display:none}
.ycx_info .wp-block-details summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--hue-tint);color:var(--hue);text-align:center;line-height:28px;font-size:20px;font-family:Arial,sans-serif}
.ycx_info .wp-block-details[open] summary::after{content:"−";background:var(--hue);color:#fff}
.ycx_info .wp-block-details summary:hover{color:var(--hue)}
.ycx_info .wp-block-details>:not(summary){padding:0 22px;margin-bottom:0}
.ycx_info .wp-block-details>:last-child{padding-bottom:20px}
.ycx_info .wp-block-group>h2:not(.has-text-align-center)+.wp-block-details,.ycx_info .wp-block-group__inner-container>h2:not(.has-text-align-center)+.wp-block-details{margin-top:1.2em}

/* buttons */
.ycx_info .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.4em}
.ycx_info .wp-block-buttons.is-content-justification-center,.ycx_info .is-style-ycx-cta .wp-block-buttons{justify-content:center}
.ycx_info .wp-block-button__link{display:inline-block;background:var(--hue);color:#fff;border:1px solid var(--hue);border-radius:6px;padding:12px 30px;font-family:"Inter-SemiBold",Arial,sans-serif;font-size:16px;line-height:1.4;text-decoration:none!important;transition:all .25s}
.ycx_info .wp-block-button__link:hover{background:var(--hue-2);border-color:var(--hue-2);color:#fff}
.ycx_info .is-style-outline .wp-block-button__link{background:transparent;color:var(--hue)}
.ycx_info .is-style-outline .wp-block-button__link:hover{background:var(--hue);color:#fff}
.ycx_info :is(.is-style-ycx-cta,.is-style-ycx-navy) .wp-block-button__link{background:#fff;color:var(--hue);border-color:#fff}
.ycx_info :is(.is-style-ycx-cta,.is-style-ycx-navy) .wp-block-button__link:hover{background:var(--hue-2);border-color:var(--hue-2);color:#fff}
.ycx_info :is(.is-style-ycx-cta,.is-style-ycx-navy) .is-style-outline .wp-block-button__link{background:transparent;color:#fff;border-color:rgba(255,255,255,.8)}
.ycx_info :is(.is-style-ycx-cta,.is-style-ycx-navy) .is-style-outline .wp-block-button__link:hover{background:#fff;color:var(--hue)}

/* images / media */
.ycx_info .wp-block-image{margin:0 0 1.2em}
.ycx_info .wp-block-image img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 12px 32px rgba(11,47,102,.12)}
.ycx_info .wp-block-image figcaption{font-size:14px;color:#888;text-align:center;margin-top:8px}
.ycx_info .wp-block-file{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #E3E9F2;border-radius:8px;padding:14px 18px;margin:0 auto 10px}
.ycx_info .wp-block-file__button{background:var(--hue);color:#fff!important;border-radius:6px;padding:8px 18px;text-decoration:none!important}
.ycx_info .wp-block-separator{border:0;border-top:1px solid #E3E9F2;margin:2em auto}
.ycx_info blockquote{margin:0 0 1.4em;padding:14px 22px;border-left:4px solid var(--hue);background:#F4F7FB;color:#555}
.ycx_info iframe,.ycx_info video{max-width:100%}

/* CAS index */
.ycx_cas_tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;margin:clamp(1.5rem,1.2rem + 1.2vw,2.5rem) auto 1.2em}
.ycx_cas_search{width:min(560px,100%);height:52px;padding:0 20px;border:1px solid #cfd8e6;border-radius:8px;font-size:16px;color:#222;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2F66' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") right 16px center/20px no-repeat;outline:none;box-sizing:border-box}
.ycx_cas_search:focus{border-color:var(--hue-2);box-shadow:0 0 0 3px rgba(29,95,174,.15)}
.ycx_cas_count{color:#888}
.ycx_info .ycx_cas_table{min-width:640px}
.ycx_cas_table thead th{padding:0!important}
.ycx_cas_table thead button,.ycx_cas_table thead span{display:block;width:100%;background:none;border:0;color:#fff;font:inherit;text-align:left;padding:13px 16px;cursor:pointer}
.ycx_cas_table thead span{cursor:default}
.ycx_cas_table thead button::after{content:" ↕";opacity:.55;font-size:.9em}
.ycx_cas_table thead button[aria-sort=ascending]::after{content:" ↑";opacity:1}
.ycx_cas_table thead button[aria-sort=descending]::after{content:" ↓";opacity:1}
.ycx_cas_table td.cas{font-family:"Inter-SemiBold",Arial,sans-serif;white-space:nowrap}
.ycx_cas_table td.cas.no-cas{white-space:normal;font-family:inherit;color:#777}
.ycx_cas_table tbody th a{color:#1f2a3a}
.ycx_cas_table tr[hidden]{display:none}
.ycx_cas_none{text-align:center;color:#666}

@media (max-width:781px){
  .ycx_info .is-style-ycx-cards>.wp-block-column:hover{transform:none}
  .ycx_info .wp-block-details summary{padding:15px 54px 15px 16px}
  .ycx_info .wp-block-details>:not(summary){padding:0 16px}
  .ycx_info .wp-block-button__link{padding:11px 22px;font-size:15px}
}
@media (max-width:640px){.ycx_info .wp-block-table table.ycx_cas_table{min-width:0!important;font-size:14px}.ycx_info .wp-block-table .ycx_cas_table tbody th{min-width:0}.ycx_cas_table :is(th,td):is(:nth-child(3),:nth-child(4)){display:none}.ycx_cas_table thead button,.ycx_cas_table thead span{padding:11px 10px}.ycx_info .ycx_cas_table :is(td,tbody th){padding:10px!important}.ycx_cas_table td.cas.no-cas{min-width:120px}}

/* 2.2.5: legal text (Privacy Policy) — readable column, smaller section headings */
.ycx_info .ycx-legal>*,.ycx_info .ycx-legal>.wp-block-group__inner-container>*{max-width:900px}
.ycx_info .ycx-legal h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);margin:1.8em auto .55em}
.ycx_info .ycx-legal .is-style-ycx-eyebrow+p{font-size:1.05em;color:#444}
.ycx_info .ycx-legal li{margin-bottom:.35em}

/* =====================================================================
   2.2.38 — Info / Resources / CAS: cool navy airy material
   Scoped under body.ycx-info-page (info.php + cas-index.php).
   Tightens gaps, softens cards to match product listing / about redesign.
   Content (block markup) unchanged. No amber.
   ===================================================================== */

body.ycx-info-page .ycx_info > .wp-block-group {
  padding: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem) 0;
}

body.ycx-info-page .ycx_info > :not(.wp-block-group):first-child {
  margin-top: clamp(2.5rem, 1.8rem + 2.5vw, 4rem);
}

body.ycx-info-page .ycx_info > :not(.wp-block-group):last-child {
  margin-bottom: clamp(2.5rem, 1.8rem + 2.5vw, 4rem);
}

body.ycx-info-page .ycx_info .is-style-ycx-tint {
  background: #F7F9FC;
}

body.ycx-info-page .ycx_info .is-style-ycx-section {
  background: #fff;
}

body.ycx-info-page .ycx_info h2 {
  letter-spacing: -0.01em;
}

body.ycx-info-page .ycx_info p.has-text-align-center:not(.is-style-ycx-eyebrow) {
  color: #5b6b82;
  line-height: 1.7;
  max-width: 52rem;
}

body.ycx-info-page .ycx_info .is-style-ycx-cards > .wp-block-column {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  border-top: 3px solid var(--hue);
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  padding: clamp(1.35rem, 1.1rem + 1vw, 2.1rem);
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

body.ycx-info-page .ycx_info .is-style-ycx-cards > .wp-block-column:hover {
  border-color: rgba(11, 47, 102, 0.22);
  box-shadow: 0 10px 28px rgba(11, 47, 102, 0.1);
  transform: translateY(-3px);
}

body.ycx-info-page .ycx_info .is-style-ycx-section .is-style-ycx-cards > .wp-block-column {
  background: #FAFCFE;
}

body.ycx-info-page .ycx_info .is-style-ycx-note {
  border-radius: 10px;
  border-left-width: 3px;
  border-left-color: var(--hue);
  background: #F7F9FC;
  color: #5b6b82;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.03);
}

body.ycx-info-page .ycx_info .is-style-ycx-tint .is-style-ycx-note {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-left: 3px solid var(--hue);
}

body.ycx-info-page .ycx_info p.is-style-ycx-chips a {
  border-radius: 999px;
  border-color: #c9d4e5;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.04);
  padding: 10px 22px;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

body.ycx-info-page .ycx_info p.is-style-ycx-chips a:hover {
  background: var(--hue);
  border-color: var(--hue);
  color: #fff;
  box-shadow: 0 4px 12px rgba(11, 47, 102, 0.18);
}

body.ycx-info-page .ycx_info .wp-block-table table {
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
}

body.ycx-info-page .ycx_info .wp-block-table th,
body.ycx-info-page .ycx_info .wp-block-table td {
  border-color: #e2e8f0;
  padding: 13px 18px;
}

body.ycx-info-page .ycx_info .wp-block-details {
  border-radius: 12px;
  border-color: #e2e8f0;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  margin-bottom: 14px;
}

body.ycx-info-page .ycx_info .wp-block-details[open] {
  box-shadow: 0 8px 24px rgba(11, 47, 102, 0.08);
}

body.ycx-info-page .ycx_info .wp-block-details summary {
  padding: 18px 60px 18px 22px;
}

body.ycx-info-page .ycx_info .wp-block-button__link {
  border-radius: 8px;
  padding: 12px 28px;
  box-shadow: 0 2px 8px rgba(11, 47, 102, 0.12);
}

body.ycx-info-page .ycx_info .wp-block-file {
  border-radius: 12px;
  border-color: #e2e8f0;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  padding: 16px 20px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

body.ycx-info-page .ycx_info .wp-block-file:hover {
  border-color: rgba(11, 47, 102, 0.22);
  box-shadow: 0 8px 22px rgba(11, 47, 102, 0.08);
}

body.ycx-info-page .ycx_info .wp-block-file__button {
  border-radius: 8px;
  padding: 9px 18px;
}

body.ycx-info-page .ycx_info .wp-block-image img {
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(11, 47, 102, 0.1);
}

body.ycx-info-page .ycx_info .is-style-ycx-navy,
body.ycx-info-page .ycx_info .is-style-ycx-cta {
  background: linear-gradient(120deg, var(--hue-dark) 0%, var(--hue) 55%, var(--hue-2) 100%);
}

body.ycx-info-page .ycx_info .is-style-ycx-cta {
  padding: clamp(3rem, 2.2rem + 2.8vw, 4.75rem) 0 !important;
}

body.ycx-info-page .ycx_info :is(.is-style-ycx-cta, .is-style-ycx-navy) .wp-block-button__link {
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(6, 29, 66, 0.2);
}

/* CAS tools on cool navy surface */
body.ycx-info-page .ycx_cas_search {
  border-color: #c9d4e5;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.04);
}

body.ycx-info-page .ycx_cas_search:focus {
  border-color: var(--hue-2);
  box-shadow: 0 0 0 3px rgba(29, 95, 174, 0.15);
}

body.ycx-info-page .new_det_crumbs {
  background: linear-gradient(to right, #fff, #F2F5F9);
  border-bottom: 1px solid #e8eef6;
}

body.ycx-info-page .new_det_crumbs1,
body.ycx-info-page .new_det_crumbs1 a {
  color: #475569;
}

body.ycx-info-page .new_det_crumbs1 a:hover {
  color: var(--hue);
}

@media (max-width: 781px) {
  body.ycx-info-page .ycx_info .is-style-ycx-cards > .wp-block-column:hover {
    transform: none;
  }
}

/* =====================================================================
   2.2.42 — Resources / info templates: cool navy continuity (full pass)
   Scope: body.ycx-info-page OR body:has(main.ycx_info) so banner/crumbs
   apply even if a cached page lacks the custom body class.
   Surfaces: cool gray/white, navy accents. Content/DB unchanged. No amber.
   Banner + crumbs live here (not pages.css) so About/Contact can diverge.
   ===================================================================== */

body.ycx-info-page,
body:has(main.ycx_info) {
  background: #F7F9FC;
}

/* ---------- Sub-banner: shorter, airier, cool navy scrim ---------- */
body.ycx-info-page .ycx_sub_banner .subPage_banner_w,
body:has(main.ycx_info) .ycx_sub_banner .subPage_banner_w {
  padding-top: clamp(2.75rem, 1.8rem + 3vw, 4.5rem);
  padding-bottom: clamp(2.75rem, 1.8rem + 3vw, 4.5rem);
  height: auto;
  min-height: clamp(11.5rem, 7.5rem + 12vw, 20rem);
}

body.ycx-info-page .ycx_sub_banner::before,
body:has(main.ycx_info) .ycx_sub_banner::before {
  background: linear-gradient(
    100deg,
    rgba(6, 29, 66, 0.9) 0%,
    rgba(11, 47, 102, 0.72) 48%,
    rgba(11, 47, 102, 0.28) 100%
  );
}

body.ycx-info-page .ycx_sub_banner.no-image,
body:has(main.ycx_info) .ycx_sub_banner.no-image {
  background: linear-gradient(120deg, var(--hue-dark) 0%, var(--hue) 55%, var(--hue-2) 100%);
}

body.ycx-info-page .ycx_sub_banner .subPage_banner1,
body:has(main.ycx_info) .ycx_sub_banner .subPage_banner1 {
  max-width: 44rem;
}

body.ycx-info-page .ycx_sub_banner .subPage_banner1 .title,
body:has(main.ycx_info) .ycx_sub_banner .subPage_banner1 .title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  text-shadow: 0 1px 2px rgba(6, 29, 66, 0.25);
}

body.ycx-info-page .ycx_sub_banner .subPage_banner1 .text,
body:has(main.ycx_info) .ycx_sub_banner .subPage_banner1 .text {
  color: rgba(232, 238, 245, 0.95);
  max-width: 38rem;
  line-height: 1.7;
  opacity: 1;
  padding-top: clamp(0.65rem, 0.5rem + 0.4vw, 0.95rem);
}

/* ---------- Breadcrumbs: cool gray bar (match blog / product) ---------- */
body.ycx-info-page .new_det_crumbs,
body:has(main.ycx_info) .new_det_crumbs {
  background: linear-gradient(to right, #fff, #F2F5F9);
  border-bottom: 1px solid #e8eef6;
}

body.ycx-info-page .new_det_crumbs_w,
body:has(main.ycx_info) .new_det_crumbs_w {
  padding-top: clamp(0.65rem, 0.5rem + 0.5vw, 1rem);
  padding-bottom: clamp(0.65rem, 0.5rem + 0.5vw, 1rem);
}

body.ycx-info-page .new_det_crumbs1,
body.ycx-info-page .new_det_crumbs1 a,
body:has(main.ycx_info) .new_det_crumbs1,
body:has(main.ycx_info) .new_det_crumbs1 a {
  color: #475569;
}

body.ycx-info-page .new_det_crumbs1 a:hover,
body:has(main.ycx_info) .new_det_crumbs1 a:hover {
  color: var(--hue);
  text-decoration: none;
}

body.ycx-info-page .new_det_crumbs1 span,
body:has(main.ycx_info) .new_det_crumbs1 span {
  color: #334155;
  font-family: "Inter-SemiBold", Arial, sans-serif;
}

/* ---------- Main canvas ---------- */
body.ycx-info-page .ycx_info,
body:has(main.ycx_info) .ycx_info {
  color: #475569;
  background: transparent;
}

body.ycx-info-page .ycx_info > .wp-block-group,
body:has(main.ycx_info) .ycx_info > .wp-block-group {
  padding: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem) 0;
}

body.ycx-info-page .ycx_info > :not(.wp-block-group):first-child,
body:has(main.ycx_info) .ycx_info > :not(.wp-block-group):first-child {
  margin-top: clamp(2.5rem, 1.8rem + 2.5vw, 4rem);
}

body.ycx-info-page .ycx_info > :not(.wp-block-group):last-child,
body:has(main.ycx_info) .ycx_info > :not(.wp-block-group):last-child {
  margin-bottom: clamp(2.5rem, 1.8rem + 2.5vw, 4rem);
}

body.ycx-info-page .ycx_info .is-style-ycx-tint,
body:has(main.ycx_info) .ycx_info .is-style-ycx-tint {
  background: #F2F5F9;
}

body.ycx-info-page .ycx_info .is-style-ycx-section,
body:has(main.ycx_info) .ycx_info .is-style-ycx-section {
  background: #fff;
}

body.ycx-info-page .ycx_info h2,
body:has(main.ycx_info) .ycx_info h2 {
  letter-spacing: -0.01em;
  color: var(--hue);
}

body.ycx-info-page .ycx_info h3,
body.ycx-info-page .ycx_info h4,
body:has(main.ycx_info) .ycx_info h3,
body:has(main.ycx_info) .ycx_info h4 {
  color: #0f172a;
}

body.ycx-info-page .ycx_info p.has-text-align-center:not(.is-style-ycx-eyebrow),
body:has(main.ycx_info) .ycx_info p.has-text-align-center:not(.is-style-ycx-eyebrow) {
  color: #5b6b82;
  line-height: 1.7;
  max-width: 52rem;
}

body.ycx-info-page .ycx_info .is-style-ycx-eyebrow,
body:has(main.ycx_info) .ycx_info .is-style-ycx-eyebrow {
  color: var(--hue-2);
  letter-spacing: 0.14em;
}

/* Cards */
body.ycx-info-page .ycx_info .is-style-ycx-cards > .wp-block-column,
body:has(main.ycx_info) .ycx_info .is-style-ycx-cards > .wp-block-column {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  border-top: 3px solid var(--hue);
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  padding: clamp(1.35rem, 1.1rem + 1vw, 2.1rem);
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

body.ycx-info-page .ycx_info .is-style-ycx-cards > .wp-block-column:hover,
body:has(main.ycx_info) .ycx_info .is-style-ycx-cards > .wp-block-column:hover {
  border-color: rgba(11, 47, 102, 0.22);
  box-shadow: 0 10px 28px rgba(11, 47, 102, 0.1);
  transform: translateY(-3px);
}

body.ycx-info-page .ycx_info .is-style-ycx-section .is-style-ycx-cards > .wp-block-column,
body:has(main.ycx_info) .ycx_info .is-style-ycx-section .is-style-ycx-cards > .wp-block-column {
  background: #FAFCFE;
}

/* Notes / chips */
body.ycx-info-page .ycx_info .is-style-ycx-note,
body:has(main.ycx_info) .ycx_info .is-style-ycx-note {
  border-radius: 10px;
  border-left-width: 3px;
  border-left-color: var(--hue);
  background: #F7F9FC;
  color: #5b6b82;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.03);
}

body.ycx-info-page .ycx_info .is-style-ycx-tint .is-style-ycx-note,
body:has(main.ycx_info) .ycx_info .is-style-ycx-tint .is-style-ycx-note {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-left: 3px solid var(--hue);
}

body.ycx-info-page .ycx_info p.is-style-ycx-chips a,
body:has(main.ycx_info) .ycx_info p.is-style-ycx-chips a {
  border-radius: 999px;
  border-color: #c9d4e5;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.04);
  padding: 10px 22px;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

body.ycx-info-page .ycx_info p.is-style-ycx-chips a:hover,
body:has(main.ycx_info) .ycx_info p.is-style-ycx-chips a:hover {
  background: var(--hue);
  border-color: var(--hue);
  color: #fff;
  box-shadow: 0 4px 12px rgba(11, 47, 102, 0.18);
}

/* Tables */
body.ycx-info-page .ycx_info .wp-block-table table,
body:has(main.ycx_info) .ycx_info .wp-block-table table {
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  overflow: hidden;
}

body.ycx-info-page .ycx_info .wp-block-table th,
body.ycx-info-page .ycx_info .wp-block-table td,
body:has(main.ycx_info) .ycx_info .wp-block-table th,
body:has(main.ycx_info) .ycx_info .wp-block-table td {
  border-color: #e2e8f0;
  padding: 13px 18px;
}

body.ycx-info-page .ycx_info .wp-block-table thead th,
body:has(main.ycx_info) .ycx_info .wp-block-table thead th {
  background: var(--hue);
  border-color: var(--hue);
}

body.ycx-info-page .ycx_info .wp-block-table tbody th,
body:has(main.ycx_info) .ycx_info .wp-block-table tbody th {
  background: #F7F9FC;
  color: #0f172a;
}

/* FAQ details */
body.ycx-info-page .ycx_info .wp-block-details,
body:has(main.ycx_info) .ycx_info .wp-block-details {
  border-radius: 12px;
  border-color: #e2e8f0;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  margin-bottom: 14px;
  background: #fff;
}

body.ycx-info-page .ycx_info .wp-block-details[open],
body:has(main.ycx_info) .ycx_info .wp-block-details[open] {
  box-shadow: 0 8px 24px rgba(11, 47, 102, 0.08);
}

body.ycx-info-page .ycx_info .wp-block-details summary,
body:has(main.ycx_info) .ycx_info .wp-block-details summary {
  padding: 18px 60px 18px 22px;
  color: #0f172a;
}

body.ycx-info-page .ycx_info .wp-block-details summary::after,
body:has(main.ycx_info) .ycx_info .wp-block-details summary::after {
  background: var(--hue-tint);
  color: var(--hue);
}

body.ycx-info-page .ycx_info .wp-block-details[open] summary::after,
body:has(main.ycx_info) .ycx_info .wp-block-details[open] summary::after {
  background: var(--hue);
  color: #fff;
}

/* Downloads / file rows */
body.ycx-info-page .ycx_info .wp-block-file,
body:has(main.ycx_info) .ycx_info .wp-block-file {
  border-radius: 12px;
  border-color: #e2e8f0;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  padding: 16px 20px;
  background: #fff;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

body.ycx-info-page .ycx_info .wp-block-file:hover,
body:has(main.ycx_info) .ycx_info .wp-block-file:hover {
  border-color: rgba(11, 47, 102, 0.22);
  box-shadow: 0 8px 22px rgba(11, 47, 102, 0.08);
}

body.ycx-info-page .ycx_info .wp-block-file__button,
body:has(main.ycx_info) .ycx_info .wp-block-file__button {
  border-radius: 8px;
  padding: 9px 18px;
  background: var(--hue);
}

/* Buttons */
body.ycx-info-page .ycx_info .wp-block-button__link,
body:has(main.ycx_info) .ycx_info .wp-block-button__link {
  border-radius: 8px;
  padding: 12px 28px;
  box-shadow: 0 2px 8px rgba(11, 47, 102, 0.12);
}

body.ycx-info-page .ycx_info .wp-block-image img,
body:has(main.ycx_info) .ycx_info .wp-block-image img {
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(11, 47, 102, 0.1);
}

/* Navy / CTA bands */
body.ycx-info-page .ycx_info .is-style-ycx-navy,
body.ycx-info-page .ycx_info .is-style-ycx-cta,
body:has(main.ycx_info) .ycx_info .is-style-ycx-navy,
body:has(main.ycx_info) .ycx_info .is-style-ycx-cta {
  background: linear-gradient(120deg, var(--hue-dark) 0%, var(--hue) 55%, var(--hue-2) 100%);
}

body.ycx-info-page .ycx_info .is-style-ycx-cta,
body:has(main.ycx_info) .ycx_info .is-style-ycx-cta {
  padding: clamp(3rem, 2.2rem + 2.8vw, 4.75rem) 0 !important;
}

body.ycx-info-page .ycx_info :is(.is-style-ycx-cta, .is-style-ycx-navy) .wp-block-button__link,
body:has(main.ycx_info) .ycx_info :is(.is-style-ycx-cta, .is-style-ycx-navy) .wp-block-button__link {
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(6, 29, 66, 0.2);
}

/* Check lists — cooler navy disc */
body.ycx-info-page .ycx_info ul.is-style-ycx-check > li::before,
body:has(main.ycx_info) .ycx_info ul.is-style-ycx-check > li::before {
  background-color: var(--hue);
}

/* Legal / Privacy readable column */
body.ycx-info-page .ycx_info .ycx-legal > *,
body.ycx-info-page .ycx_info .ycx-legal > .wp-block-group__inner-container > *,
body:has(main.ycx_info) .ycx_info .ycx-legal > *,
body:has(main.ycx_info) .ycx_info .ycx-legal > .wp-block-group__inner-container > * {
  max-width: 900px;
}

/* CAS tools */
body.ycx-info-page .ycx_cas_search,
body:has(main.ycx_info) .ycx_cas_search {
  border-color: #c9d4e5;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.04);
}

body.ycx-info-page .ycx_cas_search:focus,
body:has(main.ycx_info) .ycx_cas_search:focus {
  border-color: var(--hue-2);
  box-shadow: 0 0 0 3px rgba(29, 95, 174, 0.15);
}

@media (max-width: 781px) {
  body.ycx-info-page .ycx_info .is-style-ycx-cards > .wp-block-column:hover,
  body:has(main.ycx_info) .ycx_info .is-style-ycx-cards > .wp-block-column:hover {
    transform: none;
  }

  body.ycx-info-page .ycx_sub_banner .subPage_banner_w,
  body:has(main.ycx_info) .ycx_sub_banner .subPage_banner_w {
    min-height: 10.5rem;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  body.ycx-info-page .ycx_info .wp-block-details summary,
  body:has(main.ycx_info) .ycx_info .wp-block-details summary {
    padding: 15px 54px 15px 16px;
  }

  body.ycx-info-page .ycx_info .wp-block-file,
  body:has(main.ycx_info) .ycx_info .wp-block-file {
    flex-direction: column;
    align-items: flex-start;
  }
}