#td316-reference-hub{--ink:#343e45;--muted:#718087;--teal:#08796f;--orange:#ff7900;--line:#e1e6e8;--page:#f7f7f7}
#td316-reference-hub *{box-sizing:border-box}
#td316-reference-hub{margin:0;background:var(--page);color:var(--ink);font:15px/1.45 Ubuntu,Arial,sans-serif}
#td316-reference-hub button,#td316-reference-hub input,#td316-reference-hub a{font:inherit}
#td316-reference-hub a{text-decoration:none;color:inherit}
#td316-reference-hub button{cursor:pointer}
#td316-reference-hub a:focus-visible,#td316-reference-hub button:focus-visible,#td316-reference-hub input:focus-visible{outline:3px solid #09a6c0;outline-offset:4px}
#td316-reference-hub svg{display:block}
#td316-reference-hub h1,#td316-reference-hub h2,#td316-reference-hub h3,#td316-reference-hub p{margin:0}
#td316-reference-hub .header{position:relative;background:radial-gradient(ellipse 70% 115px at 50% 0%,#b0bfd9,#e3e9f1 65%,#fafbfc);height:82px;display:flex;align-items:center;gap:25px;padding:0 4.5%}
#td316-reference-hub .brand{width:167px;flex:none}
#td316-reference-hub .brand img{width:100%;height:auto;display:block}
#td316-reference-hub .nav{display:flex;gap:17px;align-items:center;justify-content:center;flex:1;font-size:11px;font-weight:500;white-space:nowrap}
#td316-reference-hub .nav a.active{color:var(--teal)}
#td316-reference-hub .contact{display:flex;gap:14px;align-items:center;font-size:12px;white-space:nowrap}
#td316-reference-hub .contact svg{width:22px;height:22px}
#td316-reference-hub .cart{display:flex;align-items:center;gap:4px}
#td316-reference-hub .menu{display:none;background:none;border:0;padding:5px}
#td316-reference-hub{max-width:1360px;padding:23px 4.5% 30px;margin:auto}
#td316-reference-hub .crumb{display:flex;gap:11px;align-items:center;color:#7c898f;font-size:12px}
#td316-reference-hub .crumb span:last-child{color:var(--ink)}
#td316-reference-hub .crumb a:hover{color:var(--teal)}
#td316-reference-hub .hero{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:30px 0 28px}
#td316-reference-hub .kicker{display:flex;align-items:center;gap:9px;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:500;color:var(--teal);margin-bottom:10px}
#td316-reference-hub .kicker:before{content:'';width:23px;height:3px;background:var(--orange);border-radius:5px}
#td316-reference-hub h1{font-size:42px;font-weight:700;letter-spacing:-1.2px;line-height:1.1;margin-bottom:12px}
#td316-reference-hub .lead{font-size:14px;color:var(--muted)}
#td316-reference-hub .search{display:flex;align-items:center;gap:12px;border:1px solid #dce3e5;background:white;border-radius:12px;padding:13px 15px;width:310px;box-shadow:0 2px 8px #25343e03}
#td316-reference-hub .search svg{width:20px;height:20px;color:#7c929b;flex:none}
#td316-reference-hub .search input{border:0;outline:none;width:100%;font-size:13px;color:var(--ink);background:transparent}
#td316-reference-hub .search:focus-within{border-color:#7eaaa7;box-shadow:0 0 0 3px #08796f0b}
#td316-reference-hub .workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:23px}
#td316-reference-hub .panel{position:relative;background:#fff;border:1px solid #e2e6e8;border-radius:21px;padding:0 17px 17px;box-shadow:0 5px 22px #20384305;overflow:hidden}
#td316-reference-hub .panel-heading{display:flex;align-items:center;gap:12px;padding:20px 7px 19px}
#td316-reference-hub .section-index{font-size:10px;letter-spacing:.08em;color:#ad7042;border:1px solid #ffe0c5;background:#fff8f1;border-radius:5px;padding:4px 5px;font-weight:500}
#td316-reference-hub .panel-heading h2{font-size:19px;letter-spacing:-.25px}
#td316-reference-hub .panel-heading>span:last-child{margin-left:auto;font-size:10px;color:#8b979d}
#td316-reference-hub .library{display:grid;gap:10px}
#td316-reference-hub .reference{position:relative;display:grid;grid-template-columns:91px minmax(0,1fr) 35px;gap:17px;align-items:center;min-height:114px;border:1px solid #e4e9ec;border-radius:13px;padding:14px 16px 14px 12px;background:linear-gradient(105deg,#f9fbfc,#fff 44%);transition:border-color .18s,box-shadow .18s}
#td316-reference-hub .reference:before{content:'';position:absolute;top:26px;bottom:26px;left:-1px;width:3px;border-radius:3px;background:var(--orange);opacity:0;transition:opacity .18s}
#td316-reference-hub .reference:hover{border-color:#ffb776;box-shadow:0 4px 14px #dd8a340a}
#td316-reference-hub .reference:hover:before{opacity:1}
#td316-reference-hub .reference:hover .round-arrow{border-color:var(--orange);transform:translateX(2px)}
#td316-reference-hub .art{width:91px;height:83px;position:relative;display:grid;place-items:center;border-radius:11px;background:radial-gradient(circle at 55% 44%,#f0f5f7,#f8fafb 70%)}
#td316-reference-hub .art>svg{width:100%;height:100%}
#td316-reference-hub .reference-copy .tiny{font-size:9px;color:#8d9a9f;text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px}
#td316-reference-hub .reference h3{font-size:18px;letter-spacing:-.25px;line-height:1.2}
#td316-reference-hub .reference p{color:var(--muted);font-size:12px;margin-top:7px;max-width:320px}
#td316-reference-hub .round-arrow{height:29px;width:35px;border:1px solid #ffac60;border-radius:20px;color:var(--orange);display:grid;place-items:center;transition:transform .18s}
#td316-reference-hub .round-arrow svg{width:19px;height:19px}
#td316-reference-hub .calculators{display:grid;gap:13px}
#td316-reference-hub .calculator{position:relative;overflow:hidden;border:1px solid #dfe8eb;border-radius:13px;min-height:172px;padding:20px;background:linear-gradient(120deg,#f4f9fa,#ecf3f5);transition:border-color .18s,box-shadow .18s}
#td316-reference-hub .calculator:hover{border-color:var(--orange);box-shadow:0 4px 15px #c883300a}
#td316-reference-hub .calculator:after{content:'';position:absolute;width:180px;height:180px;right:-30px;top:0;border:1px solid #dce6e980;border-radius:50%;pointer-events:none}
#td316-reference-hub .calculator .calc-copy{position:relative;z-index:2;max-width:230px}
#td316-reference-hub .calc-copy .tiny{font-size:9px;letter-spacing:.1em;color:#729097;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}
#td316-reference-hub .tiny .dot{width:4px;height:4px;border-radius:50%;background:var(--teal)}
#td316-reference-hub .calculator h3{font-size:18px;letter-spacing:-.3px;line-height:1.2;max-width:225px}
#td316-reference-hub .calculator p{color:#6d8087;font-size:12px;max-width:208px;margin-top:9px}
#td316-reference-hub .calc-action{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--teal);font-size:12px;margin-top:18px}
#td316-reference-hub .calc-action svg{width:20px;height:20px;color:var(--orange)}
#td316-reference-hub .calc-art{position:absolute;right:-12px;bottom:14px;width:155px;height:120px;pointer-events:none}
#td316-reference-hub .calculator.metal{background:linear-gradient(120deg,#f8faf9,#eff4f1)}
#td316-reference-hub .calculator .grid{position:absolute;inset:0;background-image:linear-gradient(#b7cbd31a 1px,transparent 1px),linear-gradient(90deg,#b7cbd31a 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 40%,#000)}
#td316-reference-hub .next{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px dashed #d9dfe1;border-radius:13px;padding:13px 18px;background:#f5f6f6}
#td316-reference-hub .next-heading{font-size:12px;color:#7b878e;display:flex;align-items:center;gap:8px}
#td316-reference-hub .next-heading svg{width:16px;height:16px;color:#8a969c}
#td316-reference-hub .pending-wrap{display:flex;gap:12px}
#td316-reference-hub .pending{display:flex;align-items:center;gap:9px;font-size:12px;color:#808c92;padding:7px 11px;background:#fff;border:1px solid #e5e9eb;border-radius:7px}
#td316-reference-hub .pending svg{width:16px;height:16px;color:#8c9aa1}
#td316-reference-hub .pending small{font-size:9px;border-left:1px solid #e3e9ec;padding-left:10px;color:#8c979e}
#td316-reference-hub .footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;font-size:11px;color:#8c969c}
#td316-reference-hub .footer a{color:var(--blue,#326c98);display:flex;align-items:center;gap:8px}
#td316-reference-hub .footer a svg{height:17px;width:17px;color:var(--orange)}
#td316-reference-hub .empty{padding:25px;color:var(--muted)}
#td316-reference-hub [hidden]{display:none!important}
#td316-reference-hub .search-active .workspace{align-items:start}
#td316-reference-hub .search-active .panel-heading{min-height:65px}
#td316-reference-hub .not-found{font-size:13px;color:var(--muted);margin-top:20px}
#td316-reference-hub .preview-note{position:fixed;right:16px;bottom:12px;background:#fffefa;border:1px solid #e7e5de;border-radius:6px;font-size:10px;color:#8a8376;padding:5px 9px;box-shadow:0 2px 8px #00000004}
@media(min-width:1450px){#td316-reference-hub .calc-art{right:0;width:180px}
#td316-reference-hub .calculator .calc-copy{max-width:235px}
}
@media(max-width:1150px){#td316-reference-hub .nav{gap:9px;font-size:10px}
#td316-reference-hub .header{gap:14px}
#td316-reference-hub .brand{width:145px}
#td316-reference-hub .contact span{display:none}
#td316-reference-hub .workspace{grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr)}
#td316-reference-hub .reference{grid-template-columns:70px 1fr 30px;gap:12px;padding:15px 11px;min-height:121px}
#td316-reference-hub .art{width:70px;height:75px}
#td316-reference-hub .reference h3{font-size:17px}
#td316-reference-hub .calculator{min-height:183px}
#td316-reference-hub .calc-art{opacity:.5;width:120px;right:-30px}
#td316-reference-hub .calculator .calc-copy{max-width:220px}
#td316-reference-hub .pending{font-size:11px}
}
@media(max-width:800px){#td316-reference-hub .header{height:72px;padding:0 20px;gap:13px}
#td316-reference-hub .brand{width:150px;margin:auto}
#td316-reference-hub .nav{display:none;position:absolute;top:100%;left:16px;right:16px;z-index:10;background:white;border:1px solid var(--line);border-radius:12px;padding:14px;flex-direction:column;align-items:stretch;box-shadow:0 8px 25px #24354012}
#td316-reference-hub .nav a{padding:6px;font-size:12px}
#td316-reference-hub .menu{display:block}
#td316-reference-hub .contact{gap:12px}
#td316-reference-hub .contact .search-head{display:none}
#td316-reference-hub .contact span{display:none}
#td316-reference-hub{padding:18px 19px 30px}
#td316-reference-hub .hero{display:block;margin:23px 0}
#td316-reference-hub .search{margin-top:21px;width:100%}
#td316-reference-hub h1{font-size:34px}
#td316-reference-hub .kicker{font-size:9px}
#td316-reference-hub .lead{font-size:13px;max-width:300px}
#td316-reference-hub .workspace{grid-template-columns:1fr;gap:17px}
#td316-reference-hub .panel{padding:0 12px 12px;border-radius:17px}
#td316-reference-hub .panel-heading{padding:17px 3px}
#td316-reference-hub .panel-heading h2{font-size:17px}
#td316-reference-hub .panel-heading>span:last-child{font-size:9px}
#td316-reference-hub .reference{min-height:112px;grid-template-columns:66px 1fr 27px;gap:10px;padding:12px 9px}
#td316-reference-hub .art{width:66px;height:73px}
#td316-reference-hub .reference h3{font-size:16px}
#td316-reference-hub .reference p{font-size:11px;margin-top:5px}
#td316-reference-hub .round-arrow{width:27px;height:27px}
#td316-reference-hub .reference-copy .tiny{font-size:8px}
#td316-reference-hub .calculator{min-height:174px;padding:19px}
#td316-reference-hub .calculator h3{font-size:18px}
#td316-reference-hub .calc-art{opacity:.8;width:132px;right:-15px}
#td316-reference-hub .calculator .calc-copy{max-width:210px}
#td316-reference-hub .next{display:block;padding:15px}
#td316-reference-hub .pending-wrap{margin-top:11px;display:block}
#td316-reference-hub .pending{margin-top:8px;font-size:12px;justify-content:start}
#td316-reference-hub .pending small{margin-left:auto}
#td316-reference-hub .footer{font-size:10px;gap:15px;align-items:start}
#td316-reference-hub .footer span{max-width:180px}
#td316-reference-hub .preview-note{position:static;width:max-content;margin:0 auto 12px}
#td316-reference-hub .search-active .panel[hidden]{display:none}
}
@media(prefers-reduced-motion:reduce){#td316-reference-hub *{transition:none!important}
}


