.tools-pg{width:calc(100% - 44px);max-width:var(--dc-page);margin-inline:auto;padding:30px 0 64px}.tools-head{display:grid;gap:10px}.tools-kicker{display:flex;align-items:center;gap:11px;min-width:0;font:800 var(--type-label)/1 var(--mono);letter-spacing:var(--type-track-label);text-transform:uppercase;color:var(--champ-text)}.tools-kicker:before{content:"";width:17px;height:17px;border-radius:5px;flex:none;background:linear-gradient(145deg,var(--champ),var(--royal));background:linear-gradient(145deg,var(--champ),color-mix(in srgb,var(--royal) 62%,var(--champ)));box-shadow:0 3px 12px -3px var(--champ);box-shadow:0 3px 12px -3px color-mix(in srgb,var(--champ) 55%,transparent)}.tools-kicker:after{content:"";flex:1;height:2px;border-radius:2px;max-width:200px;background:linear-gradient(90deg,var(--champ),transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--champ) 52%,transparent),transparent)}.tools-head h1{margin:0;color:var(--chalk);letter-spacing:-.016em;text-wrap:balance;font:400 clamp(30px,4.8vw,44px)/1.03 var(--display)}.tools-head .hgrad{background:linear-gradient(118deg,#f8ce6b 8%,#e7a93b,#c07f1a 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}html:not(.dark) .tools-head .hgrad{background:linear-gradient(118deg,var(--champ) 8%,var(--champ) 52%,var(--champ) 96%);background:linear-gradient(118deg,color-mix(in srgb,var(--champ) 84%,#fff) 8%,var(--champ) 52%,color-mix(in srgb,var(--champ) 76%,#5a3708) 96%);-webkit-background-clip:text;background-clip:text}.tools-jump{display:flex;gap:7px;overflow-x:auto;margin:16px 0 0;padding:0 0 3px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.tools-jump a{display:inline-flex;align-items:center;flex:none;min-height:36px;padding:0 13px;border:1px solid var(--hair);border-radius:999px;background:var(--booth);color:var(--chalk);font:700 12.5px/1 var(--sans);text-decoration:none;white-space:nowrap}.tools-jump a:hover{border-color:var(--champ);border-color:color-mix(in srgb,var(--champ) 55%,var(--line))}.tools-sections{display:grid;gap:12px;margin-top:18px}.tools-sec{--tools-accent: var(--royal);--tools-ink: color-mix(in srgb, var(--tools-accent) 70%, var(--chalk));display:grid;gap:14px;scroll-margin-top:76px;padding:18px;border:1px solid var(--hair);border-radius:14px;background:var(--booth)}@supports not (color:color-mix(in srgb,red,red)){.tools-sec{--tools-ink:var(--tools-accent)}}.tools-tone-aqua{--tools-accent: #35BDB4}.tools-tone-violet{--tools-accent: #9B86F8}.tools-tone-green{--tools-accent: #4FA7EC}.tools-tone-orange{--tools-accent: #EF9057}.tools-tone-rose{--tools-accent: #E477A8}html:not(.dark) .tools-sec{--tools-ink: color-mix(in srgb, var(--tools-accent) 35%, var(--chalk))}@supports not (color:color-mix(in srgb,red,red)){html:not(.dark) .tools-sec{--tools-ink:var(--chalk)}}.tools-sec-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-width:0}.tools-sec-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(160deg,var(--tools-accent),var(--tools-accent));background:linear-gradient(160deg,color-mix(in srgb,var(--tools-accent) 88%,#fff),color-mix(in srgb,var(--tools-accent) 58%,#0b1020));box-shadow:inset 0 1px #ffffff57,inset 0 -3px 7px #0000003d,0 3px 9px #04081259}.tools-sec-ic img{display:block;width:88%;height:88%}.tools-sec-copy{display:flex;justify-content:space-between;align-items:baseline;gap:4px 18px;flex-wrap:wrap;min-width:0}.tools-sec h2{margin:0;color:var(--chalk);font:400 clamp(19px,2vw,22px)/1.15 var(--display);letter-spacing:-.01em}.tools-blurb{margin:0;color:var(--dim);font:400 13.5px/1.45 var(--sans)}.tools-sec ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tools-sec li{display:grid;min-width:0}.tools-sec li a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:12px 14px;border:1px solid var(--hair);border-radius:12px;background:var(--booth);background:color-mix(in srgb,var(--night) 18%,var(--booth));color:var(--chalk);text-decoration:none;transition:border-color .14s ease,background-color .14s ease}.tools-sec li a:hover{border-color:var(--champ);border-color:color-mix(in srgb,var(--champ) 50%,var(--line));background:var(--booth);background:color-mix(in srgb,var(--tools-accent) 6%,var(--booth))}.tools-mark{display:grid;place-items:center;min-width:40px;height:26px;padding:0 7px;border:1px solid var(--hair);border:1px solid color-mix(in srgb,var(--tools-accent) 42%,var(--hair));border-radius:7px;background:var(--booth-2);background:color-mix(in srgb,var(--tools-accent) 12%,var(--booth-2));color:var(--tools-ink);font:800 var(--type-label)/1 var(--mono);letter-spacing:.04em}.tools-card-copy{display:grid;gap:3px;min-width:0}.tools-card-copy b{color:var(--chalk);font:800 14.5px/1.25 var(--sans)}.tools-card-copy small{color:var(--dim);font:500 12.5px/1.4 var(--sans)}.tools-jump a:focus-visible,.tools-sec li a:focus-visible{outline:2px solid var(--champ);outline-offset:2px}.tools-lede{max-width:66ch;margin:28px auto 0;color:var(--dim);font:500 14px/1.6 var(--sans);text-align:center}@media(max-width:900px){.tools-sec ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.tools-pg{width:calc(100% - 28px);padding:18px 0 46px}.tools-jump{margin-inline:-14px;padding-inline:14px}.tools-sections{gap:9px;margin-top:14px}.tools-sec{gap:12px;padding:15px 12px 12px}.tools-sec-head{row-gap:8px}.tools-sec-copy{display:contents}.tools-sec-head h2{grid-column:2;font-size:20px}.tools-blurb{grid-column:1 / -1}.tools-sec ul{grid-template-columns:minmax(0,1fr);gap:6px}.tools-sec li a{padding:11px 12px}.tools-lede{margin-top:23px;font-size:13px;text-align:left}}@media(max-width:480px){.tools-head{gap:9px}.tools-head h1{font-size:28px;line-height:1.05}}@media(prefers-reduced-motion:reduce){.tools-sec li a{transition:none}}