:root{--tms-dark-teal: #035869;--tms-teal: #09999b;--tms-dark-orange: #c35217;--tms-orange: #e57d1c;--tms-ink: #083842;--tms-border: rgba(3, 88, 105, .18);--tms-shadow: 0 10px 30px rgba(0, 0, 0, .08);--tms-radius: 22px;--tms-danger: #b94a2f;--tms-bg-soft: #f7faf9;--tms-warning: #b86b00}.tms-tool-page{background:radial-gradient(ellipse 70% 70% at 0% 0%,rgba(9,153,155,.08) 0%,transparent 55%),radial-gradient(ellipse 65% 75% at 100% 100%,rgba(229,125,28,.07) 0%,transparent 55%),var(--tms-bg-soft);padding:clamp(34px,5vw,68px) 0 clamp(48px,6vw,76px)}.tms-tool-wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}.tms-tool-breadcrumb{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--tms-teal);margin-bottom:1rem;text-decoration:none}.tms-tool-breadcrumb:hover{text-decoration:underline}.tms-tool-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch;margin-bottom:22px}.tms-tool-hero__content,.tms-tool-hero__aside,.tms-tool-panel,.tms-tool-note,.tms-tool-faq{background:#ffffffd6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--tms-border);border-radius:var(--tms-radius);box-shadow:var(--tms-shadow)}.tms-tool-hero__content{padding:clamp(22px,3vw,34px)}.tms-tool-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--tms-teal);margin-bottom:1rem}.tms-tool-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--tms-teal)}.tms-tool-h1{font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:-.03em;color:var(--tms-dark-teal);margin:0 0 1rem;font-weight:900;max-width:760px}.tms-tool-sub{font-size:clamp(15px,1.6vw,17px);line-height:1.75;color:#083842bf;max-width:760px;margin:0 0 1.4rem}.tms-tool-badges{display:flex;flex-wrap:wrap;gap:10px}.tms-tool-badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--tms-border);font-size:12px;font-weight:800;color:var(--tms-dark-teal)}.tms-tool-hero__aside{padding:clamp(22px,3vw,30px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse 75% 75% at 100% 0%,rgba(229,125,28,.1) 0%,transparent 58%),radial-gradient(ellipse 80% 75% at 0% 100%,rgba(9,153,155,.1) 0%,transparent 56%),#ffffffe0}.tms-tool-hero__aside h2{margin:0 0 .8rem;font-size:20px;line-height:1.2;letter-spacing:-.02em;color:var(--tms-dark-teal);font-weight:900}.tms-tool-hero__aside p{margin:0;font-size:14px;line-height:1.75;color:#083842bd}.tms-tool-main{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}.tms-tool-panel{padding:clamp(22px,3vw,34px)}.tms-tool-panel__title{margin:0 0 .35rem;font-size:clamp(22px,2.5vw,30px);line-height:1.2;color:var(--tms-dark-teal);letter-spacing:-.02em;font-weight:900}.tms-tool-panel__intro{margin:0 0 1.5rem;font-size:14px;line-height:1.7;color:#083842b8}.tms-spacing-tool{display:grid;gap:16px}.tms-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.tms-field{display:flex;flex-direction:column;gap:8px;min-width:0}.tms-label{font-size:13px;font-weight:800;color:var(--tms-dark-teal);line-height:1.3}.tms-help{font-size:12px;line-height:1.55;color:#083842a3;margin:0}.tms-input{width:100%;min-height:46px;height:46px;border:1px solid var(--tms-border);border-radius:12px;background:#fff;color:var(--tms-ink);font-size:14px;line-height:1.2;padding:0 12px;outline:none;box-sizing:border-box;appearance:none;-webkit-appearance:none}select.tms-input{padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--tms-dark-teal) 50%),linear-gradient(135deg,var(--tms-dark-teal) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.tms-input:focus{border-color:#09999b80;box-shadow:0 0 0 4px #09999b1a}.tms-input.is-invalid{border-color:#b94a2f80;background:#b94a2f0d}.tms-action-row{display:flex;flex-wrap:wrap;gap:10px}.tms-btn{-webkit-appearance:none;appearance:none;border:0;border-radius:14px;min-height:46px;padding:0 16px;font-size:13px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.tms-btn:hover{transform:translateY(-1px)}.tms-btn--primary{background:linear-gradient(135deg,var(--tms-teal),var(--tms-dark-teal));color:#fff;box-shadow:0 10px 20px #0358692e}.tms-btn--soft{background:#09999b1a;color:var(--tms-dark-teal);border:1px solid rgba(9,153,155,.16)}.tms-message{min-height:22px;font-size:13px;line-height:1.6;color:#083842b8}.tms-message.is-error{color:var(--tms-danger);font-weight:700}.tms-message.is-success{color:var(--tms-teal);font-weight:700}.tms-tool-side{display:grid;gap:22px;grid-template-columns:1.2fr .8fr;align-items:start}.tms-tool-note,.tms-tool-faq{padding:22px}.tms-tool-note h3,.tms-tool-faq h3{margin:0 0 .8rem;font-size:17px;font-weight:900;color:var(--tms-dark-teal);letter-spacing:-.02em}.tms-tool-note p,.tms-tool-note li,.tms-tool-faq p,.tms-tool-faq li{font-size:14px;line-height:1.75;color:#083842bd}.tms-tool-note ul,.tms-tool-faq ul{margin:0;padding-left:18px}.tms-tool-note li+li,.tms-tool-faq li+li{margin-top:.45rem}.tms-summary-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.tms-summary__card{border:1px solid rgba(3,88,105,.1);border-radius:18px;background:radial-gradient(ellipse 70% 70% at 100% 0%,rgba(229,125,28,.08) 0%,transparent 58%),#f8fcfb;padding:18px 18px 16px;min-width:0}.tms-summary__card--full{grid-column:1 / -1}.tms-summary__label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--tms-teal);margin-bottom:.45rem}.tms-summary__value{font-size:clamp(22px,3vw,34px);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:var(--tms-dark-teal);word-break:break-word}.tms-summary__sub{margin-top:.45rem;font-size:13px;line-height:1.6;color:#083842a8}.tms-position-list{display:grid;gap:8px;margin-top:8px}.tms-position-item{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffffb8;border:1px solid rgba(3,88,105,.08);font-size:13px;line-height:1.5;color:var(--tms-ink)}.tms-position-item strong{color:var(--tms-dark-teal);font-size:13px;line-height:1.5}.tms-guide-grid{display:grid;gap:12px}.tms-guide-box{border:1px solid rgba(3,88,105,.1);border-radius:18px;background:radial-gradient(ellipse 70% 70% at 100% 0%,rgba(9,153,155,.06) 0%,transparent 58%),#f8fcfb;padding:16px}.tms-guide-box h4{margin:0 0 .5rem;font-size:15px;line-height:1.35;font-weight:900;color:var(--tms-dark-teal);letter-spacing:-.01em}.tms-guide-box p{margin:0;font-size:14px;line-height:1.7;font-weight:400;color:#083842bd}.tms-tool-faq .tms-guide-box ul,.tms-tool-faq .tms-guide-box ol{margin:0!important;padding:0!important;list-style:none!important}.tms-tool-faq .tms-guide-box li{display:block!important;margin:0!important;padding:0!important;font-size:14px!important;line-height:1.7!important;font-weight:400!important;letter-spacing:0!important;color:#083842bd!important}.tms-tool-faq .tms-guide-box li+li{margin-top:.35rem!important}.tms-tool-faq .tms-guide-box h4{margin:0 0 .5rem!important;font-size:15px!important;line-height:1.35!important;font-weight:900!important;letter-spacing:-.01em!important;color:var(--tms-dark-teal)!important}.tms-tool-bottom{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.tms-tool-bottom .tms-tool-note{height:100%}.tms-tool-back{display:inline-flex;align-items:center;gap:8px;margin-top:1rem;font-size:13px;font-weight:800;color:var(--tms-dark-teal);text-decoration:none}.tms-tool-back:hover{text-decoration:underline}@media(max-width:980px){.tms-tool-hero,.tms-tool-bottom,.tms-tool-side{grid-template-columns:1fr}}@media(max-width:840px){.tms-summary-grid,.tms-form-grid{grid-template-columns:1fr}}@media(max-width:720px){.tms-tool-wrap{width:calc(100% - 28px)}.tms-action-row{align-items:stretch}.tms-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/screw-dowel-spacing-calculator.css.map */