@font-face { font-family: "HG Attachment"; src: url("/assets/attachment-font.woff") format("woff"); font-weight: 400 500; font-style: normal; font-display: swap; }
@font-face { font-family: "HG Attachment"; src: url("/assets/attachment-font-bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
/* Text remains in the original drawing coordinate system, separate from the artwork. */
.attachment-layout { display: block; width: 100%; height: auto; overflow: visible; }
.attachment-layout--desktop { display: none; }
.attachment-copy {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: pre-line;
  overflow-wrap: break-word;
  font-family: "HG Attachment", "DejaVu Sans", sans-serif;
}
@media (min-width: 801px) {
  .attachment-graphic > .attachment-layout--mobile { display: none; }
  .attachment-graphic > .attachment-layout--desktop { display: block; }
}


/* Separately framed hitch detail: no unverified physical size comparison. */
.feature-journey .included-hitch-detail {
 display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:center;gap:36px;
 margin:16px 28px 20px;padding-top:26px;border-top:1px solid #ffffff32;
}
.included-hitch-detail img {display:block;width:100%;height:auto;}
.feature-journey .included-hitch-copy h3 {margin:0 0 12px;font-size:1.3rem;line-height:1.25;color:#f4f2e8;}
.feature-journey .included-hitch-copy p {margin:8px 0;font-size:1rem;}
.feature-journey .included-hitch-copy .included-hitch-range {font-size:1.1rem;}
@media(max-width:800px){
 .feature-journey .included-hitch-detail {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:12px 12px 20px;padding-top:24px;}
 .feature-journey .included-hitch-copy h3 {font-size:1.05rem;}
 .feature-journey .included-hitch-copy p {font-size:.875rem;line-height:1.5;}
 .feature-journey .included-hitch-copy .included-hitch-range {font-size:.95rem;}
}


/* Give the pickup diagram the same expanded canvas as attachment diagrams. */
.feature-journey #pickup[open] { grid-column: 1 / -1; }


/* Keep approved access drawings legible on their full-width canvas. */
.feature-journey #specs[open] { grid-column: 1 / -1; }
.feature-journey .fit-graphic { margin-bottom: 24px; }
