.sgtd{--sg-ink:#20201e;--sg-muted:#77746d;--sg-border:#e7e5df;--sg-paper:#f9f8f5;color:var(--sg-ink);background:#fff}.sgtd *{box-sizing:border-box}.sgtd__inner{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:42px 0 60px}.sgtd__header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.sgtd__eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;color:#706c65;margin:0 0 13px}.sgtd__eyebrow span{padding:0 8px;color:#b1aca2}.sgtd__title{font-family:inherit;font-size:clamp(28px,3.15vw,43px);font-weight:600;line-height:1.1;letter-spacing:-.04em;margin:0 0 10px;color:var(--sg-ink)}.sgtd__intro{max-width:610px;margin:0;color:#77746d;font-size:14px;line-height:1.6}.sgtd__count{white-space:nowrap;font-size:10px;letter-spacing:.12em;color:#8a877f;border-bottom:1px solid #d9d6ce;padding-bottom:8px}.sgtd__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sgtd__card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--sg-border);border-radius:3px;overflow:hidden;color:var(--sg-ink);background:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.sgtd__card:hover{transform:translateY(-3px);border-color:#bdb9af;box-shadow:0 12px 32px #0000000e}.sgtd__card:focus-visible{outline:3px solid #6c6c6c;outline-offset:3px}.sgtd__visual{height:clamp(170px,17vw,225px);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--sg-paper);border-bottom:1px solid var(--sg-border)}.sgtd__card--curtain .sgtd__visual{background:#f6f4ef}.sgtd__drawing{width:min(96%,440px);height:100%;display:block}.sgtd__visual-tag{position:absolute;right:16px;bottom:14px;font-size:9px;letter-spacing:.12em;font-weight:600;color:#817b72}.sgtd__body{padding:23px 26px 22px;flex:1;display:flex;flex-direction:column}.sgtd__meta{display:flex;gap:15px;font-size:10px;letter-spacing:.115em;font-weight:600;color:#928c83;margin:0 0 10px}.sgtd__card-title{font-family:inherit;font-size:clamp(21px,2vw,27px);letter-spacing:-.035em;line-height:1.2;font-weight:600;color:var(--sg-ink);margin:0 0 8px}.sgtd__description{font-size:13px;color:#77746d;line-height:1.65;max-width:380px;margin:0 0 20px}.sgtd__action{border-top:1px solid var(--sg-border);padding-top:15px;display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:12px;font-weight:600;letter-spacing:.005em}.sgtd__arrow{font-size:20px;line-height:1;transition:transform .2s ease}.sgtd__card:hover .sgtd__arrow{transform:translate(3px,-3px)}.sgtd__footnote{font-size:11px;color:#9b968e;margin:17px 0 0}@media(max-width:749px){.sgtd__inner{width:calc(100% - 32px);padding:28px 0 38px}.sgtd__header{display:block}.sgtd__count{display:inline-block;margin-top:17px}.sgtd__grid{grid-template-columns:1fr;gap:16px}.sgtd__visual{height:205px}.sgtd__body{padding:20px}.sgtd__card-title{font-size:24px}}@media(prefers-reduced-motion:reduce){.sgtd__card,.sgtd__arrow{transition:none}}.sgtd,.sgtd button,.sgtd input,.sgtd select,.sgtd h1,.sgtd h2,.sgtd p{font-family:inherit}.sgtd{--sg-ink:#21211f;--sg-muted:#6b6a65;--sg-border:#dedbd4;--sg-paper:#f6f5f2;background:transparent}.sgtd__inner{width:min(1350px,calc(100% - 40px));padding:24px 0 36px}.sgtd__header{margin-bottom:22px}.sgtd__title{font-size:clamp(26px,2.4vw,34px);font-weight:600}.sgtd__grid{gap:16px}.sgtd__card{border-color:var(--sg-border)}@media(max-width:650px){.sgtd__inner{width:calc(100% - 24px);padding:18px 0 28px}}@media(min-width:990px){.sgtd .sgtd__inner{box-sizing:border-box;width:calc(100vw - 96px);max-width:1600px;position:relative;left:50%;transform:translate(-50%);margin-left:0;margin-right:0;padding-top:8px}}@media(max-width:989px){.sgtd .sgtd__inner{width:calc(100% - 32px);max-width:none;padding-top:8px;margin-inline:auto}}@media(min-width:990px){.sgtd .sgtd__inner{width:calc(100% - 96px);max-width:none;margin-inline:auto;position:static;left:auto;transform:none;padding-top:12px}}.sgtd .sgtd__visual{min-height:280px;background:#f0f0f0}.sgtd .sgtd__card--curtain .sgtd__visual{background:#f0f0f0}.sgtd .sgtd__header{margin-bottom:22px}@media(max-width:989px){.sgtd .sgtd__inner{width:calc(100% - 32px);margin-inline:auto;position:static;left:auto;transform:none;padding-top:12px}.sgtd .sgtd__visual{min-height:220px}}.sgtd .sgtd__inner{box-sizing:border-box;position:relative;left:50%;right:auto;transform:translate(-50%);width:calc(100vw - (2*clamp(20px,7.3vw,140px)));max-width:1560px;margin:0;padding:14px 0 42px}.sgtd .sgtd__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;gap:16px}.sgtd .sgtd__visual{height:280px}@media(max-width:749px){.sgtd .sgtd__inner{width:calc(100vw - 32px);max-width:none;padding:12px 0 32px}.sgtd .sgtd__grid{grid-template-columns:minmax(0,1fr)}.sgtd .sgtd__visual{height:220px}}.sgtd{width:100%;max-width:100%;overflow-x:clip}.sgtd .sgtd__inner{box-sizing:border-box;position:relative;left:50%;right:auto;transform:translate(-50%);margin:0;width:calc(100vw - (2*clamp(24px,5.5vw,96px)));max-width:1600px;padding:12px 0 46px}.sgtd .sgtd__header{margin:0 0 20px;align-items:start}.sgtd .sgtd__title{font-size:clamp(28px,2.4vw,38px);line-height:1.15;margin:0 0 10px}.sgtd .sgtd__intro{max-width:900px;font-size:15px}.sgtd .sgtd__count{display:none}.sgtd .sgtd__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:100%}.sgtd .sgtd__card{min-width:0}.sgtd .sgtd__visual,.sgtd .sgtd__card--curtain .sgtd__visual{height:275px;min-height:0;background:#f0f0f0}.sgtd .sgtd__body{padding:24px 26px 22px}.sgtd .sgtd__card-title{font-size:clamp(22px,2vw,29px)}.sgtd .sgtd__footnote{display:none}@media(max-width:749px){.sgtd .sgtd__inner{width:calc(100vw - 32px);max-width:none;padding:12px 0 32px}.sgtd .sgtd__grid{grid-template-columns:minmax(0,1fr);gap:16px}.sgtd .sgtd__visual,.sgtd .sgtd__card--curtain .sgtd__visual{height:210px}.sgtd .sgtd__body{padding:20px}}.sgtd .sgtd__inner{padding-top:18px;padding-bottom:46px}.sgtd .sgtd__header{margin-bottom:26px}.sgtd .sgtd__title{margin-bottom:10px}.sgtd .sgtd__intro{margin-bottom:0}.sgtd .sgtd__grid{gap:20px}.sgtd .sgtd__visual,.sgtd .sgtd__card--curtain .sgtd__visual{height:340px;min-height:340px}@media(max-width:749px){.sgtd .sgtd__inner{padding-top:16px;padding-bottom:32px}.sgtd .sgtd__header{margin-bottom:22px}.sgtd .sgtd__grid{gap:16px}.sgtd .sgtd__visual,.sgtd .sgtd__card--curtain .sgtd__visual{height:220px;min-height:220px}}.sgtd .sgtd__inner{box-sizing:border-box;width:100vw;max-width:none;left:50%;transform:translate(-50%);margin:0;padding:6px clamp(20px,5.5vw,96px) 46px}@media(max-width:749px){.sgtd .sgtd__inner{width:100vw;max-width:none;padding:6px 20px 32px}}@media(min-width:750px){.sgtd .sgtd__inner{padding-left:calc(clamp(20px,5.5vw,96px) + 46px);padding-right:calc(clamp(20px,5.5vw,96px) + 46px)}}@media(max-width:749px){.sgtd .sgtd__inner{padding-left:20px;padding-right:20px}}.sgtd .sgtd__inner{padding-top:22px}@media(max-width:749px){.sgtd .sgtd__inner{padding-top:16px}}.sgtd .sgtd__inner{padding-top:40px}@media(max-width:749px){.sgtd .sgtd__inner{padding-top:40px}}.sgtd.tools-directory.page-width{box-sizing:border-box;width:100%;max-width:none;overflow:visible;padding-inline:var(--page-padding)}.sgtd.tools-directory.page-width .sgtd__inner{box-sizing:border-box;position:static;left:auto;right:auto;transform:none;width:100%;max-width:none;margin:0;padding:8px 0 42px}@media(max-width:749px){.sgtd.tools-directory.page-width .sgtd__inner{padding:8px 0 32px}}.sgtd.tools-directory.page-width .sgtd__inner{padding-top:40px}@media(max-width:749px){.sgtd.tools-directory.page-width .sgtd__inner{padding-top:40px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sg-tools-directory.css.map */