.type-tools-page{position:relative;isolation:isolate;background:var(--type-neutral)}.type-tools-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--type-shadow);opacity:.22;-webkit-mask:url(/assets/shadow-date/tree-shadow-layer.webp) center top / cover no-repeat;mask:url(/assets/shadow-date/tree-shadow-layer.webp) center top / cover no-repeat}.type-tools-page main{padding-top:calc(var(--type-header-height, 72px) + clamp(40px,7vw,80px));padding-bottom:clamp(48px,8vw,96px)}.type-tools-index{width:min(1040px,calc(100% - 48px));margin-inline:auto}.type-tools-index h1{margin:0 0 24px;font:400 clamp(40px,5vw,64px)/1.2 "Libre Baskerville",serif}.type-tools-intro{margin:0 0 40px;font-size:20px;line-height:1.6}.type-tools-card{display:grid;grid-template-columns:minmax(160px,28%) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,36px);padding:clamp(20px,3vw,32px);overflow:hidden;border:1px solid var(--type-line);border-radius:20px;color:var(--type-ink);background:var(--type-paper)}.type-tools-card img{display:block;width:100%;height:auto;border-radius:14px}.type-tools-card-copy{min-width:0}.type-tools-card h2{margin:0 0 16px;font:400 clamp(26px,3vw,34px)/1.35 "Libre Baskerville",serif}.type-tools-card p{margin:0 0 24px;font-size:18px;line-height:1.6}.type-tools-open{display:inline-flex;min-height:44px;align-items:center;font-weight:600}.type-tools-card:focus-visible{outline:2px solid var(--type-ink);outline-offset:4px}.type-tools-card:hover .type-tools-open{color:var(--type-secondary-text)}@media(max-width:600px){.type-tools-card{grid-template-columns:minmax(88px,30%) minmax(0,1fr);align-items:start;gap:16px;padding:16px}.type-tools-card h2{margin-bottom:12px;font-size:clamp(20px,5vw,26px)}.type-tools-card p{margin-bottom:12px;font-size:16px}}.type-tools-card+.type-tools-card{margin-top:32px}