.motorcycle-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.motorcycle-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);min-width:0;padding:0}
.motorcycle-card-art{padding:10px;display:block;background:#fff}
.motorcycle-card-art img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.motorcycle-card-copy{padding:20px 22px 24px;border-top:1px solid var(--line);display:flex;flex-direction:column;flex:1}
.motorcycle-card-copy h3{font-size:1.7rem;line-height:1.12;margin:8px 0 20px}
.motorcycle-card-copy .text-link{margin-top:auto;font-size:1rem}
.guide-context{max-width:680px;margin:18px auto 0;font-size:1rem}
.triumph-guide .photo-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.triumph-guide .photo-grid:has(.photo-card:only-child){grid-template-columns:minmax(0,720px);justify-content:center}
.triumph-guide .photo-card .zoom-art{display:flex;align-items:center;justify-content:center;min-height:0;padding:10px;background:#fff}
.triumph-guide .photo-card img{display:block;width:100%;height:auto;max-height:370px;object-fit:contain;aspect-ratio:auto}
.photo-card small{overflow-wrap:anywhere;line-height:1.5}
.guide-neighbours{display:flex;justify-content:space-between;gap:24px;padding:24px 0;border-top:1px solid var(--line)}
.guide-neighbours a{max-width:48%;display:flex;flex-direction:column;gap:8px;font-size:1rem}
.guide-neighbours a:last-child{text-align:right;margin-left:auto}
.guide-neighbours span{font-size:.875rem;color:var(--muted)}
@media(max-width:900px){.motorcycle-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.motorcycle-directory{grid-template-columns:1fr}.guide-title h1{font-size:2.7rem}.guide-neighbours{flex-wrap:wrap}.guide-neighbours a{max-width:100%}.photo-card small{font-size:.875rem}}

.guide-neighbours{position:static;inset:auto;z-index:auto}.guide-neighbours a{white-space:normal}

.reference-gallery{max-width:1000px;margin:auto;background:#fff;border:1px solid var(--line);padding:18px}
.gallery-slide{margin:0}.gallery-slide .zoom-art{border:0;background:#f7f8f5;width:100%;padding:12px;cursor:zoom-in;display:block}.gallery-slide img{width:100%;height:360px;object-fit:contain;margin:auto}.gallery-slide figcaption{padding:20px 8px 12px;min-height:125px}.gallery-slide h3{margin:0 0 8px}.gallery-slide p{margin:0 0 10px;font-size:1rem}.gallery-slide small{font-size:.875rem;overflow-wrap:anywhere}
.gallery-controls,.zoom-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.gallery-controls button,.zoom-controls button{border:1px solid var(--line);background:var(--ink);color:white;padding:10px 16px;cursor:pointer;font-size:.9rem}.gallery-count{font-size:.9rem;white-space:nowrap}
.gallery-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.gallery-thumb{position:relative;border:2px solid transparent;background:#f1f3ef;padding:4px;cursor:pointer;min-width:0}.gallery-thumb[aria-pressed=true]{border-color:var(--red)}.gallery-thumb img{width:100%;height:90px;object-fit:contain}.gallery-thumb span{display:block;font-size:.8rem;line-height:1.5;color:var(--ink)}
.factory-swatches{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.factory-swatches li{display:flex;gap:12px;align-items:center}.factory-swatch{width:44px;height:44px;border-radius:50%;border:1px solid #888;flex-shrink:0}.factory-swatches strong,.factory-swatches li span:not(.factory-swatch){display:block}.factory-swatches strong{font-size:1rem;line-height:1.4}.factory-swatches li span:not(.factory-swatch){font-size:.875rem;line-height:1.45}.factory-sources{display:flex;flex-direction:column;gap:8px;font-size:.875rem}
@media(max-width:600px){.reference-gallery{padding:10px}.gallery-slide img{height:245px;padding:0}.gallery-slide figcaption{min-height:180px;padding:14px 2px}.gallery-thumb img{height:52px}.gallery-thumbnails{gap:4px}.gallery-controls button{padding:9px 12px}.factory-swatches{grid-template-columns:1fr}.lightbox{padding:12px}}

.gallery-slide .zoom-art{overflow:hidden}.gallery-thumb .thumb-image{display:block;overflow:hidden;height:90px}.gallery-detail img{transform:scale(var(--zoom));transform-origin:var(--x) var(--y)}.gallery-thumb .thumb-image img{height:90px}.zoom-image-frame{overflow:hidden}.detail-zoom .zoom-image-frame{max-width:1000px;height:65vh}.detail-zoom .zoom-image-frame img{width:100%;height:100%;object-fit:contain;transform:scale(var(--zoom));transform-origin:var(--x) var(--y)}
@media(max-width:600px){.gallery-thumb .thumb-image,.gallery-thumb .thumb-image img{height:52px}.detail-zoom .zoom-image-frame{height:52vh}}

.gallery-thumbnails{margin-bottom:18px}.gallery-controls{padding-top:0}

.colour-comparison{margin-top:28px;padding-top:24px;border-top:1px solid #c5c6bf}.colour-comparison h3{font-size:1.65rem;margin:0 0 12px}.observed-colours{list-style:none;display:flex;flex-wrap:wrap;gap:12px 20px;padding:0;margin:18px 0}.observed-colours li{display:flex;align-items:center;gap:8px;font-size:.875rem;line-height:1.5}.observed-colours li>span{display:block;width:24px;height:24px;border:1px solid #888;border-radius:50%;flex-shrink:0}.colour-comparison p:last-child{margin-bottom:0}

.book-quick-facts{padding-left:19px;margin:20px 0 12px;font-size:.98rem;line-height:1.65}.book-count-note{font-size:.8rem!important;line-height:1.5;color:#60665f;margin:0 0 22px!important}.book-contents{background:#ecefe9}.book-contents .section-head>div:last-child{max-width:340px}.book-page-total{font-size:1.55rem}.book-contents-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:30px 0}.book-contents-grid article{border-top:3px solid var(--red);padding-top:18px}.book-contents-grid h3{font-size:1.4rem;margin:0 0 14px}.book-contents-grid p{font-size:1rem}@media(max-width:1000px){.book-contents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.book-contents-grid{grid-template-columns:1fr}.book-contents .section-head{display:block}}
