.screws-page{color:#252c3b}.screws-page [hidden]{display:none!important}.screws-page .brand-symbol{color:var(--blue)}.screws-page .topbar nav{display:flex;gap:10px}.screw-main{max-width:1280px;margin:auto;padding:35px 32px 24px}.screw-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.screw-intro h1{font-size:32px;margin:7px 0 9px}.screw-intro p:not(.eyebrow){line-height:1.5;color:#646f82}.screw-intro .local-note{font-size:14px;text-align:right}.local-note span{color:#7d8697}.source-context{padding:16px 20px;margin-bottom:22px;border:1px solid #d5dffb;background:#f3f6ff;border-radius:8px;line-height:1.65}.source-context a,.screw-guide a,.screw-footer a{color:#284acb;text-decoration:underline;text-underline-offset:3px}.screw-layout{display:grid;grid-template-columns:350px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.screw-settings{padding:25px;border-right:1px solid var(--line)}.settings-heading{display:flex;justify-content:space-between;align-items:center}.settings-heading h2,.preview-top h2{font-size:14px;font-weight:600}.settings-heading>span{font-size:14px;color:#798294}.measurement-note{font-size:14px;line-height:1.65;color:#667185;margin:15px 0 22px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:550;margin-bottom:18px;min-width:0}.field input,.field select{width:100%;min-width:0;border:1px solid #d8dfe9;background:#fff;color:#273042;border-radius:6px;padding:11px 10px;font:inherit;font-weight:450;min-height:43px}.field input:focus,.field select:focus{outline:2px solid #b1c0ff;border-color:var(--blue)}.field input:invalid{border-color:#c37d40}.field small{font-size:12px;font-weight:400;line-height:1.5;color:#707b8d}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.screw-advanced{border-top:1px solid var(--line);margin-top:4px;padding-top:17px}.screw-advanced summary{font-size:14px;font-weight:550;cursor:pointer;margin-bottom:18px}.screw-advanced .field:last-child{margin-bottom:0}.screw-download{width:100%;margin-top:22px;min-height:46px}.export-note{font-size:12px;line-height:1.6;color:#717c8f;margin-top:12px;min-height:38px}.screw-error{font-size:14px;color:#a33320;margin:16px 0 0;line-height:1.5}.screw-output{min-width:0;background:#fff}.screw-preview{position:relative;background:#f4f6fa;height:430px;isolation:isolate}.screw-preview canvas{display:block;width:100%;height:100%;touch-action:none}.preview-top{position:absolute;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;align-items:center;gap:14px;pointer-events:none;z-index:2}.preview-top button{pointer-events:auto;font-size:12px;padding:7px 10px}.preview-bottom{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#68768a;pointer-events:none;z-index:2}.preview-fallback{position:absolute;inset:100px 40px auto;text-align:center;line-height:1.6;color:#657087;z-index:2}.screw-spec{padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.screw-spec h3{font-size:18px;font-weight:550;margin:7px 0 0}.screw-spec dl{display:flex;gap:20px;margin:0}.screw-spec dt{font-size:12px;color:#798395;margin-bottom:5px}.screw-spec dd{font-size:14px;font-weight:550;margin:0}.print-verdict{display:flex;gap:13px;padding:23px 25px;background:#fffcf4}.verdict-dot{height:8px;width:8px;border-radius:50%;background:#b37912;flex-shrink:0;margin-top:7px}.print-verdict h2{font-size:16px;font-weight:600;color:#835915}.print-verdict p{font-size:14px;line-height:1.65;color:#796644;margin-top:8px;max-width:610px}.screw-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:34px}.screw-guide h2{font-size:18px;font-weight:550;margin:9px 0}.screw-guide p{font-size:14px;line-height:1.75;color:#687487}.screw-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:28px;font-size:12px;line-height:1.6;color:#7d8797;display:flex;justify-content:space-between;gap:16px}.missing-screw-link{display:inline-block;margin-top:8px;font-size:14px;font-weight:550;color:#3456e9;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1150px){.screw-spec{align-items:center}.screw-spec dl{gap:26px}}
@media(max-width:1050px){.screw-spec{align-items:flex-start;flex-direction:column}.screw-spec dl{flex-wrap:wrap}.screw-layout{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:760px){.screws-page .topbar{height:auto;min-height:76px;padding:16px 20px;gap:15px;flex-wrap:wrap}.screws-page .topbar nav{flex-wrap:wrap}.screw-main{padding:25px 18px}.screw-intro{align-items:flex-start}.screw-intro .local-note{display:none}.screw-layout{display:flex;flex-direction:column}.screw-settings{border-right:0;border-bottom:1px solid var(--line);padding:22px}.screw-preview{height:340px}.screw-guide{grid-template-columns:1fr;gap:24px}.screw-footer{flex-direction:column}.preview-top,.preview-bottom{left:18px;right:18px}.preview-bottom{font-size:12px;flex-wrap:wrap}.screw-spec{padding:22px}.print-verdict{padding:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}