.bmp-guide-shelf{min-inline-size:0;color:var(--bmp-text-primary);padding:0}.bmp-guide-shelf__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 32px;margin-block-end:24px;display:flex}.bmp-guide-shelf__head h2{max-inline-size:28ch;font-size:var(--bmp-font-h2-size);line-height:1.2;font-weight:var(--bmp-font-weight-semibold);text-wrap:balance;margin:0}.bmp-guide-shelf__all,.bmp-guide-shelf__read{min-block-size:var(--bmp-target-min);color:var(--bmp-text-primary);font-size:var(--bmp-font-ui-size);font-weight:var(--bmp-font-weight-medium);text-underline-offset:.2em;align-items:center;gap:8px;line-height:1.5;text-decoration:underline;text-decoration-thickness:from-font;display:inline-flex}.bmp-guide-shelf svg{flex:none;block-size:20px;inline-size:20px}.bmp-guide-shelf__grid{grid-template-columns:minmax(0,1fr);gap:32px;margin:0;padding:0;list-style:none;display:grid}.bmp-guide-shelf__grid>li{min-inline-size:0}.bmp-guide-shelf__card{block-size:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.bmp-guide-shelf__card .bmp-guide-shelf__read{margin-block-start:auto}.bmp-guide-shelf__card h3{font-size:var(--bmp-font-h3-size);line-height:1.4;font-weight:var(--bmp-font-weight-medium);text-wrap:balance;overflow-wrap:anywhere;margin:16px 0 4px}.bmp-guide-shelf__media{aspect-ratio:3/2;border-radius:var(--bmp-radius-surface);background:var(--bmp-surface-subtle);position:relative;overflow:hidden}.bmp-guide-shelf__media img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.bmp-guide-shelf__media [data-image-state=error]{visibility:hidden}.bmp-guide-shelf__image-fallback{color:var(--bmp-text-secondary);font-size:var(--bmp-font-ui-size);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.bmp-guide-shelf a:focus-visible{outline:2px solid var(--bmp-border-focus);outline-offset:4px}@media (hover:hover){.bmp-guide-shelf__card:hover h3{text-underline-offset:.15em;text-decoration:underline}.bmp-guide-shelf__all:hover{color:var(--bmp-action-link)}}@media (width>=48rem){.bmp-guide-shelf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (forced-colors:active){.bmp-guide-shelf a:focus-visible{outline-color:highlight}}