.tool-hero{--th-mh:440px;padding:clamp(16px,2.4vw,32px) 0 0!important;overflow:visible}.tool-hero .glow{display:none}.tool-hero+.section{padding-top:clamp(40px,4.4vw,64px)!important}.tool-hero+.section .prose>.about-more:first-child{margin-top:0;padding-top:0;border-top:0}.th-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px;border-radius:24px;background:var(--pal-pane);border:1px solid var(--pal-line)}.th-panel{border:1px solid transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--pal-blue) 10%,transparent),transparent 38%) padding-box,linear-gradient(var(--pal-pane),var(--pal-pane)) padding-box,linear-gradient(125deg,color-mix(in srgb,var(--pal-blue) 95%,transparent) 0%,color-mix(in srgb,var(--pal-blue) 18%,transparent) 30%,var(--pal-line) 50%,color-mix(in srgb,var(--pal-accent) 22%,transparent) 72%,color-mix(in srgb,var(--pal-accent) 95%,transparent) 100%) border-box;box-shadow:0 0 0 1px color-mix(in srgb,var(--pal-canvas) 60%,transparent),0 30px 120px -30px color-mix(in srgb,var(--pal-blue) 35%,transparent),0 40px 140px -40px color-mix(in srgb,var(--pal-accent) 22%,transparent)}.th-panel--solo{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto}.th-main{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(20px,2.6vw,40px) clamp(20px,3vw,48px) clamp(20px,2.6vw,40px) clamp(20px,2.4vw,36px)}.tool-hero .post-head{max-width:none;margin:0;text-align:start}.tool-hero .post-head .h1{font-size:clamp(30px,3.1vw,44px);line-height:1.1;font-weight:600;letter-spacing:-.03em;margin:0;color:var(--pal-t1)}.tool-hero .post-head .post-dek{font-size:16px;line-height:24px;margin:14px 0 0;color:var(--pal-t2);max-width:52ch}.tool-hero .jb{margin:28px 0 0;padding:16px;border:1px solid var(--pal-line);border-radius:16px;background:#e2f0f80a}.tool-hero .jb .jb-h{margin:0;font-size:15px;line-height:22px;font-weight:600;color:var(--pal-t1)}.tool-hero .jb .jb-sub{margin:4px 0 14px;font-size:14px;line-height:20px;color:var(--pal-t2)}.tool-hero .jb form{display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px}.tool-hero .jb input{flex:0 0 auto;width:100%;height:52px;padding:0 14px;border-radius:12px;font-size:16px;background:#e2f0f80d;border:1px solid var(--pal-line);color:var(--pal-t1)}.tool-hero .jb input::placeholder{color:var(--pal-t3);opacity:1}.tool-hero .jb input:hover{background:#e2f0f814}.tool-hero .jb input:focus-visible{outline:2px solid var(--pal-focus);outline-offset:1px}.tool-hero .jb .btn-primary{flex:0 0 auto;width:100%;height:52px;justify-content:center;border-radius:12px;font-size:16px;font-weight:600;margin:4px 0 0}.tool-hero .jb p>.btn-primary{display:flex;margin:0}.tool-hero .jb .jb-alt{margin:12px 0 0;font-size:13px;line-height:20px;color:var(--pal-t3)}.tool-hero .jb .jb-alt a{color:var(--pal-accent);text-decoration:underline;text-underline-offset:2px}.th-media{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(16px,2vw,28px);border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--pal-panel) 94%,var(--pal-blue)),var(--pal-panel))}.th-media .lp-ex{margin:0!important}.th-media .lp-ex>h2{margin:0 0 12px;font-size:12px;line-height:18px;font-weight:500;letter-spacing:0;color:var(--pal-t3)}.th-media .fmt-grid{display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:12px;margin:0!important;padding:0;overflow:visible}.th-media .fmt-card{flex:var(--ar,1) 1 0!important;width:auto!important;min-width:0;max-width:calc(var(--th-mh) * var(--ar,1))!important;margin:0!important;border-radius:12px;border-color:var(--pal-line);background:var(--pal-raised);box-shadow:none}.th-media .fmt-card:hover{transform:none;box-shadow:none}.th-media .fmt-card figcaption{padding:8px 10px 10px!important}.th-media .lp-ex>p{text-align:center;margin:12px 0 0!important;color:var(--pal-t3)!important;font-size:13px!important}@media(max-width:960px){.th-panel{grid-template-columns:minmax(0,1fr);border-radius:20px;padding:6px}.th-main{padding:22px 16px 18px}.tool-hero .jb{margin-top:22px;padding:14px}.th-media{padding:14px}.th-media .fmt-grid{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:2px}.th-media .fmt-card{flex:var(--ar,1) 0 0!important;min-width:calc(180px * var(--ar,1));scroll-snap-align:start}}@media(max-width:640px){.tool-hero{padding-top:12px!important}.tool-hero .wrap{padding-inline:12px}.tool-hero .post-head .h1{font-size:30px;line-height:34px}.tool-hero .post-head .post-dek{font-size:15px;line-height:22px;margin-top:10px}}
