.bare-reference-guides { min-width: 0; margin-block: var(--size-48px); scroll-margin-top: var(--size-96px); }
.bare-reference-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: var(--size-20px); margin-bottom: var(--size-24px); }
.bare-reference-heading h2 { margin: 0 0 var(--size-10px); font-size: var(--size-28px); line-height: 1.35; }
.bare-reference-heading p { max-width: var(--size-650px); margin: 0; color: var(--muted); font-size: var(--size-14px); line-height: 1.7; }
.bare-reference-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--size-24px); }
.bare-reference-group { min-width: 0; }
.bare-reference-photo { margin: 0; min-width: 0; }
.bare-reference-photo a { display: block; aspect-ratio: 1; overflow: hidden; background: var(--pale); border-radius: var(--size-12px); }
.bare-reference-photo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.bare-reference-photo.is-representative img { object-fit: cover; object-position: center; }
.bare-reference-photo figcaption { margin-top: var(--size-10px); color: var(--muted); font-size: var(--size-12px); line-height: 1.6; }
.bare-reference-copy h3 { margin: var(--size-20px) 0 var(--size-8px); font-size: var(--size-18px); line-height: 1.4; }
.bare-reference-copy p { color: var(--muted); font-size: var(--size-14px); line-height: 1.75; }
.bare-reference-group details { margin-top: var(--size-16px); }
.bare-reference-group summary { min-height: var(--size-44px); padding-block: var(--size-12px); cursor: pointer; font-size: var(--size-14px); font-weight: 700; }
.bare-reference-link { display: inline-flex; align-items: center; min-height: var(--size-44px); margin-top: var(--size-12px); font-size: var(--size-14px); font-weight: 700; text-decoration: underline; }
.bare-reference-more-images { display: grid; gap: var(--size-20px); margin-top: var(--size-16px); }
.bare-reference-note { margin-top: var(--size-24px); color: var(--muted); font-size: var(--size-13px); line-height: 1.7; }
.bare-reference-guides.is-full .bare-reference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--size-40px); }
.bare-reference-guides.is-full .bare-reference-more-images { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bare-reference-guides a:focus-visible, .bare-reference-guides summary:focus-visible { outline: var(--size-2px) solid var(--green-dark); outline-offset: var(--size-4px); }
@media (max-width: 1100px) {
    .bare-reference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .bare-reference-grid, .bare-reference-guides.is-full .bare-reference-grid { grid-template-columns: minmax(0, 1fr); }
    .bare-reference-heading h2 { font-size: var(--size-24px); }
    .bare-reference-photo figcaption { font-size: var(--size-13px); }
    .bare-reference-copy p { font-size: var(--size-15px); }
}