.guidance-diagram{margin:2rem 0 2.25rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid #d9d2c8;background:#fff}
.guidance-diagram__heading{margin:0 0 .35rem;font:600 .75rem/1.4 system-ui,sans-serif;letter-spacing:.14em;color:#765c43;text-transform:uppercase}
.guidance-diagram svg{display:block;width:100%;max-width:560px;height:auto;margin-inline:auto;overflow:visible}
.guidance-diagram figcaption{max-width:68ch;margin:.75rem 0 0;color:#5f6662;font-size:.92rem;line-height:1.75}
.guidance-diagram .diagram-label{font:600 22px/1.25 system-ui,'Noto Sans JP',sans-serif;fill:#292d2b}
.guidance-diagram .diagram-index{font:700 18px/1 system-ui,sans-serif;fill:#fff;text-anchor:middle;dominant-baseline:middle}
.guidance-diagram .diagram-note{font:500 17px/1.3 system-ui,'Noto Sans JP',sans-serif;fill:#5f6662}
.guidance-diagram .diagram-line{fill:none;stroke:#8a7055;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.guidance-diagram .diagram-soft{fill:#f1ede5;stroke:#cfc4b6;stroke-width:2}
.guidance-diagram .diagram-accent{fill:#8a7055}
.guidance-diagram--dogs .diagram-accent{fill:#687970}
.guidance-diagram--dogs .diagram-line{stroke:#687970}
.guidance-diagram--seasons .diagram-accent{fill:#8b684e}
.guidance-diagram--seasons .diagram-line{stroke:#8b684e}
@media(max-width:420px){.guidance-diagram{margin-inline:0;padding:.75rem}.guidance-diagram .diagram-label{font-size:23px}.guidance-diagram .diagram-note{font-size:18px}}
@media(prefers-reduced-motion:reduce){.guidance-diagram *{animation:none!important;transition:none!important}}