/* Catalog reading order: title, description, illustration, dimensions/options. */
.chain-bar-photo-help { display:grid; grid-template-columns:1fr 1fr; gap:32px; padding:32px 0; margin-top:28px; border-top:1px solid #ddd; }
.chain-bar-photo-help h2 { font-size:1.5rem; line-height:1.25; }
.chain-bar-photo-help p { font-size:1rem; line-height:1.55; }
.chain-bar-photo-help figure { margin:0; min-width:0; display:flex; flex-direction:column; align-items:center; gap:12px; }
.chain-bar-photo-help img { display:block; width:100%; height:auto; object-fit:contain; }
.chain-bar-photo-help .bar-markings-closeup { width:min(100%,260px); }
.chain-bar-photo-help figcaption { font-size:.875rem; line-height:1.45; }
.chain-bar-photo-help .button { white-space:normal; }
@media(max-width:700px){ .chain-bar-photo-help { grid-template-columns:1fr; gap:16px; padding:24px 0; } }
[data-chain-card] { display:flex; flex-direction:column; }
[data-chain-card][hidden] { display:none; }
.chain-catalog-intro { padding:24px 24px 12px; min-height:var(--chain-intro-height,0px); box-sizing:border-box; }
.chain-catalog-intro h3 { margin:0 0 12px; font-size:1.2rem; line-height:1.3; }
.chain-catalog-intro p { margin:0; font-size:1rem; line-height:1.55; color:var(--secondary-on-light,#454545); }
[data-chain-card] .accessory-card-visual { flex:none; }
[data-chain-card] .accessory-card-copy { flex:1; display:flex; flex-direction:column; }
[data-chain-card] .accessory-card-meta { margin-top:auto; padding-top:16px; min-height:28px; line-height:1.5; flex:none; }
[data-chain-card] .accessory-card-link { margin-top:12px; min-height:68px; display:flex; align-items:center; flex:none; }
.chain-catalog-label { display:flex; gap:10px; align-items:center; margin-bottom:16px; font-size:.875rem; line-height:1.4; }
.chain-catalog-label > span { width:16px; height:16px; flex:none; }
.chain-catalog-dimensions { margin-bottom:12px; font-size:.875rem; font-weight:600; line-height:1.5; }
.chain-label-green > span { border-radius:50%; background:#49ad20; }
.chain-label-yellow > span { background:#ffdb00; transform:rotate(45deg); }
.chain-loop-summary { align-items:center; flex-wrap:wrap; }
.chain-catalog-safety { margin-top:32px; padding:24px; border:1px solid #ccc; background:#fff; }
.chain-catalog-safety h2 { font-size:1.4rem; margin:0 0 16px; }
.chain-catalog-safety p { font-size:1rem; line-height:1.6; max-width:80ch; }
@media(max-width:620px) { .chain-catalog-intro { min-height:0; padding:22px 22px 12px; } }