body.td316-reference-hub-active .page-container-wrapper > .navigation-wrapper,
body.td316-reference-hub-active nav.td316-section-crumb {display:none!important}
body:has(#td316-reference-hub) .page-container-wrapper > .content-wrapper.internal {padding-top:0!important}
body:has(#td316-reference-hub) .top-panel-wrapper:has(#js-top-panel){display:none!important}
body:has(#td316-reference-hub) .content-wrapper.internal > .container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body:has(#td316-reference-hub) .content-wrapper.internal > .container > .row{margin:0!important}
body:has(#td316-reference-hub) .content-wrapper.internal > .container > .row > .col-xs-12{width:100%!important;padding:0!important;float:none!important}
#td316-reference-hub{box-sizing:border-box!important;width:100%;font:400 15px/1.45 Ubuntu,Arial,sans-serif!important;color:#343e45;background:#f7f7f7}
#td316-reference-hub h1.hub-title{position:static!important;transform:none!important;float:none!important;margin:0 0 12px!important;padding:0!important;max-width:none!important;width:auto!important;font:700 42px/1.1 Ubuntu,Arial,sans-serif!important;letter-spacing:-1.2px!important;color:#343e45!important;white-space:normal!important}
#td316-reference-hub a{text-decoration:none!important}
#td316-reference-hub h2,#td316-reference-hub h3{font-family:Ubuntu,Arial,sans-serif!important;font-weight:700;margin:0;padding:0;color:var(--ink)!important}
#td316-reference-hub .panel-heading h2{line-height:1.45}
#td316-reference-hub p{padding:0;margin:0;font-weight:400;font-family:Ubuntu,Arial,sans-serif}
#td316-reference-hub .panel{margin:0}
#td316-reference-hub .footer{padding:0;background:none;border:0}
#td316-reference-hub .search input{box-shadow:none;font-weight:400;padding:0;min-height:0}
#td316-reference-hub svg{max-width:none}
@media(max-width:800px){#td316-reference-hub h1.hub-title{font-size:34px!important}}