#charts .reference-heading{margin-bottom:17px}
#charts .section-subtitle{max-width:680px}
.chart-basics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0 22px}
.chart-basics>div{border-left:3px solid #ba352e;background:#f0eee6;padding:11px 14px;min-width:0}
.chart-basics b,.chart-basics span{display:block}.chart-basics b{color:#12394a;font-size:.93rem}.chart-basics span{font-size:.85rem;line-height:1.4;color:#425965;margin-top:4px}
.chart-switch{display:flex;gap:7px;border-bottom:2px solid #bfc7c4;margin-bottom:18px}
.chart-switch button{appearance:none;border:1px solid #cdd1cb;border-bottom:0;background:#e8e9e3;color:#193848;padding:12px 24px;min-width:176px;font-size:1.02rem;font-weight:800;cursor:pointer}
.chart-switch button span{font-size:.76rem;font-weight:600;margin-left:4px}
.chart-switch button[aria-selected=true]{background:#15394c;color:#fff;box-shadow:inset 0 -4px #d34135}
.chart-switch button:hover:not([aria-selected=true]){background:#dbe1dd}
.chart-search-area{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:13px}
.chart-search-area label{font-size:.88rem;font-weight:750;color:#244859}
#charts .chart-search{margin:0;flex:1 1 220px;max-width:440px}
.chart-search-area .small{margin:0;color:#52636b}
.fastener-list{border:1px solid #d4cdc0;border-radius:5px;overflow:hidden}
.list-header,.fastener-entry summary{display:grid;grid-template-columns:minmax(85px,1fr) repeat(3,minmax(110px,1.3fr)) 85px;gap:10px;align-items:center}
.list-header{background:#d9e3e0;color:#254555;font-size:.75rem;font-weight:800;padding:11px 17px;text-transform:uppercase;letter-spacing:.04em}
.fastener-entry{margin:0;border:0;border-top:1px solid #dfd8ca;background:#fffbf1}
.fastener-entry:nth-child(odd){background:#f5efe3}
.fastener-entry[hidden]{display:none!important}
.fastener-entry summary{list-style:none;cursor:pointer;padding:13px 17px;min-height:69px;color:#193849}
.fastener-entry summary::-webkit-details-marker{display:none}
.fastener-entry summary::after{content:none!important}
.fastener-entry summary:hover{background:#edf2ed}
.fastener-entry[open] summary{background:#e8efeb;border-bottom:1px solid #d4dbd4}
.entry-size{font-size:1.16rem;font-weight:900;color:#a52924}
.entry-spec{min-width:0}.entry-spec small{display:none}.entry-spec b{font-size:.92rem;white-space:nowrap}
.entry-expand{justify-self:end;color:#a82c26;font-size:.8rem;font-weight:750;white-space:nowrap}
.entry-expand::after{content:'+';font-size:1.2rem;margin-left:7px}.fastener-entry[open] .entry-expand::after{content:'−'}
.entry-details{padding:18px 20px 21px;background:#fffdf7}
.entry-details dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 14px}
.entry-details dl>div{border-left:2px solid #c9d6d2;padding-left:11px;min-width:0}
.entry-details dt{color:#53666b;font-size:.78rem;line-height:1.3}.entry-details dd{margin:3px 0 0;color:#193849;font-size:.96rem;font-weight:750;line-height:1.35}
.entry-details p{font-size:.85rem;line-height:1.45;color:#4c6068;margin:0 0 15px}
.entry-action{display:inline-block;background:#b42e28;color:#fff!important;padding:10px 14px;border-radius:3px;font-size:.87rem;font-weight:800;text-decoration:none}
.entry-action:hover{background:#89231e}
#charts .chart-footnote{margin-top:15px}
@media(max-width:760px){.chart-basics{grid-template-columns:1fr;gap:8px}.list-header{display:none}.fastener-entry summary{grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px 14px}.entry-size{grid-column:1}.entry-expand{grid-column:3;grid-row:1}.entry-spec small{display:block;font-size:.73rem;color:#50636d;font-weight:600;margin-bottom:2px}.entry-spec b{font-size:.88rem}.entry-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.chart-switch button{min-width:0;flex:1;padding:12px 7px}.chart-switch button span{display:block;margin-left:0}.fastener-entry summary{padding:12px;gap:9px 7px}.entry-details{padding:14px}.entry-details dl{grid-template-columns:1fr 1fr;gap:12px}}