/* Material Spec Navigator (MaterialSpecNavigator.html).
   Layered on css/washer-finder.css (the O-ring / washer finder frame); only what is new is here. */
.spec-nav .sn-fam{display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:6px;user-select:none}
.spec-nav .sn-fam::before{content:"\25B8";margin-right:6px;color:var(--brass);transition:transform .12s}
.spec-nav .sn-fam.open::before{transform:rotate(90deg)}
.spec-nav .sn-fam .ct{margin-left:auto;font-size:10px;color:var(--muted);background:var(--panel-2);border-radius:10px;padding:2px 7px;letter-spacing:0;font-weight:500}
.spec-nav .sn-fam:hover{background:var(--panel-2)}
.spec-nav .sn-alloys{margin:2px 0 6px 8px}
.spec-nav .std{padding:6px 9px}
.spec-nav .std .box{display:none}

.spec-nav .crow select{background:#fff;border:1px solid var(--line);color:var(--ink);font-family:var(--mono);font-size:12px;padding:6px 8px;border-radius:6px;outline:none;max-width:220px}
.spec-nav .crow select:disabled{opacity:.55}
.spec-nav .sel{display:flex;align-items:center;gap:6px;color:var(--faint);font-size:11px}
.spec-nav .sectors{display:flex;gap:4px;flex-wrap:wrap}
.spec-nav .sectors button{background:#fff;border:1px solid var(--line-soft);color:var(--muted);font-family:var(--mono);font-size:11px;padding:5px 9px;border-radius:14px;cursor:pointer}
.spec-nav .sectors button[aria-pressed="true"]{background:var(--brass);border-color:var(--brass);color:#fff}

.spec-nav .sn-summary{padding:9px 16px;font-size:12px;color:var(--muted);background:#fff;border-bottom:1px solid var(--line);line-height:1.6}
.spec-nav .sn-summary b{color:var(--ink)}

/* status colours */
.spec-nav .st-cur{color:#1d6b3a}
.spec-nav .st-inact{color:#8a6a00}
.spec-nav .st-common{color:#b34700}
.spec-nav .st-old{color:#7a7a7a}
.spec-nav .st-check{color:#5a4b8a}
.spec-nav .sn-st{display:inline-block;font-size:10px;letter-spacing:.02em;border-radius:5px;padding:2px 7px;white-space:nowrap;border:1px solid currentColor;background:#fff;font-weight:500}
.spec-nav .sn-st.st-cur{background:#e8f4ec}
.spec-nav .sn-st.st-inact{background:#fbf3d9}
.spec-nav .sn-st.st-common{background:#fdebdc;font-weight:var(--font-weight-medium,500)}
.spec-nav .sn-st.st-old{background:#f0f0f0}
.spec-nav .sn-st.st-check{background:#efecf7;border-style:dashed}

.spec-nav tbody td{white-space:normal;vertical-align:top}
.spec-nav tbody td.size{white-space:nowrap}
.spec-nav tbody tr.old td.size{color:var(--muted)}
.spec-nav td.sn-title{min-width:240px}
.spec-nav td.sn-title .sn-use{display:block;margin-top:3px;color:var(--muted);font-size:11.5px;line-height:1.4}
.spec-nav td.sn-forms{min-width:100px;max-width:160px;color:var(--muted);font-size:12px}
.spec-nav td.sn-cond{max-width:150px;font-size:12px}
.spec-nav .more{font-size:10px;color:var(--faint)}

.spec-nav .sn-dtitle{font-size:12.5px;color:var(--ink);margin:-8px 0 10px;line-height:1.45}
.spec-nav .sn-dstatus{font-weight:var(--font-weight-medium,500);font-size:12px;margin-bottom:8px}
.spec-nav .sn-rel{font-size:12px;margin-bottom:6px;color:var(--ink)}
.spec-nav .sn-rel span{display:inline-block;min-width:84px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.spec-nav .sn-jump,.spec-nav .sn-pick{background:none;border:none;padding:0;color:var(--brass);text-decoration:underline;cursor:pointer;font:inherit;font-weight:var(--font-weight-medium,500)}
.spec-nav .sn-use-d{font-size:12px;line-height:1.5;margin:10px 0 4px;color:var(--muted)}
.spec-nav .sn-use-d b{color:var(--ink)}
.spec-nav .sn-alist{margin-top:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;max-height:260px;overflow:auto}
.spec-nav .sn-alist>div:not(.fit-h){font-size:12px;padding:3px 0;border-bottom:1px solid var(--line-soft)}
.spec-nav .sn-alist>div:last-child{border-bottom:none}
.spec-nav .sn-alist>div.on{background:#eef5f6}
.spec-nav .sn-alist small{color:var(--faint);font-size:10px}
.spec-nav .sn-alist em{display:block;font-style:normal;color:var(--muted);font-size:11px}

.sn-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:.6rem}
.sn-examples a{font-size:13px;border:1px solid #b8ccd2;background:#f3f7f8;border-radius:16px;padding:4px 12px;text-decoration:none;color:#1a6475}
.sn-examples a:hover{background:#e3eef1}
.sn-static details{margin:.5rem 0}
.sn-static summary{cursor:pointer;font-weight:var(--font-weight-medium,500);color:#1d3f4b}
@media (max-width:680px){
  .spec-nav td.sn-title,.spec-nav td.sn-use{min-width:160px}
  .spec-nav .crow select{max-width:150px}
}

/* specs matched through a related form (bar sawn from plate, extruded bar) */
.sn-rel { display: inline-block; font-size: 11px; line-height: 1.3; padding: 1px 6px; margin: 0 4px 2px 0; border-radius: 4px; background: #eef3fb; color: #2b4d7e; border: 1px solid #c9d8ef; }
.sn-relnote { display: block; margin-top: 4px; font-size: 12.5px; color: #5a6472; }

/* Emphasis on this page uses the site's medium weight (500), not the global bold (600) or the finder's 700 */
main :is(b, strong) { font-weight: var(--font-weight-medium, 500); }
.spec-nav tbody td.size, .spec-nav .std[aria-pressed="true"] .nm, .spec-nav .hit,
.spec-nav .toggle button[aria-pressed="true"] { font-weight: var(--font-weight-medium, 500); }

/* Product forms primer above the tool */
.sn-forms{margin:22px 0 4px;text-align:left}
.sn-forms-h{font-size:20px;font-weight:var(--font-weight-medium,500);color:var(--section-title-color,#1a6475);margin:0 0 6px}
.sn-forms-lead{font-size:15px;line-height:1.55;margin:0 0 12px}
.sn-forms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.sn-form-card{background:#fff;border:1px solid var(--border-color,#dde7ea);border-radius:10px;padding:10px 14px 12px;box-shadow:0 1px 3px rgba(20,44,53,.06)}
.sn-form-art{display:block;width:100%;max-width:210px;height:auto;margin:2px auto 6px}
.sn-form-tag{font-size:9px;fill:#4d5a60}
.sn-form-card h3{font-size:15px;font-weight:var(--font-weight-medium,500);color:#1d3f4b;margin:0 0 4px}
.sn-form-card p{font-size:13px;line-height:1.55;color:#333;margin:0 0 6px}
.sn-forms-note{font-size:12.5px;color:#5a6472;margin:10px 0 0;line-height:1.5}

/* "Likely current": revised recently per the AMS revision list, not confirmed with SAE */
.spec-nav .st-likely{color:#3f7a52}
.spec-nav .sn-st.st-likely{background:#f1f8f3;border-style:dashed}
.sn-st-ref.st-likely{color:#3f7a52;background:#f1f8f3;border:1px dashed currentColor;border-radius:5px;padding:1px 6px;font-size:11px}