#chain-filters{display:grid;grid-template-columns:1fr 1fr 1fr auto 48px;gap:16px;align-items:end}#chain-filters label,.chain-calculator label{display:grid;gap:8px;font-size:14px}#chain-filters select,.chain-calculator input{height:48px;width:100%;min-width:0;background:#fff;border:1px solid #b6c9c6;border-radius:4px;padding:8px 12px;font:inherit}#chain-filters .btn,#chain-reset{height:48px}.chain-selection{font-size:14px;line-height:2;color:#345f5a;min-height:28px;margin:18px 0}.chain-guide{border-top:1px solid #ccd9d6;padding-top:18px}.chain-guide summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-weight:600;min-height:44px}.chain-guide summary>span{display:flex;gap:10px;align-items:center}.chain-guide h2{font-size:18px;line-height:1.7;margin:0 0 12px}.chain-guide p{font-size:14px;line-height:2;color:#4e6264}.chain-measure{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;margin:24px 0 32px}.chain-page .chain-drawing{display:block;width:100%!important;height:auto!important;max-width:540px;direction:ltr}.chain-calculator{border-right:1px solid #ccd9d6;padding-right:28px}.chain-calculator label{margin:16px 0}.chain-calculator input{direction:ltr;text-align:right}.chain-reference{border-top:1px solid #ccd9d6;padding-top:24px}.chain-table-scroll{overflow:auto;border:1px solid #d5e0dd;border-radius:4px}.chain-reference table{border-collapse:collapse;width:100%;background:#fff;font-size:14px}.chain-reference caption{text-align:right;padding:12px;font-size:13px;background:#eef5f2}.chain-reference th,.chain-reference td{border-bottom:1px solid #dce5e2;text-align:center;padding:12px 10px}.chain-reference thead{background:#e9f0ee}.chain-reference td{font-variant-numeric:tabular-nums}.chain-reference tbody tr:has([aria-pressed=true]){background:#e9f6f0}.chain-table-pick{width:44px;height:44px;border:1px solid #c0d5ce;background:#fff;color:#007e77;border-radius:4px;cursor:pointer}.chain-table-pick:hover,.chain-table-pick[aria-pressed=true]{background:#007e77;color:white}.chain-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0}.chain-notes h2{font-size:16px}.chain-source a{text-decoration:underline;text-underline-offset:4px;color:#006b66}#chain-pitch-result{min-height:80px}.chain-page .pulley-heading h1{font-size:30px}@media(max-width:760px){#chain-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}#chain-filters label:first-child{grid-column:1/-1}#chain-filters .btn{grid-column:1}#chain-reset{justify-self:end}.chain-measure,.chain-notes{grid-template-columns:minmax(0,1fr);gap:22px}.chain-calculator{border-right:0;border-top:1px solid #ccd9d6;padding:20px 0 0}.chain-reference table{min-width:630px}.chain-guide summary{font-size:14px}.chain-page .pulley-heading h1{font-size:26px}.chain-page .pulley-heading p{font-size:14px}}
.chain-calculator select{height:48px;width:100%;min-width:0;background:#fff;border:1px solid #b6c9c6;border-radius:4px;padding:8px 12px;font:inherit}
.chain-measure{grid-template-columns:minmax(0,1fr)}.chain-measure>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1fr);gap:8px 32px;align-items:center}.chain-measure h2{grid-column:1;grid-row:1;align-self:end}.chain-measure p{grid-column:1;grid-row:2;align-self:start}.chain-measure .chain-drawing{grid-column:2;grid-row:1/span 2;justify-self:center}@media(max-width:760px){.chain-measure>div{grid-template-columns:minmax(0,1fr);gap:12px}.chain-measure h2,.chain-measure p,.chain-measure .chain-drawing{grid-column:1;grid-row:auto}.chain-measure h2{order:0}.chain-measure .chain-drawing{order:1}.chain-measure p{order:2}}
.chain-page img.chain-drawing{max-width:620px;object-fit:contain;mix-blend-mode:multiply}
.chain-page #catalog{scroll-margin-top:20px}

/* Compact the chain guide while keeping every instruction and reference row visible. */
.chain-guide{padding-top:12px}
.chain-guide summary{min-height:38px}
.chain-measure{gap:24px;margin:12px 0 18px;align-items:center}
.chain-guide h2{margin:0 0 6px;line-height:1.5}
.chain-guide p{margin:6px 0;line-height:1.75}
.chain-page .chain-drawing{max-height:270px;object-fit:contain}
.chain-reference{padding-top:14px}
.chain-reference h2{margin:0 0 6px}
.chain-reference .chain-table-scroll{margin-top:8px}
.chain-reference caption{padding:8px 10px}
.chain-reference th,.chain-reference td{padding:9px 8px}
.chain-source{margin:10px 0 0}
.chain-notes{gap:18px;margin:18px 0}
@media(max-width:760px){
  .chain-measure,.chain-notes{gap:12px;margin:10px 0 14px}
  .chain-page .chain-drawing{max-height:220px;margin-inline:auto}
  .chain-calculator{padding-top:12px}
  .chain-reference{padding-top:12px}
  .chain-reference th,.chain-reference td{padding:8px 7px}
  .chain-guide p{line-height:1.7}
}

.chain-series-showcase{flex:1 1 68%;min-width:0;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:4px}
.chain-page .pulley-heading .chain-series-showcase>img{display:block;width:100%;height:auto;max-width:720px;max-height:190px;object-fit:contain;mix-blend-mode:multiply}
.chain-series-labels{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}
.chain-series-labels span{padding:4px 9px;border:1px solid #cbd9d5;border-radius:5px;background:rgba(255,255,255,.72);color:#354441;font-size:12px;white-space:nowrap}
@media(max-width:760px){
 .chain-page .pulley-heading{flex-direction:column;align-items:stretch;gap:10px}
 .chain-page .pulley-heading>div:first-child{text-align:right}
 .chain-series-showcase{width:100%;max-width:480px;align-self:center;gap:6px}
 .chain-page .pulley-heading .chain-series-showcase>img{max-height:150px}
 .chain-series-labels{gap:5px}
 .chain-series-labels span{padding:4px 7px;font-size:11px}
}