/* Individual CMS panels, never a page-wide wash. Existing pinks stay pink.
 * Section markers move no text and affect no navigation, catalogue or commerce.
 * Screen-only: print remains uncoloured; source images/QR whites stay intact. */
@media screen {
  body#cms #content.page-cms {
    --iwc-blue:#eaf3fc;
    --iwc-mint:#eaf6ee;
    --iwc-lavender:#f1ecfa;
    --iwc-peach:#fff0e6;
    --iwc-aqua:#e8f5f6;
  }
  body#cms #content.page-cms [data-iw-tone="blue"] { --iwc-panel:var(--iwc-blue); }
  body#cms #content.page-cms [data-iw-tone="mint"] { --iwc-panel:var(--iwc-mint); }
  body#cms #content.page-cms [data-iw-tone="lavender"] { --iwc-panel:var(--iwc-lavender); }
  body#cms #content.page-cms [data-iw-tone="peach"] { --iwc-panel:var(--iwc-peach); }
  body#cms #content.page-cms [data-iw-tone="aqua"] { --iwc-panel:var(--iwc-aqua); }
  body#cms #content.page-content.page-cms [data-iw-tone] {
    background-color:var(--iwc-panel);
    border-radius:5px;
    padding-inline:clamp(20px,2.2vw,28px);
    margin-block:16px;
  }
  body#cms #content.page-content.page-cms .iweiyi-guide .iwg-policy-section { margin-block:16px; }
  /* Extra class specificity is necessary for the existing Terms override. */
  body#cms #content.page-content.page-cms .iweiyi-guide.iwg-page-3 .iwg-policy-section[data-iw-tone] { background-color:var(--iwc-panel); }
  body#cms #content.page-cms .iwc-section { padding-block:26px; min-width:0; overflow-wrap:break-word; }
  body#cms #content.page-cms .iwc-section > :first-child { margin-top:0; }
  body#cms #content.page-cms .iwc-section > :last-child { margin-bottom:0; }
  /* The rose comparison has legacy pixel-width table attributes in several locales. */
  body#cms #content.page-cms-84 table { width:100%; max-width:100%; table-layout:fixed; }
  body#cms #content.page-cms-84 table :is(th,td) { overflow-wrap:anywhere; }
  body#cms #content.page-cms .iweiyi-faq :is(.iweiyi-faq-intro,.iweiyi-faq-help)[data-iw-tone] { padding-block:26px; }
  /* Each FAQ group keeps its own existing category tint, not one global colour. */
  body#cms #content.page-cms .iweiyi-faq-group :is(.iweiyi-faq-items,.iweiyi-faq-item,.iweiyi-faq-answer),
  body#cms #content.page-cms .iweiyi-faq-item[open] > summary { background-color:var(--faq-tint); }
  body#cms #content.page-cms .iweiyi-faq-item > summary:hover { background-color:color-mix(in srgb,var(--faq-tint) 90%,white); }
  body#cms #content.page-cms .iweiyi-faq-nav a[data-iw-tone] { margin-block:0; padding-inline:15px; }
  @media (max-width:767px) {
    body#cms #content.page-content.page-cms [data-iw-tone] { padding-inline:20px; }
    body#cms #content.page-cms .iweiyi-faq-nav a[data-iw-tone] { padding-inline:12px; }
  }
}