.reference-catalog { padding: 4.5rem 0; border-top: 1px solid #dbe4da; }
.reference-intro { max-width: 780px; }
.reference-intro h2 { margin: .7rem 0; font-family: 'DM Serif Display', Georgia, serif; font-size: clamp(2rem, 4vw, 3rem); color: #173b30; }
.reference-intro p { color: #4d655a; line-height: 1.6; }
.reference-notice { padding: .9rem 1rem; background: #f4ead5; border-left: 3px solid #ca9f4f; border-radius: 4px; }
.reference-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .85rem; margin-top: 1.5rem; }
.reference-card { display: flex; flex-direction: column; gap: .5rem; padding: 1.1rem; background: #fff; border: 1px solid #dbe4da; border-radius: 10px; }
.reference-card span { color: #6b7f63; font-size: .7rem; letter-spacing: .1em; font-weight: 700; }
.reference-card h3 { margin: 0; color: #173b30; font-size: 1rem; }
.reference-card p { margin: 0; color: #597064; font-size: .9rem; }
.reference-card strong { margin-top: .2rem; color: #173b30; }
.reference-card a { margin-top: auto; padding-top: .4rem; color: #2d6650; font-size: .85rem; text-decoration: underline; }
.reference-store-note { font-size: .85rem; line-height: 1.5; color: #52685d; }
.reference-store-note a { color: #27674f; text-decoration: underline; }
