/* Human-approved brand palette, 2026-09-11. See docs/standards/brand-colors.md. */
body.service-family{--hi-paper:#FBFAF5;--hi-green:#2D6358;--hi-yellow:#F0CD55;--hi-blue:#3D5878;--hi-ink:#262420;--hi-serif:"Shippori Mincho B1","Hiragino Mincho ProN",serif;background:var(--hi-paper)}
.service-family #blog-nav a.bg-sage,.service-family #mobile-drawer a.bg-sage{background:var(--hi-green);color:#fff;border-radius:3px}
.service-family .service-index{--green:var(--hi-green);background:var(--hi-paper)}
.service-family .si-card{background:#FDFCF8;border:1px solid #E4DDC9;box-shadow:none}
.service-family .si-card-cover{min-height:210px;background:var(--hi-green)}
.service-family .tone-1 .si-card-cover{background:var(--hi-yellow);color:var(--hi-ink)}
.service-family .tone-2 .si-card-cover{background:var(--hi-blue);color:#fff}
.service-family .si-symbol{height:90px;width:112px}
.service-family .si-link{background:var(--hi-green);color:#fff}
.service-family .tone-1 .si-link{background:var(--hi-yellow);color:var(--hi-ink)}
.service-family .tone-2 .si-link{background:var(--hi-blue);color:#fff}
.service-family .si-card:hover{box-shadow:0 12px 28px -14px #26242030}
.service-family .si-consult{background:#F3F1E8;border-left:0;padding:36px;color:var(--hi-ink)}
.service-family .si-consult p,.service-family .si-consult h2{color:var(--hi-ink)}
.service-family .offering{--accent:var(--hi-yellow);--deep:var(--hi-green);--surface:#F3EFDD}
.service-family .offering.development{--accent:var(--hi-blue);--deep:var(--hi-blue);--surface:#E8EEF2}
.service-family .off-catch{font-family:var(--hi-serif);font-weight:600;font-size:clamp(25px,2.8vw,36px);line-height:1.7}
.service-family .offering h3{font-weight:500}
.service-family .off-visual{background:#F3F1E8;border-top:7px solid var(--accent)}
.service-family .off-visual-label,.service-family .development .off-visual-label{font-family:var(--hi-serif);font-weight:600;color:var(--hi-ink)}
.service-family .off-connector,.service-family .development .off-connector{color:var(--deep)}
.service-family .off-sheet{box-shadow:none;border-left-color:var(--accent)}
.service-family .support .off-result{background:var(--hi-yellow);border-left-color:var(--hi-yellow);color:var(--hi-ink)}
.service-family .support .off-result span{color:var(--hi-ink)}
.service-family .support .off-button{background:var(--hi-yellow);color:var(--hi-ink)}
.service-family .off-sheet strong{font-weight:500}
.service-family .off-system-core{border-color:var(--hi-blue)}
.service-family .off-system-input span{background:#E8EEF2;font-weight:500}
.service-family .off-diagram-note{color:#393830}
.service-family .off-contact{background:#F3F1E8;border-top:6px solid var(--accent)}
.service-family .off-contact p,.service-family .off-contact .off-kicker,.service-family .off-contact .off-other{color:var(--hi-ink)}
.service-family .off-contact .off-other{text-decoration:underline}
.service-family .off-steps li{background:#F3F1E8}
.service-family .off-steps li>span{display:flex;align-items:center;justify-content:center;flex:0 0 48px;height:48px;background:var(--accent);color:var(--hi-ink);font-size:25px}
.service-family .development .off-steps li>span{color:#fff}
.service-family .off-price aside{border-left:4px solid var(--accent)}
@media(max-width:600px){.service-family .si-consult{padding:28px 22px}.service-family .off-steps li{gap:14px}}
@media(max-width:880px){.service-family .si-card-cover{min-height:170px}.service-family .si-symbol{height:70px;width:94px}}
@media(max-width:380px){.service-family .off-catch{font-size:25px}}

.service-family .service-index .si-button:hover{background:var(--hi-green);filter:brightness(.92)}