/* Air Champ parts & service pages (block content, .nxp--am), the model cards on the Clutches and Brakes pages
   (.nxp-am-models) and the Norman G Clark box in the Nexen finder – nexen-parts.php. Builds on css/nexen-pages.css
   (.nxp-*) and css/nexen-finder.css (#ngc-nx). */

.nxp .nxp-am__photo { display: flex; justify-content: center; align-items: center; }
.nxp .nxp-am__photo img { max-width: 100%; height: auto; aspect-ratio: auto; background: #fff; }
/* "On this page:" and "Other clutches:" – the links look like tags */
.nxp .nxp-am__jump, .nxp .nxp-am__others { font-family: var(--mono); font-weight: 500; font-size: 0.68rem; letter-spacing: var(--mono-track, 0.06em); text-transform: uppercase; color: var(--muted); line-height: 2.4; margin: 0.4rem 0 0; }
.nxp .nxp-am__jump a, .nxp .nxp-am__others a { display: inline-block; margin: 0 0.25rem 0 0; padding: 0 0.6rem; line-height: 1.9; border: 1px solid var(--rule); border-radius: 2px; color: var(--ink); text-decoration: none; background: #fff; }
.nxp .nxp-am__jump a:hover, .nxp .nxp-am__others a:hover { border-color: var(--ink); }
.nxp .nxp-am__jump a:first-child, .nxp .nxp-am__others a:first-child { margin-left: 0.5rem; }

/* a table with its drawings beside it */
.nxp-am__split { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 1rem 3rem; align-items: start; }
.nxp-am__split .nxp-table { margin-top: 0.5rem; }
.nxp-am__figs { display: grid; gap: 1.5rem; }
.nxp .nxp-am__fig { margin: 0; }
.nxp .nxp-am__fig img { display: block; max-width: 100%; height: auto; max-height: 34rem; object-fit: contain; object-position: left center; background: #fff; cursor: zoom-in; }
.nxp .nxp-am__fig figcaption, .nxp .nxp-am__fig .wp-element-caption { font-family: var(--mono); font-weight: 500; font-size: 0.62rem; letter-spacing: var(--mono-track, 0.06em); text-transform: uppercase; color: var(--muted); margin: 0.6rem 0 0; line-height: 1.4; }
/* air connections: the workbook's notes as live text on the left; caution, limits and the circuit diagram on the right */
.nxp-am__air { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 2rem 4rem; align-items: start; }
.nxp-am__air--solo { grid-template-columns: minmax(0, 1fr); }
.nxp-am__air--solo .nxp-am__airside { max-width: 36rem; }
.nxp-am__airtext { max-width: 40rem; }
.nxp-am__airtext > p, .nxp-am__airtext li { font-size: 1rem; line-height: 1.55; margin: 0 0 1.1rem; }
.nxp .nxp-am__air p, .nxp .nxp-am__airrow p { max-width: none; }
.nxp-am__airtext > :last-child, .nxp-am__airside > :last-child { margin-bottom: 0; }
.nxp-am__airtext h3 { margin: 0 0 0.8rem; }
.nxp-am__airside { display: grid; gap: 1.6rem; justify-items: start; }
.nxp-am__airside > * { width: 100%; margin: 0; }
.nxp-am__airfig { width: 100%; }
.nxp .nxp-am__airfig .nxp-am__fig img { max-height: none; }
.nxp .nxp-am__figtext { font-size: 0.85rem; line-height: 1.5; color: var(--muted); margin: 0.7rem 0 0; }
.nxp-am__airrow { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 2rem 4rem; align-items: start; margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid var(--rule); }
@media (max-width: 52rem) {
	.nxp-am__air, .nxp-am__airrow { grid-template-columns: minmax(0, 1fr); }
}
.nxp-am__note { padding-left: 1rem; border-left: 2px solid var(--rule); }
.nxp-am__box, .nxp-am__caution { border: 1px solid var(--ink); margin: 0 0 1rem; }
.nxp .nxp-am__box p, .nxp .nxp-am__caution p { margin: 0; padding: 0.7rem 0.9rem; font-size: 0.95rem; line-height: 1.5; }
.nxp .nxp-am__box p:last-child { font-weight: 600; }
.nxp .nxp-am__boxhead, .nxp .nxp-am__cautionhead { font-family: var(--mono); font-weight: 500; font-size: 0.7rem; letter-spacing: var(--mono-track, 0.06em); text-transform: uppercase; padding: 0.45rem 0.9rem; border-bottom: 1px solid var(--ink); }
.nxp .nxp-am__cautionhead { background: #ffe500; }
.nxp .nxp-am__cautionhead::before { content: "⚠\FE0E  "; }
.nxp .nxp-am__steps { margin: 0 0 1rem; padding-left: 1.4rem; list-style: decimal outside; }
.nxp .nxp-am__steps li { display: list-item; list-style: inherit; padding-left: 0.3rem; }
.nxp-am__limits { margin: 0 0 1rem; }

/* tables (core Table blocks): part numbers don't wrap */
.nxp .nxp-am__table table { min-width: 0; }
.nxp .nxp-am__table { margin: 0.5rem 0 0; }
.nxp .nxp-am__table td:first-child, .nxp .nxp-am__spares td:nth-child(2) { white-space: nowrap; }
.nxp .nxp-am__spares td:first-child, .nxp .nxp-am__spares th:first-child, .nxp .nxp-am__spares td:nth-child(4), .nxp .nxp-am__spares th:nth-child(4) { text-align: right; }
.nxp .nxp-am__trouble table { min-width: 40rem; }
.nxp .nxp-am__trouble td:first-child { width: 22%; white-space: normal; }

/* unit specs: a small heading over a label | value table, in the table's rules */
.nxp .nxp-am__specshead { max-width: none; font-family: var(--mono); font-weight: 500; font-size: 0.7rem; letter-spacing: var(--mono-track, 0.06em); text-transform: uppercase; margin: 2rem 0 0; padding: 0 0 0.6rem; border-bottom: 1px solid var(--ink); }
.nxp .nxp-am__specs { margin: 0; }
.nxp .nxp-am__specs table { min-width: 0; }
.nxp .nxp-am__specs td { padding: 0.65rem 1rem 0.65rem 0; border-bottom: 1px solid var(--rule); vertical-align: baseline; }
.nxp .nxp-am__specs td:first-child { width: 11rem; font-family: var(--mono); font-weight: 500; font-size: 0.68rem; letter-spacing: var(--mono-track, 0.06em); text-transform: uppercase; color: var(--muted); }
.nxp .nxp-am__specs td:last-child { font-family: var(--ngc-body, sans-serif); font-size: 0.95rem; text-transform: none; letter-spacing: 0; color: var(--ink); }
@media (max-width: 40rem) { .nxp .nxp-am__specs td:first-child { width: 8rem; } }
.nxp .nxp-am__notes { color: var(--muted); font-size: 0.95rem; margin: 0.8rem 0 0; }
.nxp .nxp-am__others { margin-top: 1.8rem; }

/* model cards on the Clutches and Brakes pages */
.nxp-am-models .nxp-series img { background: #fff; object-fit: contain; }

@media (max-width: 52rem) {
	.nxp-am__split { grid-template-columns: 1fr; }
	.nxp-am__figs { order: -1; }
}

/* the finder: Norman G Clark numbers */
#ngc-nx .ngc-am { margin: 0 0 1.6rem; padding: 1rem 1.1rem 1.1rem; border: 1px solid var(--rule); border-left: 3px solid var(--blue, #0061ff); background: #fff; }
#ngc-nx .ngc-am__model { margin: 0 0 0.8rem; font-size: 0.95rem; }
#ngc-nx .ngc-am__model:last-child { margin-bottom: 0; }
#ngc-nx .ngc-am__model a { font-weight: 600; }
#ngc-nx .ngc-am__more { margin: 0.6rem 0 0; font-size: 0.85rem; color: var(--muted); }
#ngc-nx .tag--ngc { background: #e6efff; color: #0d3d8a; }
#ngc-nx td.p small { font-size: 0.72rem; color: var(--muted); }

/* Dimensions: the 3D drawing, a note, then the bore table – a row shows that bore on the drawing */
.nxp .nxp-am__dimnote { max-width: 52rem; font-size: 0.85rem; color: var(--muted); margin: 1rem 0 0; }
.nxp .nxp-am__bores tbody tr[tabindex] { cursor: pointer; }
.nxp .nxp-am__bores tbody tr[tabindex]:hover td { background: #f5f8ff; }
.nxp .nxp-am__bores tbody tr[tabindex]:focus-visible { outline: 2px solid #0061ff; outline-offset: -2px; }
.nxp .nxp-am__bores th:first-child, .nxp .nxp-am__bores td:first-child { padding-left: 0.75rem; }
.nxp .nxp-am__bores tbody tr.is-chosen td { background: #eaf1ff; }
.nxp .nxp-am__bores tbody tr.is-chosen td:first-child { color: #0061ff; font-weight: 500; }