.nf-color-refresh{font:17px/1.8 Inter,Arial,"Microsoft YaHei",sans-serif;color:#3D2B22;max-width:800px;margin-inline:auto;overflow-wrap:anywhere}
.nf-color-refresh,.nf-color-refresh *{box-sizing:border-box}
.nf-color-refresh .nf-article-v1{max-width:none;width:100%;margin:0}
.nf-color-refresh p{margin:0 0 24px;max-width:none}
.nf-color-refresh h2,.nf-color-refresh h3,.nf-color-refresh h4{font-family:"Playfair Display",Georgia,"Microsoft YaHei",serif;font-weight:500;line-height:1.25}
.nf-color-refresh h2{font-size:32px;margin:52px 0 24px}.nf-color-refresh h3{font-size:24px;margin:32px 0 18px}.nf-color-refresh h4{font-size:21px;margin:0 0 14px}
.nf-color-refresh strong{font-weight:700}.nf-color-refresh a{color:#73572C;text-underline-offset:4px}
.nf-color-refresh a:focus-visible,.nf-color-refresh summary:focus-visible{outline:2px solid #73572C;outline-offset:5px}
.nf-color-refresh figure{margin:32px 0}.nf-color-refresh img{display:block;max-width:100%;height:auto;object-fit:contain;margin-inline:auto}
.nf-color-refresh figcaption{font-size:16px;line-height:1.6;color:#67534A;margin-top:12px}
.nf-color-refresh .wp-block-columns{display:flex;gap:24px}.nf-color-refresh .wp-block-column{flex:1;min-width:0}
.nf-color-refresh table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.65}.nf-color-refresh th,.nf-color-refresh td{padding:16px;text-align:left;vertical-align:top;border:1px solid #E4DCCC}
.nf-color-refresh th{background:#EFE3CC;font-weight:700}.nf-color-refresh .wp-block-table{overflow-x:auto}
.nf-color-refresh ul,.nf-color-refresh ol{padding-left:24px}.nf-color-refresh li{margin-bottom:10px}
.nf-color-refresh details{margin:28px 0;padding:18px 20px;border:1px solid #E4DCCC}
.nf-color-refresh summary{cursor:pointer;min-height:44px;padding:8px 0}
.nf-color-refresh [id]{scroll-margin-top:28px}
.nf-color-refresh .nf-insight{margin:36px 0 42px;padding:28px 0;border-top:2px solid #73572C;border-bottom:1px solid #E4DCCC}
.nf-color-refresh .nf-insight h2{font-size:26px;margin:0 0 24px}.nf-color-refresh .nf-insight h3{font-size:21px;margin:0 0 14px}.nf-color-refresh .nf-insight p{font-size:16px;line-height:1.65;margin:0}
.nf-color-refresh .nf-insight>.wp-block-columns+p{margin-top:24px;color:#67534A}
.nf-color-refresh .nf-insight .wp-block-column{padding-left:18px;border-left:2px solid #E4DCCC}
.nf-color-refresh .nf-route ol,.nf-color-refresh .nf-qc-route ol{padding-left:28px;display:grid;gap:12px;margin-bottom:22px}
.nf-color-refresh .nf-route li,.nf-color-refresh .nf-qc-route li{padding:0 0 18px 14px;margin:0;border-bottom:1px solid #E4DCCC}
.nf-color-refresh .nf-route li strong,.nf-color-refresh .nf-qc-route li strong{display:block;font-size:18px}
.nf-color-refresh .nf-route li span,.nf-color-refresh .nf-qc-route li span{display:block;font-size:16px}
.nf-color-refresh .nf-qc-route ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 34px}
.nf-color-refresh .nf-cost-split .wp-block-column:first-child{background:#F5EDE0;padding:22px}
.nf-color-refresh .nf-cost-split .wp-block-column:last-child{border-top:2px solid #73572C;padding:22px}
.nf-color-refresh .nf-two-axis .wp-block-columns{gap:40px}.nf-color-refresh .nf-two-axis .wp-block-column{border-left:0;border-bottom:2px solid #73572C;padding:0 0 20px}
.nf-color-refresh .nf-overlap .wp-block-columns{gap:0}.nf-color-refresh .nf-overlap .wp-block-column{padding:20px;background:#F5EDE0;border:1px solid #E4DCCC}
.nf-color-refresh .nf-zone-map .wp-block-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}
.nf-color-refresh .nf-version .wp-block-column:first-child{opacity:.85;border-left-style:dashed}
.nf-color-refresh .nf-version .wp-block-column:nth-child(2){border-left-color:#73572C;background:#F5EDE0;padding:18px}
.nf-color-refresh .nf-reading-article-cta{margin:48px 0 0;padding:28px;background:#F5EDE0}
.nf-color-refresh .nf-reading-article-cta h2{margin:0 0 16px}.nf-color-refresh .nusface-kicker{display:none}
.nf-color-refresh .wp-block-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.nf-color-refresh .wp-block-button__link{display:inline-block;padding:12px 18px;border:1px solid #73572C;min-height:44px}
@media(max-width:640px){.nf-color-refresh{font-size:16px;line-height:1.85}.nf-color-refresh h2{font-size:27px;margin-top:40px}.nf-color-refresh h3{font-size:23px}.nf-color-refresh h4{font-size:21px}.nf-color-refresh .wp-block-columns{display:block}.nf-color-refresh .wp-block-column{margin:0 0 24px}.nf-color-refresh .nf-insight{padding:24px 0}.nf-color-refresh .nf-insight .wp-block-column:last-child{margin-bottom:0}.nf-color-refresh .nf-qc-route ol{grid-template-columns:1fr}.nf-color-refresh .nf-zone-map .wp-block-columns{grid-template-columns:1fr}.nf-color-refresh .nf-overlap .wp-block-column{margin-bottom:0}.nf-color-refresh table{min-width:640px}.nf-color-refresh .nf-reading-article-cta{padding:22px}}

/* 2026-10-21: retain whole first-column terms across color-guide tables. */
.nf-color-refresh .wp-block-table th:first-child,
.nf-color-refresh .wp-block-table td:first-child {
  min-width: 8.5rem;
  overflow-wrap: normal;
  word-break: normal;
}

/* Empty editorial CTA: keep the actions together without a blank grid column. */
.nf-color-refresh .nf-reading-article-cta:has(> .wp-block-group:empty, > .wp-block-group__inner-container > .wp-block-group:first-child > .wp-block-group__inner-container:only-child:empty) {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
.nf-color-refresh .nf-reading-article-cta:has(> .wp-block-group:empty, > .wp-block-group__inner-container > .wp-block-group:first-child > .wp-block-group__inner-container:only-child:empty) > .wp-block-group:empty,
.nf-color-refresh .nf-reading-article-cta:has(> .wp-block-group:empty, > .wp-block-group__inner-container > .wp-block-group:first-child > .wp-block-group__inner-container:only-child:empty) > .wp-block-group__inner-container > .wp-block-group:first-child:has(> .wp-block-group__inner-container:only-child:empty) {
  display: none;
}
.nf-color-refresh .nf-reading-article-cta:has(> .wp-block-group:empty, > .wp-block-group__inner-container > .wp-block-group:first-child > .wp-block-group__inner-container:only-child:empty) .wp-block-buttons {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px 16px;
  width: 100%;
  max-width: 38rem;
  margin-top: 0;
}
.nf-color-refresh .nf-reading-article-cta:has(> .wp-block-group:empty, > .wp-block-group__inner-container > .wp-block-group:first-child > .wp-block-group__inner-container:only-child:empty) .wp-block-button {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
}
.nf-color-refresh .nf-reading-article-cta:has(> .wp-block-group:empty, > .wp-block-group__inner-container > .wp-block-group:first-child > .wp-block-group__inner-container:only-child:empty) .wp-block-button__link {
  width: auto;
  max-width: 100%;
}
@media (max-width: 640px) {
  .nf-color-refresh .nf-reading-article-cta:has(> .wp-block-group:empty, > .wp-block-group__inner-container > .wp-block-group:first-child > .wp-block-group__inner-container:only-child:empty) .wp-block-buttons {
    flex-direction: column;
    align-items: stretch;
    max-width: 20rem;
  }
  .nf-color-refresh .nf-reading-article-cta:has(> .wp-block-group:empty, > .wp-block-group__inner-container > .wp-block-group:first-child > .wp-block-group__inner-container:only-child:empty) .wp-block-button,
  .nf-color-refresh .nf-reading-article-cta:has(> .wp-block-group:empty, > .wp-block-group__inner-container > .wp-block-group:first-child > .wp-block-group__inner-container:only-child:empty) .wp-block-button__link {
    width: 100%;
  }
}

/* WordPress inserts this wrapper; keep the CTA grid on the section. */
.nf-color-refresh .nf-reading-article-cta:has(> .wp-block-group:empty, > .wp-block-group__inner-container > .wp-block-group:first-child > .wp-block-group__inner-container:only-child:empty) > .wp-block-group__inner-container { display: contents; }

/* Keep words intact in every color-guide table column; the wrapper can scroll. */
.nf-color-refresh .wp-block-table :is(th, td) {
  overflow-wrap: normal;
  word-break: normal;
}
