.tool-hub{padding-block:28px 64px}.tool-hub-heading{max-width:720px;margin-bottom:32px}.tool-hub-heading h1{font-size:clamp(28px,4vw,40px);font-weight:600;letter-spacing:-.03em}.tool-hub-heading>p{margin-top:10px;font-size:20px}.tool-hub-heading .tool-hub-privacy{max-width:650px;font-size:14px;line-height:1.7;color:var(--color-lab-fg-muted)}.tool-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-task{display:flex;min-width:0;flex-direction:column;background:var(--color-lab-panel);border-radius:10px}.tool-task-main{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:16px;padding:26px 28px 16px;border-radius:10px}.tool-task-heading{display:flex;align-items:flex-start;gap:12px}.tool-task-heading>svg{flex-shrink:0;margin-top:3px;color:var(--color-lab-fg-muted)}.tool-task h2{font-size:20px;font-weight:550;letter-spacing:-.02em;line-height:1.4}.tool-task-main>p{max-width:48ch;font-size:14px;line-height:1.7;color:var(--color-lab-fg-muted)}.tool-task-main>.tool-task-note{font-size:12px}.tool-task-open{display:inline-flex;min-height:32px;align-items:center;gap:8px;margin-top:auto;color:var(--color-lab-text-link);font-size:13px;font-weight:600}.tool-task-main:hover .tool-task-open{text-decoration:underline;text-underline-offset:4px}.tool-task-learning{padding:0 28px 22px;font-size:12px;line-height:1.7;color:var(--color-lab-fg-muted)}.tool-task-learning a{display:inline-block;padding-block:4px;border-radius:3px;text-decoration:underline;text-underline-offset:3px}.tool-task-learning a:hover{color:var(--color-lab-text-link)}.tool-hub-workflow{margin-top:36px;padding-block:24px;border-block:1px solid var(--color-lab-border)}.tool-hub-workflow h2,.tool-hub-utilities h2{font-size:18px;font-weight:550}.tool-hub-workflow nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:10px}.tool-hub-workflow nav>span{display:inline-flex;align-items:center;gap:16px}.tool-hub-workflow nav svg{color:var(--color-lab-fg-muted)}.tool-hub-workflow a{display:inline-flex;min-height:40px;align-items:center;border-radius:4px;font-size:13px;color:var(--color-lab-text-link)}.tool-hub-workflow a:hover{text-decoration:underline;text-underline-offset:4px}.tool-hub-workflow>p,.tool-hub-utilities>p{max-width:70ch;margin-top:8px;color:var(--color-lab-fg-muted);font-size:13px;line-height:1.7}.tool-hub-utilities{margin-top:32px}.tool-hub-utilities ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin-top:16px}.tool-hub-utilities a{display:flex;min-height:88px;align-items:center;gap:14px;padding-block:16px;border-bottom:1px solid var(--color-lab-border)}.tool-hub-utilities a>svg{flex-shrink:0;color:var(--color-lab-fg-muted)}.tool-hub-utilities a>span{flex:1;min-width:0}.tool-hub-utilities strong{display:block;font-size:13px;font-weight:550}.tool-hub-utilities a>span>span{display:block;margin-top:5px;font-size:12px;color:var(--color-lab-fg-muted)}.tool-hub-utilities a:hover strong{color:var(--color-lab-text-link)}@media(max-width:639px){.tool-hub{padding-top:20px}.tool-hub-heading{margin-bottom:24px}.tool-hub-heading>p{font-size:18px}.tool-task-grid{grid-template-columns:minmax(0,1fr);gap:0}.tool-task{border-radius:0;background:transparent;border-top:1px solid var(--color-lab-border)}.tool-task-main{padding:22px 0 8px;gap:12px}.tool-task h2{font-size:18px}.tool-task-learning{padding:0 0 18px}.tool-task-learning a{min-height:36px;padding-block:8px}.tool-hub-workflow{margin-top:12px}.tool-hub-workflow nav{flex-direction:column;align-items:flex-start;gap:0}.tool-hub-workflow nav>span:first-child{padding-left:32px}.tool-hub-utilities ul{grid-template-columns:minmax(0,1fr)}}
