:root{font-family:'Instrument Sans',Arial,sans-serif;font-size:16px;color:#1c1c1c;background:#f7f7f7;--accent:#1c1c1c;--line:#dedede;--muted:#595959}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h2{font-size:17px;font-weight:600;margin:0}p{line-height:1.55}.topbar{display:flex;align-items:center;background:#fcfdff;border-bottom:1px solid var(--line);min-height:64px;padding:0 30px;gap:38px}.brand{font:700 30px 'Instrument Sans',Arial;letter-spacing:-1.2px;text-decoration:none;color:#263145}.modules{display:flex;align-self:stretch;gap:12px}.modules span{display:flex;align-items:center;padding:0 22px;font-size:14px;white-space:nowrap;color:#687488}.modules .selected{color:#ffffff;background:linear-gradient(#252525,#1c1c1c);border-bottom:3px solid #1c1c1c}.prototype{margin-left:auto;font-size:12px;color:#7b8796;white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:0 24px;gap:20px}#nav{display:flex;flex:1;justify-content:space-between;max-width:1150px;overflow-x:auto}#nav button{border:0;border-bottom:3px solid transparent;background:transparent;padding:18px 16px;white-space:nowrap;font-size:14px;display:flex;align-items:center;gap:12px}#nav button.active{border-bottom-color:#1c1c1c;color:#172338;background:#f5f5f5}#nav button:hover{background:#f1f1f1}#nav button span{font-size:18px;color:#68778a}#nav button.active span{color:var(--accent)}.unitsbadge{font-size:14px;white-space:nowrap;color:var(--muted);padding:9px 12px;border:1px solid var(--line);border-radius:4px}main{padding:22px 22px 0;max-width:1900px;margin:auto}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px}.workarea{min-width:0}.heading{padding:0 18px 18px}h1{font-size:32px;line-height:1.15;margin:0 0 9px;font-weight:600}.heading p{margin:0;font-size:16px;color:#566276}.panel{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}.panelheading{display:flex;justify-content:space-between;align-items:center;gap:15px}.visual>.panelheading{padding:14px 18px}.panelheading>span{color:#7e8999;font-size:12px;letter-spacing:.5px}#diagram{background-image:linear-gradient(#eeeeee 1px,transparent 1px),linear-gradient(90deg,#eeeeee 1px,transparent 1px);background-size:22px 22px}#diagram svg{width:100%;height:290px;display:block}svg text{font:14px 'Instrument Sans',Arial;fill:#28354a}#charts{border-top:1px solid var(--line);padding:14px 18px 16px}#charts:empty{display:none}.chartheading{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.chartheading small{font-size:12px;color:#758297}.chartgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.charttitle{font-size:14px;margin-bottom:7px;color:#536176}.chart svg{width:100%;height:135px;display:block;background-image:linear-gradient(#eeeeee 1px,transparent 1px),linear-gradient(90deg,#eeeeee 1px,transparent 1px);background-size:16px 16px}.inputs{padding:18px 22px}.inputs .panelheading{margin-bottom:25px}.inputs button{border:0;background:none;color:var(--accent);font-size:14px;padding:4px}.field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px;align-items:center;margin:0 0 18px}.field label{font-size:14px;line-height:1.35}.control{display:flex;border:1px solid #cdd7e3;border-radius:4px;background:linear-gradient(white,#fbfcfe);overflow:hidden}.control:focus-within{outline:2px solid #1c1c1c;outline-offset:2px}input{width:100%;min-width:0;padding:9px 11px;border:0;background:transparent;outline:none;font-size:16px;font-variant-numeric:tabular-nums}.unit{font-size:14px;padding:10px 9px;min-width:48px;border-left:1px solid var(--line);text-align:center;color:#59677c;white-space:nowrap}select{width:100%;font-size:14px;padding:10px 8px;border:1px solid #cdd7e3;border-radius:4px;background:#fff;min-width:0}.inputhint{font-size:12px;color:#7b8797;margin:0 0 22px}#sectionpreview{border-top:1px solid var(--line);padding-top:20px}#sectionpreview:empty{display:none}.sectionbody{display:flex;gap:20px;align-items:center;margin-top:15px}.sectionbody svg{width:105px;height:140px;flex-shrink:0}.sectiontable{flex:1;min-width:0}.property{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin:10px 0;color:#56657a}.property span:last-child{color:#26364b;font-variant-numeric:tabular-nums}.resultsband{display:grid;grid-template-columns:1.65fr .9fr 1fr;gap:0;margin-top:16px}.resultsband>div{padding:17px 18px}.resultsband>div+div{border-left:1px solid var(--line)}.resultsband h2{margin-bottom:13px}.resultsband h2 span{font-size:14px;font-weight:400}#results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.resultcard{border:1px solid var(--line);border-radius:4px;padding:15px}.resultname{font-size:14px;color:#4e5c73;margin-bottom:10px}.value{font:600 38px 'Instrument Sans',Arial;line-height:1.2;color:var(--accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.value small{font-size:20px;margin-left:9px;font-weight:500}.resultsub{font-size:12px;color:#7c8796;margin-top:12px}.keyrow{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-bottom:1px solid #e8edf3;padding:10px 0}.keyrow span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.assumptionblock p{font-size:14px;color:#56657a;line-height:1.55;margin:0}.formula{margin:16px 0;border-bottom:1px solid var(--line);padding:0 0 15px}.formula summary{cursor:pointer;font-size:14px;color:#56657a;width:fit-content}.formula #equations{font-size:16px;line-height:2;margin:15px 0;color:#334257}.formula p{font-size:13px;color:#728093}footer{display:flex;align-items:center;gap:28px;padding:15px 30px 22px;color:#6a788c}footer strong{font:700 20px 'Instrument Sans',Arial;letter-spacing:-.5px;color:#29364a}footer span{font-size:12px;letter-spacing:1px}footer span:last-child{margin-left:auto;letter-spacing:0}#error{color:#ad3423;line-height:1.6;font-size:15px}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:10}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #333333;outline-offset:3px}@media(min-width:1600px){#diagram svg{height:330px}.chart svg{height:155px}.inputs{padding:22px 28px}.field{margin-bottom:24px}}@media(max-width:1200px){.topbar{gap:25px;padding:0 22px}.modules{gap:0}.modules span{padding:0 15px}.prototype{display:none}.workspace{grid-template-columns:minmax(0,1fr) 335px}.inputs{padding:18px 16px}.field{grid-template-columns:1fr 1.3fr;gap:8px}.unitsbadge{display:none}#nav button{padding:16px 12px}.resultsband{grid-template-columns:1.4fr 1fr}.assumptionblock{grid-column:1/-1;border-top:1px solid var(--line);border-left:0!important}.value{font-size:34px}.panelheading>span{font-size:11px}}@media(max-width:850px){.topbar{gap:20px;padding:0 16px;overflow-x:auto}.brand{font-size:26px}.modules span{font-size:13px;padding:20px 14px}.toolbar{padding:0 10px}#nav{justify-content:flex-start}main{padding:20px 14px 0}.workspace{grid-template-columns:1fr}.inputs{padding:20px;order:2}.field{grid-template-columns:1fr 1.4fr;max-width:650px}.sectionbody{max-width:500px}.resultsband{grid-template-columns:1fr 1fr}.primaryresults{grid-column:1/-1}.keyresults{border-left:0!important;border-top:1px solid var(--line)}.assumptionblock{grid-column:auto;border-left:1px solid var(--line)!important}#diagram svg{height:270px}.heading{padding-left:4px}footer{padding:15px;gap:15px;flex-wrap:wrap}footer span:last-child{margin-left:0}.panelheading>span{display:none}}@media(max-width:540px){.chartgrid{grid-template-columns:1fr;gap:18px}.chart svg{height:145px}#diagram svg{height:230px}.chartheading small{display:none}.resultsband{grid-template-columns:1fr}.keyresults,.assumptionblock{grid-column:1/-1;border-left:0!important}#results{gap:8px}.resultcard{padding:12px}.value{font-size:30px}.value small{font-size:17px;margin-left:5px}h1{font-size:30px}.resultsband>div{padding:16px}.field{grid-template-columns:1fr 1.25fr}.topbar{min-height:60px}.brand{font-size:24px}.sectionbody{gap:16px}.formula #equations{overflow-wrap:anywhere}}
.field:has(select){grid-template-columns:1fr;gap:7px}.property span:last-child{white-space:nowrap}

/* INTERFAIC brand typography and neutral surfaces. */
:root{font-family:'Nunito',Arial,sans-serif;color:#1c1c1c;background:#f7f7f7;--accent:#1c1c1c;--line:#dedede;--muted:#595959}
.topbar,.toolbar{background:#fff}.topbar{gap:26px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:184px;height:auto;display:block;filter:brightness(0)}
h1,h2,.modules,#nav,.unitsbadge,summary{font-family:'Instrument Sans',Arial,sans-serif}h1,h2{text-transform:uppercase;font-weight:400;letter-spacing:.03em}h1{font-size:34px}h2{font-size:15px}.modules span,#nav button{text-transform:uppercase;font-family:'Instrument Sans',Arial,sans-serif;font-weight:400;font-size:13px;letter-spacing:.015em}.modules .selected{background:#1c1c1c;color:#fff;border-color:#1c1c1c}.modules span{padding:0 18px;color:#595959}#nav button.active,#nav button.active span{color:#1c1c1c}#nav button span{color:#595959}.panel,.control,select,.resultcard,.unitsbadge{border-radius:1px}.control{background:#fff}.unit{background:#fafafa}.heading p,.field label,.resultname,.assumptionblock p,.property,.keyrow,.charttitle{color:#505050}.value{font-family:'Instrument Sans',Arial,sans-serif;color:#111;font-weight:600;font-size:36px}.value small{font-size:19px}.resultsband h2 span{text-transform:none;letter-spacing:0}.inputs button{text-transform:uppercase;letter-spacing:.12em;border:1px solid #d4d4d4;padding:8px 12px;font-family:'Nunito',Arial,sans-serif;font-size:12px;color:#1c1c1c}.inputs button:hover{background:#f1f1f1}.panelheading>span,.chartheading small{color:#666}.keyrow{border-color:#e5e5e5}.sectionbody{gap:14px}.sectiontable{font-size:14px}.property{font-size:13px}.property span:last-child{color:#303030}svg text{fill:#333;font-family:'Instrument Sans',Arial,sans-serif}.charttitle{text-transform:uppercase;font-family:'Instrument Sans',Arial,sans-serif;font-size:13px}footer strong{font-family:'Instrument Sans',Arial,sans-serif;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.topbar .prototype{display:none}footer,footer strong{color:#484848}@media(max-width:1200px){.modules span{padding:0 12px}#nav button{font-size:12px;gap:8px}.value{font-size:32px}}@media(max-width:850px){.modules span{padding:20px 14px}.brand img{width:160px}.modules{flex-shrink:0}}@media(max-width:540px){.value{font-size:28px}.value small{font-size:16px}h1{font-size:28px}.brand img{width:150px}}
.charttitle{text-transform:none}@media(max-width:1350px){.unitsbadge{display:none}#nav button{padding-left:12px;padding-right:12px;font-size:12px}}
.unit-switch{border:0;border-bottom:1px solid var(--line);padding:0 0 19px;margin:0 0 22px;min-width:0}.unit-switch legend{font:400 14px 'Instrument Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;margin-bottom:9px;padding:0}.unit-switch-track{display:flex;border:1px solid #777;background:#f5f5f5;width:max-content;max-width:100%;padding:3px}.unit-switch-track button{border:0;padding:8px 18px;color:#333;background:transparent;font:600 14px 'Nunito',Arial,sans-serif;letter-spacing:0;text-transform:none}.unit-switch-track button[aria-pressed="true"]{background:#1c1c1c;color:#fff}.unit-switch-track button:focus-visible{outline:2px solid #1c1c1c;outline-offset:2px}
.sectionoutput{margin-top:16px;padding:20px 22px}.sectionoutput h2{margin-bottom:8px}.axisnote{font-size:14px;color:#555;max-width:880px;margin:0 0 15px}.tablewrap{overflow-x:auto}.sectionoutput table{border-collapse:collapse;width:100%;font:15px 'Nunito',Arial,sans-serif}.sectionoutput th,.sectionoutput td{padding:10px 14px;border:1px solid #d7d7d7;text-align:left}.sectionoutput thead th{background:#1c1c1c;color:#fff;font:400 13px 'Instrument Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}.sectionoutput tbody tr:nth-child(even){background:#f5f5f5}.sectionoutput tbody th{font-weight:500;width:55%}.sectionoutput tbody td:nth-child(2){font-variant-numeric:tabular-nums;font-weight:700;width:30%}.sectionoutput tbody td:last-child{white-space:nowrap}.sectionoutput #section-error{color:#9a3027;font-size:15px;margin-bottom:10px}[hidden]{display:none!important}
.sectionoutput-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.sectionoutput-head h2{margin:0}.sectionoutput-head button{border:1px solid #1c1c1c;background:#1c1c1c;color:#fff;padding:10px 15px;font:600 13px 'Nunito',Arial,sans-serif;white-space:nowrap;cursor:pointer}.sectionoutput-head button:hover{background:#333}.sectionoutput-head button:focus-visible{outline:2px solid #1c1c1c;outline-offset:3px}.sectionoutput-head button:disabled{opacity:.45;cursor:not-allowed}
.sectionoutput-head button{background:#2878bb;border-color:#2878bb}.sectionoutput-head button:hover{background:#195d96;border-color:#195d96}
.workspace.section-layout .workarea{display:flex;flex-direction:column}.workspace.section-layout .visual{display:flex;flex-direction:column;flex:1}.workspace.section-layout #diagram{display:flex;align-items:flex-end;justify-content:center;flex:1;min-height:350px;overflow-x:auto;overflow-y:hidden}.workspace.section-layout #diagram svg{height:350px;min-width:660px;width:100%;flex:none}.workspace.section-heavy #diagram{min-height:420px}.workspace.section-heavy #diagram svg{height:420px;min-width:760px}.workspace.section-layout .visual .panelheading{flex-shrink:0}.workspace.section-layout .thickness-label{font-size:16px;font-weight:600}
@media(max-width:850px){.workspace.section-layout #diagram{min-height:330px}.workspace.section-layout #diagram svg{height:330px}.workspace.section-heavy #diagram{min-height:390px}.workspace.section-heavy #diagram svg{height:390px}}
.categorybar{background:#fff;border-bottom:1px solid #dedede;padding:0 24px}#categories{display:flex;gap:8px;overflow-x:auto}#categories button{display:flex;align-items:center;gap:12px;padding:15px 22px;border:0;border-bottom:3px solid transparent;background:transparent;color:#606060;font:400 14px 'Instrument Sans',Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}#categories button span{font-size:12px;color:#777;background:#f2f2f2;padding:2px 6px;border-radius:2px}#categories button.active{color:#1c1c1c;border-bottom-color:#1c1c1c;background:#f7f7f7}#categories button:hover{background:#f2f2f2}#nav{justify-content:flex-start;gap:8px}#nav button{font-size:13px;text-transform:none;padding:12px 16px}#nav button.active{background:#f4f4f4;border-bottom-color:transparent}.toolbar{padding-top:6px;padding-bottom:6px}@media(max-width:540px){.categorybar{padding:0 10px}#categories button{padding:13px 12px;gap:8px;font-size:12px}}
.metal-density-info{border:1px solid #dedede;background:#f8f8f8;padding:12px 14px;margin:2px 0 12px;display:grid;gap:8px;font-size:13px}.metal-density-info div{display:flex;justify-content:space-between;gap:12px}.metal-density-info span{color:#595959}.metal-density-info strong{font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.metal-density-note{font-size:12px;line-height:1.5;color:#595959;margin:0 0 18px}
#diagram,.workspace.section-layout #diagram,.workspace.section-heavy #diagram{display:flex;align-items:center;justify-content:center;min-height:clamp(340px,34vw,480px);overflow-x:auto;overflow-y:hidden}
#diagram>svg,.workspace.section-layout #diagram>svg,.workspace.section-heavy #diagram>svg{display:block;width:100%;min-width:0;height:clamp(340px,34vw,480px);flex:none}
#diagram .metal-drawing{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%;padding:14px 18px 20px}
#diagram .metal-drawing svg{display:block;width:100%;max-width:900px;height:clamp(300px,30vw,430px);flex:none}
.metal-dimensions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;width:100%;border-top:1px solid #dedede;padding:12px 6px 0;color:#424242;font:14px 'Instrument Sans',Arial,sans-serif;text-align:center}
.metal-dimensions strong{font-weight:600}
@media(max-width:600px){#diagram:not(:has(.metal-drawing)){justify-content:flex-start}#diagram:not(:has(.metal-drawing))>svg,.workspace.section-layout #diagram:not(:has(.metal-drawing))>svg{width:660px;min-width:660px;height:340px}#diagram .metal-drawing{padding:12px 10px 16px}#diagram .metal-drawing svg{height:300px}.metal-dimensions{font-size:13px;gap:6px 14px}}
.workspace.section-layout .workarea{display:block;align-self:start}.workspace.section-layout .visual{display:block}.workspace.section-layout #diagram{height:clamp(340px,34vw,480px);min-height:0}
.workspace.section-layout #diagram .metal-drawing svg{width:100%;min-width:0;height:clamp(300px,30vw,430px)}
@media(max-width:600px){.workspace.section-layout #diagram:not(:has(.metal-drawing)){justify-content:flex-start}.workspace.section-layout #diagram .metal-drawing svg{height:300px}}

/* Light engineering dashboard treatment, retaining INTERFAIC typography. */
:root{--accent:#087d76;--accent-dark:#075e5a;--accent-soft:#e8f7f4;--line:#dfe6e8;--muted:#607077;background:#f3f5f6;color:#182b31}
body{background:#f3f5f6}
.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:'brand modules search';align-items:center;gap:20px;min-height:72px;padding:10px 24px;background:#fff;border-bottom:1px solid #e6ecee}
.brand{grid-area:brand}.brand img{width:176px}.modules{grid-area:modules;align-items:center;align-self:center;min-width:0;overflow-x:auto;gap:3px}.modules span{align-self:center;padding:10px 11px;border:1px solid transparent;border-radius:10px;font-size:12px;color:#607077}.modules .selected{background:var(--accent-soft);border:1px solid #a8dcd5;color:var(--accent-dark);border-radius:10px}.site-search{grid-area:search;position:relative;width:245px;max-width:100%;z-index:20}.search-field{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid #d5e0e2;border-radius:11px;background:#f8fafb;color:#66777c;transition:border-color .18s,box-shadow .18s}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #cceee9}.search-field input{width:100%;padding:0;border:0;background:transparent;font:14px 'Nunito',Arial,sans-serif;outline:0}.search-field input::placeholder{color:#77878b}.search-field input::-webkit-search-cancel-button{cursor:pointer}.search-results{position:absolute;right:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 28px));max-height:min(440px,65vh);overflow:auto;padding:8px;border:1px solid #dce7e8;border-radius:14px;background:#fff;box-shadow:0 16px 38px #1d3d4540}.search-results-heading{padding:7px 10px 9px;color:#78888b;font:600 11px 'Instrument Sans',Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}.search-results button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:9px;background:#fff;text-align:left;color:#1c3337;font:600 14px 'Nunito',Arial,sans-serif}.search-results button small{flex:none;padding:4px 7px;border-radius:6px;background:#f0f4f5;color:#60777b;font:11px 'Instrument Sans',Arial,sans-serif}.search-results button:hover,.search-results button[aria-selected=true]{background:var(--accent-soft);color:var(--accent-dark)}.search-results button:hover small,.search-results button[aria-selected=true] small{background:#d7efea;color:var(--accent-dark)}.search-empty{margin:0;padding:14px;color:#63767b;font-size:14px}
.categorybar{padding:11px 22px 0;background:#f3f5f6;border:0}#categories{gap:7px}#categories button{padding:10px 15px;border:1px solid transparent;border-radius:10px;background:transparent;color:#52666b;font-weight:500;letter-spacing:.02em}#categories button:hover{background:#e7efef;color:var(--accent-dark)}#categories button.active{border:1px solid #9bd8d0;border-radius:10px;background:var(--accent-soft);color:var(--accent-dark)}.toolbar{margin:8px 22px 0;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 8px #19383d0a}#nav{gap:6px}#nav button{padding:9px 14px;border:1px solid transparent;border-radius:9px;color:#4c6469;font-size:13px}#nav button:hover{background:#f0f7f6;color:var(--accent-dark)}#nav button.active{border:1px solid #a5dcd4;border-radius:9px;background:var(--accent-soft);color:var(--accent-dark)}.unitsbadge{border-radius:8px;background:#f3faf8;color:var(--accent-dark)}
main{padding-top:19px}.heading{padding-bottom:18px}h1{color:#152d32}.heading p{color:#5b6d72}.panel{border-color:var(--line);border-radius:15px;box-shadow:0 2px 12px #24434b0a}.visual>.panelheading{padding:17px 20px}.panelheading>span{padding:5px 8px;border-radius:6px;background:#edf5f3;color:#54756f;font-size:11px}.inputs{padding:22px 24px}.inputs .panelheading{margin-bottom:24px}.inputs button{border:1px solid #cedcde;border-radius:9px;padding:8px 12px;background:#fff;color:#33585a;letter-spacing:.04em}.inputs button:hover{border-color:#9bcfc9;background:#eef8f6;color:var(--accent-dark)}.field label{color:#354f54}.control,select{border-color:#cedcde;border-radius:9px;background:#fff}.control:focus-within,select:focus-visible{outline:2px solid #84cfc5;outline-offset:1px}.unit{background:#f7faf9;color:#557074}.inputhint{color:#72858a}#diagram{background-image:linear-gradient(#eaf0f0 1px,transparent 1px),linear-gradient(90deg,#eaf0f0 1px,transparent 1px)}.chart svg{background-image:linear-gradient(#edf2f2 1px,transparent 1px),linear-gradient(90deg,#edf2f2 1px,transparent 1px)}
.unit-switch{border-color:#e4ebec}.unit-switch-track{position:relative;isolation:isolate;width:220px;border:1px solid #cbdcdd;border-radius:12px;padding:3px;background:#edf3f3}.unit-switch-track::before{content:'';position:absolute;z-index:-1;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:9px;background:var(--accent);box-shadow:0 2px 6px #087d7638;transition:transform .2s ease}.unit-switch-track:has(#imperial[aria-pressed=true])::before{transform:translateX(100%)}.unit-switch-track button{flex:1;border:0;border-radius:9px;padding:9px 10px;background:transparent;color:#51676a;font-weight:700}.unit-switch-track button[aria-pressed=true]{background:transparent;color:#fff}.unit-switch-track button:hover{background:transparent}.unit-switch-track button:focus-visible{outline:2px solid var(--accent-dark)}
.resultcard{border-color:#d4e9e5;border-radius:12px;background:#f4fbf9}.value{color:var(--accent-dark)}.resultname{color:#3e6260}.resultsub{color:#66847f}.resultsband>div+div{border-color:#e4ebec}.keyrow{border-color:#e7eeee}.sectionoutput{padding:22px 24px}.sectionoutput thead th{background:#e8f4f2;color:#255a58;border-color:#dce9e8}.sectionoutput th,.sectionoutput td{border-color:#dfe8e8}.sectionoutput tbody tr:nth-child(even){background:#f7faf9}.sectionoutput tbody td:nth-child(2){color:var(--accent-dark)}.sectionoutput-head button{border-color:var(--accent);border-radius:10px;background:var(--accent);box-shadow:0 3px 8px #087d7624}.sectionoutput-head button:hover{border-color:var(--accent-dark);background:var(--accent-dark)}.axisnote{color:#64767a}.metal-density-info{border-color:#d7e9e5;border-radius:10px;background:#f3faf8}.metal-density-info strong{color:var(--accent-dark)}
.formula{padding:16px 20px;margin:12px 0;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 2px 9px #24434b08}.formula summary{font-weight:600;color:#29494d}.formula summary:hover{color:var(--accent)}.formula #equations{color:#294c50}.formula p{color:#64777b}footer{color:#687b7f}footer strong{color:#32615f}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--accent)}
@media(max-width:1050px){.topbar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:'brand search' 'modules modules';row-gap:8px}.site-search{justify-self:end}.modules{width:100%}}
@media(max-width:850px){.topbar{padding:10px 15px}.modules span{padding:9px 12px}.categorybar{padding:10px 13px 0}.toolbar{margin:8px 13px 0}.inputs{padding:20px}.heading{padding-left:5px}}
@media(max-width:540px){.topbar{grid-template-columns:auto minmax(0,1fr);column-gap:10px}.brand img{width:145px}.site-search{width:100%;min-width:0}.search-field{height:40px;padding:0 9px}.search-field input{font-size:13px}.modules{gap:0}.modules span{padding:8px 10px;font-size:11px}.categorybar{padding:8px 10px 0}#categories button{padding:9px 11px;font-size:12px}.toolbar{margin:7px 10px 0}.panel{border-radius:13px}.formula{padding:14px 16px}.sectionoutput{padding:18px 14px}.sectionoutput-head{align-items:flex-start}.sectionoutput-head button{padding:9px 11px}.unit-switch-track{width:100%;max-width:220px}}
.topbar{position:relative;z-index:30;overflow:visible}.modules,#categories,#nav{scrollbar-width:none}.modules::-webkit-scrollbar,#categories::-webkit-scrollbar,#nav::-webkit-scrollbar{display:none}
@media(max-width:540px){.search-results{width:min(330px,calc(100vw - 30px))}}

/* Stable category hover region and restrained monochrome interaction states. */
:root{--accent:#171a1c;--accent-dark:#171a1c;--accent-soft:#edf0f1}
.category-nav{display:flow-root;position:relative;background:#f3f5f6}
.modules .selected{align-self:stretch;display:flex;align-items:center;padding:10px 11px 7px;border:0;border-bottom:3px solid #171a1c;border-radius:0;background:transparent;color:#171a1c;font-weight:700}
#categories button.active,#nav button.active{border-color:#171a1c;background:#171a1c;color:#fff}

#categories button:hover:not(.active),#nav button:hover:not(.active){background:#e7ebed;color:#171a1c}
.unit-switch-track::before{background:#171a1c;box-shadow:0 2px 6px #0003}
.unit-switch-track button[aria-pressed=true]{color:#fff}
.sectionoutput-head button{border-color:#171a1c;background:#171a1c;box-shadow:0 3px 8px #0002}
.sectionoutput-head button:hover{border-color:#353a3d;background:#353a3d}
.search-results button[aria-selected=true]{background:#171a1c;color:#fff}
.search-results button[aria-selected=true] small{background:#363e42;color:#fff}
.resultcard{border-color:#dce6e8;background:#f7fafb}
.sectionoutput thead th{background:#eff3f4;color:#283c43}
.metal-density-info{background:#f7fafb}

/* Section geometry, dimensions and centroid remain distinct at all widths. */
.section-schematic :is(rect,polygon,circle){fill:#dcebf5;stroke:#285f85}
.section-schematic :is(rect,circle)[fill="white"]{fill:#fff}
.section-schematic circle[fill="#111"]{fill:#bc671f;stroke:none}
.section-schematic path[stroke-dasharray]{stroke:#21776d}
.section-schematic path:not([stroke-dasharray]){stroke:#657e8a}

/* Metal forms use a common material colour; webs are differentiated where useful. */
.metal-schematic :is(rect,circle,polygon){fill:#dcebf5;stroke:#285f85}
.metal-schematic :is(rect,circle)[fill="white"]{fill:#fff}
.metal-angle rect:nth-child(2),.metal-channel rect:nth-child(2),.metal-i_beam rect:nth-child(2){fill:#d9eee9;stroke:#21776d}

/* Loading and dimension lines remain legible against the pale diagram grid. */
.beam-schematic rect,.model-schematic rect:not([fill="white"]){fill:#dcebf5;stroke:#285f85}
.beam-schematic path[marker-end],.model-schematic path[marker-end]{stroke:#bc671f}
.beam-schematic marker path,.model-schematic marker path{fill:#bc671f}
.beam-schematic path[stroke="#777777"],.model-schematic path[stroke="#839eae"]{stroke:#21776d}
.model-torsion ellipse,.model-thermal rect[stroke-dasharray]{fill:#d9eee9;stroke:#21776d}
.model-torsion > path[fill="#e1e5ea"]{fill:#dcebf5;stroke:#285f85}
.model-buckling path[stroke-dasharray]{stroke:#bc671f}
@media(max-width:600px){#diagram:has(>svg.model-buckling){min-height:270px}#diagram:not(:has(.metal-drawing))>svg.model-buckling{width:100%;min-width:0;height:260px}#diagram:not(:has(.metal-drawing))>svg.model-buckling-manual{height:340px}}

/* Different graph quantities carry different colours, including their plot fills. */
.chart-V{--plot:#286bb0;--plot-fill:#286bb024}
.chart-M{--plot:#ad601d;--plot-fill:#ad601d26}
.chart-d{--plot:#167466;--plot-fill:#16746626}
.chart .plot-line{stroke:var(--plot)}.chart .plot-fill{fill:var(--plot-fill)}

.diagram-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.diagram-actions>span{padding:5px 8px;border-radius:6px;background:#edf1f2;color:#607277;font-size:11px;letter-spacing:.04em;white-space:nowrap}
.diagram-actions #diagram-export-status{background:transparent;color:#21776d;letter-spacing:0}
.diagram-actions #diagram-export-status:empty{display:none}
.diagram-actions button{padding:8px 13px;border:1px solid #171a1c;border-radius:9px;background:#171a1c;color:#fff;font:600 12px 'Nunito',Arial,sans-serif;white-space:nowrap;cursor:pointer}
.diagram-actions button:hover{background:#343a3d;border-color:#343a3d}
.diagram-actions button:disabled{opacity:.45;cursor:not-allowed}
.diagram-actions #download-diagram{border-color:#d4dfe2;background:#f3f6f7;color:#51636a}
.diagram-actions #download-diagram:hover{border-color:#adbec3;background:#e8eff1;color:#243940}
.download-icon{display:grid;place-items:center;width:35px;height:35px;padding:7px!important;line-height:1}
.download-icon svg{width:18px;height:18px;display:block;fill:none}
#charts{margin-top:16px}
.chartgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1550px;margin-inline:auto}
.chart{position:relative;min-width:0;padding:8px;border:1px solid #dbe5e7;border-radius:11px;background:#fff}
.chart svg{height:auto;width:100%;aspect-ratio:400/278;background:none}
.chart .download-icon{position:absolute;right:9px;top:9px;z-index:1;border:1px solid #d4dfe2;border-radius:8px;background:#f3f6f7;color:#51636a;cursor:pointer}
.chart .download-icon:hover{border-color:#adbec3;background:#e8eff1;color:#243940}
.chart .download-icon:disabled{opacity:.45;cursor:not-allowed}
.chart .plot-title{font-size:16px;font-weight:600;fill:#243941}
.chart .plot-axis-heading{font-size:13px;font-weight:600;fill:#415c62}
.chart .plot-tick{font-size:11.5px;fill:#60767c}
.chart .plot-grid{stroke:#e2eaec;stroke-width:1}
.chart .plot-zero{stroke:#657e8a;stroke-width:1.4}
.chart .plot-frame{stroke:#879ba1;stroke-width:1.2}
@media(max-width:1100px){.chartgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.chartgrid{grid-template-columns:1fr}.chart{max-width:650px;margin:auto;width:100%}}
.buckling-info{display:grid;gap:8px;margin:12px 0 20px;padding:13px 15px;border:1px solid #dce6e8;border-radius:10px;background:#f7fafb;font-size:13px}
.buckling-info>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.buckling-info strong{font-weight:700;color:#171a1c;text-align:right}
.metal-schematic .metal-label{font-size:16px;font-weight:600;fill:#243941}
.metal-schematic .metal-axis{font-size:13px;fill:#47716e}
.metal-schematic circle[fill="#bc671f"]{fill:#bc671f;stroke:none}
.model-buckling text{font-size:15px;fill:#243941}
.model-buckling .buckling-dimension{font-size:12.5px}
@media(max-width:600px){.model-buckling .buckling-dimension{font-size:14px}}
.model-buckling rect[fill="#d9eee9"]{fill:#d9eee9;stroke:#21776d}
.model-buckling path[stroke-dasharray]{stroke:#bc671f}
@media(max-width:600px){.visual>.panelheading{align-items:flex-start}.diagram-actions{gap:5px}.diagram-actions>span{display:none}.diagram-actions button{padding:7px 9px;font-size:11px}.metal-schematic .metal-label{font-size:17px}}

/* Custom Beam Calculator */
main.builder-mode>:not(#builder-page){display:none!important}
#builder-page{max-width:1550px;margin:auto}
#builder-page .heading{padding:0 2px 20px}
#builder-page h2{margin:0;font:500 18px 'Instrument Sans',Arial,sans-serif;color:#1c3036}
#builder-page h3{margin:0 0 12px;font:600 15px 'Instrument Sans',Arial,sans-serif;color:#263f46}
#builder-page .builder-cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
#builder-page .builder-cardhead>span{font-size:12px;color:#61757a}
.builder-workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(315px,.8fr);gap:16px;align-items:stretch}
.builder-visual,.builder-inputs,.builder-selections,.builder-results{padding:20px 22px}
.builder-visual{display:flex;flex-direction:column;min-width:0}
.builder-schematic-wrap{display:flex;align-items:center;justify-content:center;flex:1;min-height:410px;border:1px solid #e2eaec;border-radius:12px;background-image:linear-gradient(#edf2f2 1px,transparent 1px),linear-gradient(90deg,#edf2f2 1px,transparent 1px);background-size:32px 32px;overflow:hidden}
.builder-schematic{display:block;width:100%;height:auto;max-height:460px}
.builder-schematic text{font-size:16px;fill:#324950;font-family:'Instrument Sans',Arial,sans-serif}
.builder-schematic .builder-svg-title{font-size:14px;letter-spacing:.04em;fill:#5b747b}
#builder-page .download-icon{flex:none;border:1px solid #d4dfe2;border-radius:8px;background:#f3f6f7;color:#51636a;cursor:pointer}
#builder-page .download-icon:hover{background:#e8eff1;color:#243940}
.builder-inputs .unit-switch{margin:0 0 16px;padding-bottom:16px}
.builder-field{display:block;min-width:0;margin-bottom:13px;color:#354f54;font:600 13px 'Nunito',Arial,sans-serif}
.builder-field>span:first-child{display:block;margin-bottom:6px}
.builder-field .control{display:flex;align-items:center;min-height:42px}
.builder-field input,.builder-field select{font:600 14px 'Nunito',Arial,sans-serif}
.builder-field input{min-width:0;width:100%;border:0;background:transparent;padding:10px 11px}
.builder-field input:focus{outline:0}
.builder-field input[readonly]{background:#f3f6f7;color:#52696f}
.builder-field .unit{white-space:nowrap;align-self:stretch;display:flex;align-items:center;padding:0 10px}
.builder-field select{width:100%;height:43px}
.builder-sectioncallout{display:grid;gap:8px;padding:13px;margin:15px 0;border:1px solid #dce6e8;border-radius:11px;background:#f7fafb}
.builder-sectioncallout>span{font-size:12px;color:#64777c}
.builder-sectioncallout strong{font-size:13px;font-weight:700;line-height:1.5}
#builder-page .builder-primary,#builder-page .builder-secondary,#builder-page .builder-addbuttons button{border:1px solid #171a1c;border-radius:9px;padding:10px 14px;background:#171a1c;color:#fff;font:700 13px 'Nunito',Arial,sans-serif;cursor:pointer}
#builder-page .builder-primary:hover,#builder-page .builder-addbuttons button:hover{background:#373d40}
#builder-page .builder-primary:disabled{opacity:.45;cursor:not-allowed}
#builder-page .builder-secondary{border-color:#cad7da;background:#fff;color:#293e44}
#builder-page .builder-secondary:hover{background:#eff3f4}
.builder-run{width:100%}
.builder-selections,.builder-results{margin-top:16px}
.builder-selectiongrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.builder-selectioncard{padding:17px;border:1px solid #dce6e8;border-radius:12px;background:#f8fafb;min-width:0}
.builder-selectioncard p{margin:7px 0 0;color:#53686e;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.builder-addbuttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#builder-page .builder-addbuttons button{padding:7px 10px;font-size:12px}
.builder-loadlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.builder-loadrow{padding:13px 15px;border:1px solid #dce6e8;border-radius:11px;background:#fff}
.builder-loadtitle{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:13px}
#builder-page .builder-quiet{border:0;background:transparent;color:#60747a;font:600 12px 'Nunito',Arial,sans-serif;cursor:pointer}
#builder-page .builder-quiet:hover{color:#171a1c;text-decoration:underline}
.builder-loadfields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.builder-loadfields .builder-field{margin-bottom:0}
.builder-loadfields .builder-field input{padding:8px}
.builder-loadfields .builder-field .unit{font-size:11px;padding:0 6px}
.builder-emptyloads{color:#62757a}
.builder-resultgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 18px}
.builder-resultcard{display:flex;flex-direction:column;gap:8px;min-width:0;padding:15px;border:1px solid #dbe7e8;border-radius:11px;background:#f7fafb}
.builder-resultcard>span{font-size:12px;line-height:1.3;color:#526a70}
.builder-resultcard strong{font:600 clamp(17px,1.5vw,24px) 'Instrument Sans',Arial,sans-serif;color:#1a3c49;overflow-wrap:anywhere}
.builder-resultcard strong small{font-size:12px;font-weight:500;color:#647980}
.builder-resultcard>small{font-size:11px;color:#708187}
.builder-chartgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.builder-details{margin-top:12px;padding:12px 15px;border:1px solid #dfe8e8;border-radius:9px;background:#fff;color:#4d656b;font-size:13px;line-height:1.6}
.builder-details summary{cursor:pointer;font-weight:700;color:#2f4a52}
.builder-details p{margin-bottom:0}
.builder-error{padding:10px 12px;border-radius:8px;background:#fff1ee;color:#9a3027;font-size:13px}
.builder-modalback{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#142126a8}
.builder-modal{width:min(100%,980px);max-height:min(94vh,1000px);display:flex;flex-direction:column;border-radius:15px;background:#fff;box-shadow:0 20px 75px #0004;overflow:hidden}
.builder-modal>header,.builder-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 25px;border-bottom:1px solid #e0e8ea}
.builder-modal>footer{justify-content:flex-end;border-top:1px solid #e0e8ea;border-bottom:0}
.builder-modal>header h2{font-size:25px!important;font-weight:700!important}
.builder-modal-close{border:0;background:transparent;color:#586e75;font-size:32px;line-height:1;cursor:pointer}
.builder-modalbody{overflow:auto;padding:20px 25px}
.builder-modecards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.builder-modecards button{display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid #d5e0e3;border-radius:10px;background:#fff;text-align:left;color:#52666b;cursor:pointer}
.builder-modecards button[aria-pressed=true]{border-color:#171a1c;background:#f1f4f5;color:#171a1c}
.builder-modecards button strong{font:700 15px 'Nunito',Arial,sans-serif}
.builder-modecards button span{font-size:12px}
.builder-modaldetails{display:grid;grid-template-columns:1fr minmax(260px,.8fr);gap:22px;padding:20px;border:1px solid #dce6e8;border-radius:11px}
.builder-modalfields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
.builder-fieldnote{font-size:12px;color:#687b7f}
.builder-sectionpreview{padding:15px;border:1px solid #e0e8ea;border-radius:10px;background:#f9fbfb;text-align:center}
.builder-sectionpreview svg{display:block;width:min(100%,260px);height:auto;margin:auto}
.builder-sectionpreview svg text{font-size:11px;fill:#3f5a62}
.builder-sectionnumbers{display:grid;gap:8px;margin-top:10px;text-align:left}
.builder-sectionnumbers>div{display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #e0e8ea;font-size:12px}
.builder-sectionnumbers strong{color:#1b414e}
.builder-emptysection{display:grid;place-items:center;min-height:190px;color:#657b81;font-size:13px}
@media(max-width:1100px){.builder-workspace{grid-template-columns:1fr 330px}.builder-resultgrid{grid-template-columns:repeat(3,1fr)}.builder-chartgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.builder-workspace{grid-template-columns:1fr}.builder-schematic-wrap{min-height:330px}.builder-chartgrid{grid-template-columns:1fr}.builder-chartgrid .chart{max-width:none}}
@media(max-width:650px){.builder-selectiongrid,.builder-loadlist,.builder-resultgrid{grid-template-columns:1fr}.builder-visual,.builder-inputs,.builder-selections,.builder-results{padding:16px}.builder-schematic-wrap{min-height:250px}.builder-loadfields{grid-template-columns:1fr 1fr}.builder-modaldetails{grid-template-columns:1fr}.builder-modalfields{grid-template-columns:1fr}.builder-modalback{padding:8px}.builder-modalbody{padding:14px}.builder-modal>header,.builder-modal>footer{padding:13px 15px}.builder-modecards{grid-template-columns:1fr}.builder-schematic text{font-size:28px}.builder-schematic .builder-svg-title{font-size:23px}}

/* Beam model editor and regional section selector */
.builder-model-workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(315px,.8fr);gap:16px;margin-top:16px;align-items:start}
.builder-model{min-width:0;padding:20px 22px}
.builder-model .builder-cardhead{margin-bottom:12px}
.builder-model .builder-cardhead p{margin:5px 0 0;color:#667b80;font-size:13px}
.builder-tablewrap{overflow-x:auto;border:1px solid #dce6e8;border-radius:11px}
.builder-model table{border-collapse:collapse;width:100%;min-width:570px;font:13px 'Nunito',Arial,sans-serif}
.builder-model thead{background:#f2f5f6;color:#435b61}
.builder-model th,.builder-model td{text-align:left;padding:12px 13px;border-bottom:1px solid #e2eaec;vertical-align:middle}
.builder-model tbody tr:last-child th,.builder-model tbody tr:last-child td{border-bottom:0}
.builder-model tbody th{font-weight:700;color:#263f46}
.builder-model td{color:#425b62}
.builder-rowactions{display:flex;gap:5px}
#builder-page .builder-rowactions button{border:1px solid #d6e1e3;border-radius:7px;background:#fff;color:#38555d;padding:5px 8px;font:700 12px 'Nunito',Arial,sans-serif;cursor:pointer}
#builder-page .builder-rowactions button:hover{background:#edf2f3;border-color:#acbfc4}
.builder-model-note{margin:12px 0 0;color:#667a80;font-size:12px}
.builder-actionrail{display:grid;gap:16px}
.builder-actiongroup{padding:18px 20px}
.builder-actiongroup h2{margin:0 0 13px!important}
.builder-optiongrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#builder-page .builder-optioncard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:88px;padding:8px 4px;border:1px solid #d7e2e4;border-radius:9px;background:#fff;color:#294149;text-align:center;cursor:pointer}
#builder-page .builder-optioncard:hover,#builder-page .builder-optioncard:focus-visible{border-color:#171a1c;background:#f1f4f5}
.builder-optioncard strong{font:700 12px/1.2 'Nunito',Arial,sans-serif}
.builder-option-icon{font:700 25px/1 'Instrument Sans',Arial,sans-serif;color:#286b86}
.builder-modecards button[aria-selected=true]{border-color:#171a1c;background:#f1f4f5;color:#171a1c}
.builder-modecards button[aria-selected=false]{border-color:#d5e0e3;background:#fff;color:#52666b}
.builder-emptycatalog{grid-column:1/-1;padding:14px;border:1px dashed #cbd9dc;border-radius:8px;background:#f8fafb}
.builder-standardshape{display:grid;place-items:center}
.builder-standardshape small{color:#6a7e83;font-size:12px}
.builder-itemmodal{width:min(100%,560px)}
.builder-itemfields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 13px}
.builder-itemfields .builder-field{margin-bottom:8px}
@media(max-width:1100px){.builder-model-workspace{grid-template-columns:1fr 330px}}
@media(max-width:850px){.builder-model-workspace{grid-template-columns:1fr}.builder-actionrail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.builder-model{padding:16px}.builder-actionrail{grid-template-columns:1fr}.builder-actiongroup{padding:16px}.builder-itemfields{grid-template-columns:1fr}.builder-model .builder-tablewrap{margin:0 -2px}}

/* The Tolerance module is now a real page in the top-level navigation. */
.modules .module-link{display:flex;align-items:center;align-self:center;padding:10px 11px;border-bottom:3px solid transparent;color:#607077;font-size:12px;text-decoration:none;white-space:nowrap}
.modules .module-link:hover,.modules .module-link:focus-visible{color:#171a1c;border-bottom-color:#8a999c}

/* Larger module icons in the shared top header. */
.topbar .modules .module-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;margin-right:7px;font-size:26px;line-height:1;font-style:normal}
@media(max-width:540px){.topbar .modules .module-icon{width:24px;margin-right:5px;font-size:23px}}