:root { --serif: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif; }
body { font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif; }
.brand, h1, h2, h3, .h4 { font-family: var(--serif); }
.salon-hero { padding: var(--space-12) 0 var(--space-8); max-width: 900px; }
.salon-hero h1 { max-width: 18ch; }
.process-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--space-2); margin: var(--space-8) 0; padding: 0; list-style: none; }
.process-strip li { padding: var(--space-4); border-top: 3px solid var(--accent); background: var(--subtle); font-size: .9rem; }
.checklist td:first-child { width: 3rem; text-align: center; font-weight: 700; }
.checklist td:nth-child(2) { min-width: 9rem; font-weight: 650; }
.review-state { padding: var(--space-4); border: 1px solid var(--line); background: var(--surface); }
@media (max-width: 767px) { .process-strip { grid-template-columns: 1fr 1fr; } .checklist td:nth-child(2) { min-width: 7rem; } }