/* Approximate swatches sampled from the supplied chart, not official digital paint values. */
:root{
 --surface-page:#fbf6ea;
 --surface-accent:#eadcc2;
 --surface-soft:#f0e7d5;
 --surface-card:#fffdf8;
 --surface-hover:#e8ddc8;
 --ink:#293c35;
 --muted:#586159;
 --teal:#32675e;
 --cyan-dark:#32675e;
 --coral:#a24e3e;
 --footer:#253b34;
 --pink:var(--surface-accent);
 --tint:var(--surface-soft);
 --pale:var(--surface-soft);
 --line:#dcd3c2;
}
:root[data-palette="nd112"]{--surface-page:#faf3d0}
/* ND-110 establishes a warm neutral family for the page and supporting surfaces. */
body.multipage,body.error-page{background-color:var(--surface-page)}
.multipage main>:is(section,aside,nav.service-row):not(.page-cta,.problem-band,.faq-section,.faq,.pale,.data-care,.voice-use-cases),
.multipage main>.legal-content{background-color:var(--surface-page)!important}
/* Shared section colors, including legacy rules with literal pink/blue fills. */
.multipage .business-illustration,
.multipage .preparation,
.multipage .voice-in-service,
.multipage .voice-use-cases,
.multipage .nursing-voice-note .voice-example,
.multipage .error-page,
.multipage .service-journey,
.multipage .company-operation,
.multipage .workflow-note,
.multipage .intro-outcome,
.multipage .capability-note,
.multipage .service-workflow .service-output,
.multipage .nav-group>div{background-color:var(--surface-soft)}
.multipage .subhero:after,
.multipage .plan-media:before,
.multipage .preparation aside,
.multipage .related-link figure,
.multipage .feature-focus figure,
.multipage .support-contact{background-color:var(--surface-accent)}
.multipage .header,
.multipage .mobile-cta-bar,
.multipage .service-chips a,
.multipage .hero-binding a,
.multipage .binding-hole,
.multipage .form-wrap,
.multipage .voice-example,
.multipage .button-outline,
.multipage dialog{background-color:var(--surface-card)}
/* A warm-white fill on the ND-110 page reads as a faint smudge; business cards sit directly on the page. */
.multipage .business-links>a{background-color:transparent}
/* Opaque mocks hide this curve; only a beige strip behind the caption showed. Accent fills stay in hero and CTA. */
.multipage .sequence-visual:before{content:none}
.multipage .business-links>a:hover,
.multipage .related-link:hover,
.multipage .hero-binding a:hover,
.multipage .button-outline:hover,
.multipage .nav-group>div>a:hover,
.multipage .nav-group>div>a[aria-current=page],
.multipage .workflow-strip li:has(a:hover){background-color:var(--surface-hover)}
.multipage .text-link::before{background-color:var(--surface-card)}
.multipage .site-footer{background-color:var(--footer);color:var(--surface-page)}
.multipage .site-footer .brand,
.multipage .site-footer .brand small{color:var(--surface-page)}
.multipage .site-footer .brand-mark{stroke:var(--surface-page)}
.multipage .site-footer a:focus-visible{outline-color:var(--surface-page)}
.multipage .form-grid input,
.multipage .form-grid select,
.multipage .form-grid textarea{background-color:var(--surface-card)}
/* 2026-10-16：配色比較パネル（?palette=）は制作時の比較用だったため、公開物から外した。data-palette は html 要素に固定。 */