:root{--paper:#f5f2e7;--ink:#171715;--blue:#586cff;--orange:#ff4d00;--green:#00c466}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.4 Arial,Helvetica,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--orange)}header{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.8fr 1fr;align-items:center;position:relative;padding:12px 20px 8px;gap:24px}.brand{font-size:clamp(60px,11.5vw,190px);font-weight:700;letter-spacing:-.085em;line-height:.94;text-decoration:none;color:inherit;white-space:nowrap}.strap{font-size:clamp(20px,2.9vw,48px);line-height:1.05;letter-spacing:-.045em;padding-top:20px}.region{position:absolute;right:20px;top:10px;font:12px monospace}nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:2px solid var(--ink)}nav button{background:var(--paper);border:0;border-right:1px solid var(--ink);text-align:left;display:flex;align-items:center;gap:14px;padding:18px 15px;font-weight:600;font-size:clamp(14px,1.55vw,25px);letter-spacing:-.04em}nav button:last-child{border-right:0}nav button.active{background:var(--orange)}nav button:hover{background:#e4dfd0}nav button.active:hover{background:var(--orange)}.num{font-size:clamp(26px,3.6vw,58px);line-height:1;font-weight:400;letter-spacing:-.06em}main{display:grid;grid-template-columns:210px minmax(0,1fr)}.index{padding:18px 16px;border-right:2px solid var(--ink);min-width:0;display:flex;flex-direction:column}.index h2{font-size:38px;font-weight:500;letter-spacing:-.06em;line-height:1.1;border-bottom:1px solid;padding-bottom:16px;margin:0 0 14px}#families{display:flex;flex-direction:column;gap:1px}.family{border:0;padding:3px 0;background:none;text-align:left;line-height:1.1;overflow-wrap:anywhere}.family b{font-size:clamp(23px,2.6vw,42px);font-weight:500;letter-spacing:-.065em}.family.active b{text-decoration:underline;text-underline-offset:5px}.family:hover{color:#c43b00}.family span{display:none}.family svg,.family>div{display:none!important}.search{margin-top:30px;border:1px solid;display:flex;align-items:center;padding:9px;gap:6px}.search input{width:100%;min-width:0;background:none;border:0;font-size:14px;outline:none}.search:focus-within{outline:2px solid var(--orange)}.search>span{font-size:24px}.content{min-width:0}.intro{padding:12px 22px;display:flex;gap:20px;align-items:center;border-bottom:1px solid}.intro h1{font-size:16px;font-weight:400;margin:0}.intro p{display:none}.eyebrow,#count{font:12px monospace}.intro .eyebrow{margin-left:auto;order:2}#count{margin-top:12px}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr)}.panel{min-width:0}.panel:first-child{border-right:2px solid}.specimen-title{padding:18px 24px 0;background:var(--blue)}.specimen-title>span{display:block;font-size:clamp(55px,8.4vw,138px);letter-spacing:-.085em;font-weight:600;line-height:1;overflow-wrap:anywhere}.specimen-title p{font-size:clamp(20px,2vw,32px);letter-spacing:-.055em;margin:3px 0 0;line-height:1.15;padding-bottom:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid;gap:10px}.panel-head h2{font-size:clamp(23px,2.6vw,42px);font-weight:500;line-height:1.1;letter-spacing:-.065em;margin:0}.panel:first-child>.panel-head{display:none}.pill{font:12px monospace;white-space:nowrap}.drawing{background:var(--blue);padding:5px 18px 16px}.drawing svg{width:100%;height:290px;display:block}.drawing svg rect,.drawing svg circle{fill:var(--paper)}.drawing svg rect[fill='#f8fafb'],.drawing svg circle[fill='#f8fafb']{fill:var(--blue)}.drawing svg g{stroke:var(--ink)}.drawing svg text{stroke:none;fill:var(--ink)}.drawing-note{display:flex;justify-content:space-between;font:11px monospace;gap:12px;padding:8px 0}.big-size{font-size:clamp(24px,3.8vw,62px);line-height:1.2;letter-spacing:-.065em;margin-top:8px;font-weight:500;overflow-wrap:anywhere}.detail{padding:24px 20px;border-top:1px solid}.detail h3{font-size:17px;letter-spacing:-.025em;margin:0 0 8px}.detail p{font-size:15px;margin:0 0 18px;line-height:1.5}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-bottom:1px solid;padding-bottom:18px;margin-bottom:20px}.metrics small{display:block;font-size:12px}.metrics strong{display:block;font-size:clamp(22px,2.4vw,38px);font-weight:400;letter-spacing:-.05em;line-height:1.4}.metrics em{font:12px monospace}.tablewrap{max-height:380px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:16px}th,td{padding:13px 16px;text-align:left;white-space:nowrap;border-bottom:1px solid #a39f94}th{font-size:12px;position:sticky;top:0;background:var(--paper);font-weight:400;z-index:1}td button{border:0;background:none;padding:0;font:inherit;text-align:left}tr.selected{background:var(--orange)}tr:hover:not(.selected){background:#e7e2d5}tr button:hover{text-decoration:underline}.supply{background:var(--green);padding:18px 20px;border-top:2px solid;border-bottom:1px solid}.supply h3{font-size:30px;letter-spacing:-.055em;font-weight:500;margin:0 0 10px}.lengths{display:flex;flex-wrap:wrap;gap:4px 14px;line-height:1.1}.lengths span{font-size:clamp(25px,3.6vw,58px);font-weight:500;letter-spacing:-.06em}.lengths span+span:before{content:'/ ';font-weight:400}.supply small{font-size:12px;border-top:1px solid;display:block;padding-top:10px;margin-top:15px}.note{border-left:3px solid var(--ink);padding:0 0 0 14px;margin:20px 0;font-size:14px;line-height:1.5}.source{display:block;color:inherit;text-decoration:underline;font-size:12px;margin-top:12px;overflow-wrap:anywhere}.fields{padding:15px 20px;border-bottom:1px solid;display:flex;gap:12px}.fields label{font-size:14px;width:100%}.fields select{display:block;border:1px solid;background:var(--paper);padding:10px;margin-top:6px;width:100%;border-radius:0}.detail .fields{padding:0 0 15px}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fact-grid h3{font-size:12px;text-transform:uppercase;font-family:monospace;letter-spacing:0}.layers{background:var(--blue);padding:20px 24px}.usage{font-size:15px;margin-bottom:20px}.layer{padding:16px 12px;display:flex;justify-content:space-between;gap:12px;background:var(--paper);border:1px solid;margin-top:7px;font-size:15px}.layer.mem{background:var(--orange)}.small-caption{font:12px/1.5 monospace;margin-top:20px}footer{grid-column:1/-1;border-top:2px solid;display:flex;align-items:center;gap:30px;padding:18px 20px}footer>strong{font-size:32px;letter-spacing:-.06em}footer>div{border-left:1px solid;padding-left:25px}footer small{font-size:12px}footer button{border:0;background:none;text-decoration:underline;margin-left:auto;font-size:14px}#sources{grid-column:1/-1;border-top:1px solid;padding:24px}#sources a{color:inherit}#sources p{max-width:950px}#sources h2{font-size:32px;font-weight:400}.empty{padding:50px;font-size:22px}body[data-category='4'] .specimen-title>span{font-size:clamp(45px,5.7vw,90px)}@media(min-width:1700px){main{grid-template-columns:260px 1fr}.drawing svg{height:360px}}@media(max-width:1100px){main{grid-template-columns:155px 1fr}.index{padding:16px 10px}.index h2{font-size:30px}.workspace{grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr)}.specimen-title{padding:18px 16px 0}.drawing{padding:0 12px 12px}.drawing svg{height:250px}.detail{padding:18px 14px}.fact-grid{grid-template-columns:1fr}.intro{padding:12px}.intro .eyebrow{display:none}nav button{gap:8px;padding:14px 9px}.panel-head{padding:16px 12px}td,th{padding:12px 10px}table{font-size:14px}.metrics{gap:6px}.metrics strong{font-size:24px}.supply{padding:16px 12px}}@media(max-width:800px){header{padding:25px 12px 12px;gap:16px}.brand{font-size:12vw}.strap{font-size:3vw;padding-top:0}.region{font-size:10px;right:12px;top:6px}nav{grid-template-columns:repeat(5,minmax(0,1fr))}nav button{flex-direction:column;align-items:flex-start;gap:5px;font-size:12px;letter-spacing:-.05em;padding:12px 6px}.num{font-size:28px}main{display:block}.index{border-right:0;border-bottom:2px solid;display:block;padding:14px}.index h2{font-size:22px;margin-bottom:10px;padding-bottom:8px}#families{flex-direction:row;overflow-x:auto;gap:18px;padding-bottom:12px}.family{flex-shrink:0}.family b{font-size:24px;letter-spacing:-.05em}.search{margin-top:8px;max-width:400px}#count{display:none}.workspace{grid-template-columns:minmax(0,1fr) minmax(240px,.9fr)}.big-size{font-size:30px}.specimen-title>span{font-size:70px}.specimen-title p{font-size:23px}.metrics{grid-template-columns:1fr 1fr}.metrics strong{font-size:27px}footer{gap:15px;flex-wrap:wrap}footer>strong{font-size:26px}footer>div{padding-left:15px;font-size:14px}footer button{margin-left:0}.drawing svg{height:230px}.supply h3{font-size:25px}.lengths span{font-size:34px}}@media(max-width:560px){.workspace{display:block}.panel:first-child{border-right:0;border-bottom:2px solid}.specimen-title>span{font-size:88px}.specimen-title p{font-size:27px}.drawing svg{height:280px}.big-size{font-size:38px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-head h2{font-size:34px}.tablewrap{max-height:330px}table{font-size:16px}.lengths span{font-size:48px}.detail{padding:20px}.supply{padding:20px}.intro{font-size:14px}.intro h1{font-size:14px}.drawing-note{font-size:10px}body[data-category='4'] .specimen-title>span{font-size:58px}.fact-grid{grid-template-columns:1fr 1fr}}

.cloudy-credit{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:14px;white-space:nowrap}.cloudy-credit b{font-weight:500}.cloudy-credit:hover{text-decoration:underline}.logo-crop{display:block;position:relative;width:32px;height:42px;overflow:hidden;flex-shrink:0}.logo-crop img{position:absolute;width:72px;height:72px;max-width:none;left:-20px;top:-15px}

.cad-export{margin-bottom:22px;border-bottom:1px solid;padding-bottom:16px}.cad-export button{border:1px solid;background:var(--ink);color:var(--paper);padding:12px 15px;width:100%;text-align:left;font-size:16px}.cad-export button:hover{background:var(--orange);color:var(--ink)}.cad-export p{font-size:12px;margin:10px 0 0;line-height:1.5}

.tablewrap tbody tr[data-row]{cursor:pointer}

.sheet-weight-settings{border-bottom:1px solid;padding-bottom:18px;margin-bottom:20px}.sheet-weight-settings label{font-size:14px;display:block}.sheet-weight-settings input{display:block;width:100%;background:var(--paper);border:1px solid;padding:10px;margin-top:7px}.sheet-weight-settings p{font-size:12px;line-height:1.5;margin:10px 0}.rowweight{font-variant-numeric:tabular-nums}#densityvalidation:empty{display:none}
.steel-guide{border-top:1px solid;margin-top:20px;padding-top:14px}.steel-guide summary{cursor:pointer;font-size:16px;font-weight:600}.steel-guide p{font-size:14px;line-height:1.6}.steel-guide[open] summary{margin-bottom:16px}
