/* Structured Crochet Stitch Reference */
.hm-stitch-reference { max-width: 48rem; margin: 0 auto; }
.hm-stitch-reference__back { display: inline-block; margin-bottom: 1.5rem; font-weight: 700; }
.hm-stitch-reference__header { padding-bottom: 1.75rem; border-bottom: 1px solid #e6d9f0; }
.hm-stitch-reference__eyebrow,
.hm-stitch-reference__system { margin: 0 0 .45rem; color: #6c38a5; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hm-stitch-reference h1 { margin: 0; color: #4a2468; }
.hm-stitch-reference__switcher { display: inline-flex; align-items: center; gap: .45rem; margin-top: 1.25rem; padding: .3rem; border: 1px solid #d8c5e9; border-radius: 999px; background: #f8f3fc; }
.hm-stitch-reference__switcher > span,
.hm-stitch-directory__switcher > span { display: inline-flex; align-items: center; gap: .45rem; padding-left: .5rem; padding-right: .1rem; color: #746a7c; font-size: .8rem; font-weight: 700; }
.hm-stitch-reference__switcher > span::after,
.hm-stitch-directory__switcher > span::after { width: 0; height: 1.5rem; border-right: 2px solid #bf97df; content: ""; opacity: .9; }
.hm-stitch-reference__switcher button { min-height: 34px; padding: .25rem .7rem; border: 0; border-radius: 999px; background: transparent; color: #4a2468; font: inherit; font-size: .84rem; font-weight: 800; cursor: pointer; }
.hm-stitch-reference__switcher button[aria-pressed="true"] { background: #6c38a5; color: #ffffff; box-shadow: 0 2px 8px rgba(72, 36, 104, .22); }
.hm-stitch-reference__terms { margin-top: 1.75rem; padding: 1.5rem; border-radius: 18px; background: #f8f3fc; }
.hm-stitch-reference[data-terminology="uk"] .hm-stitch-reference__terms--us,
.hm-stitch-reference[data-terminology="us"] .hm-stitch-reference__terms--uk { display: none; }
.hm-stitch-reference__terms h2,
.hm-stitch-reference__details h2,
.hm-stitch-reference__sources h2 { margin-top: 0; color: #4a2468; }
.hm-stitch-reference__abbreviation { margin: .55rem 0 1.25rem; color: #4a2468; }
.hm-stitch-reference__instructions h3,
.hm-stitch-reference__repeat h3 { margin-bottom: .35rem; font-size: 1rem; }
.hm-stitch-reference__repeat { margin-top: 1.25rem; padding-top: 1.15rem; border-top: 1px solid #dfcee9; }
.hm-stitch-reference__details,
.hm-stitch-reference__sources { margin-top: 1.75rem; }
.hm-stitch-reference__details dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin: 0; }
.hm-stitch-reference__details dl > div { padding: .9rem; border: 1px solid #e6d9f0; border-radius: 12px; }
.hm-stitch-reference__details dt { color: #746a7c; font-size: .78rem; font-weight: 700; }
.hm-stitch-reference__details dd { margin: .2rem 0 0; color: #4a2468; font-weight: 700; }
.hm-stitch-reference__alternates,
.hm-stitch-reference__notes { margin-top: 1.4rem; padding: 1rem 1.1rem; border-left: 4px solid #8f5bd3; border-radius: 0 12px 12px 0; background: #f3eaff; }
.hm-stitch-reference__sources ul { padding-left: 1.2rem; }
@media (max-width: 600px) { .hm-stitch-reference__details dl { grid-template-columns: 1fr; } }