.site-article{padding-bottom:64px}.article-header{padding-top:120px}.article-title-block,.article-reading-body{max-width:680px;margin-inline:auto}.article-title-block{padding-top:48px}.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--site-secondary);font-size:12px;line-height:1.7}.article-title-block h1{font-size:clamp(36px,3.5vw,48px);font-weight:600;line-height:1.14;letter-spacing:-.04em;margin:20px 0 0;text-wrap:pretty}.article-byline{margin-top:24px;font-size:13px}.article-author:hover{color:var(--site-text);text-decoration:underline;text-underline-offset:4px}.article-end-cta{padding-top:40px;margin-top:48px;border-top:1px solid var(--site-line)}.article-body-shell{padding-top:48px}.article-reading-body{position:relative}.article-page .article-prose{color:var(--site-secondary);font-size:17px;line-height:1.85;overflow-wrap:break-word}.article-page .article-prose h2{font-size:30px;font-weight:500;letter-spacing:-.03em;margin-top:52px}.article-page .article-prose h3{font-size:21px;font-weight:500}.article-page .article-prose blockquote{font-size:19px;border-left-color:var(--site-line)}.article-page .article-prose a:hover{text-decoration-color:currentColor}.article-page .article-prose .article-callout{border:0;border-radius:12px;padding:22px 24px;background:var(--site-placeholder)}.article-page .article-prose pre{font-size:14px;line-height:1.7}.article-page .article-prose pre code{white-space:pre}.article-related{max-width:680px;margin-top:64px;border-top:1px solid var(--site-line);padding-top:32px}.article-related h2{font-size:22px;line-height:1.35;font-weight:500;letter-spacing:-.025em}.article-related a:hover{text-decoration:underline;text-underline-offset:4px}.article-reading-cta{display:none;position:absolute;left:calc(100% + 40px);top:0;width:208px;height:100%;pointer-events:none}.article-reading-cta-card{position:sticky;top:clamp(10rem,32vh,18rem);padding:22px 20px;border:1px solid var(--site-line);border-radius:16px;background:var(--site-placeholder);opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1)}.article-cta-title{color:var(--site-text);font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.02em;margin:0}.article-cta-description{color:var(--site-secondary);font-size:14px;line-height:1.7;margin:14px 0 0}.article-reading-cta .site-cta{width:100%;margin-top:20px;gap:12px;padding-inline:14px;font-size:13px}.article-cta-note{color:var(--site-secondary);font-size:12px;text-align:center;margin:12px 0 0}.article-reading-cta[data-visible=true]{pointer-events:auto}.article-reading-cta[data-visible=true] .article-reading-cta-card{opacity:1;transform:none}@media(min-width:1280px){.article-reading-cta{display:block}}@media(max-width:639px){.site-article{padding-bottom:48px}.article-header{padding-top:104px}.article-title-block{padding-top:32px}.article-title-block h1{font-size:34px}.article-body-shell{padding-top:36px}.article-page .article-prose{font-size:16px;line-height:1.8}.article-page .article-prose h2{font-size:26px;margin-top:40px}.article-page .article-prose h3{font-size:20px}.article-page .article-prose blockquote{font-size:17px}.article-page .article-prose .article-callout{padding:18px 20px}.article-related{margin-top:48px;padding-top:28px}}.article-product-figure{width:min(980px,calc(100vw - 48px));margin:36px calc((100% - min(980px,calc(100vw - 48px)))/2);max-width:none}.article-product-demo .article-app{position:relative;width:100%;height:auto;min-height:560px;border-radius:12px;padding:34px 12px 12px;display:grid;grid-template-columns:280px minmax(0,1fr);align-items:stretch;-webkit-user-select:text;-moz-user-select:text;user-select:text;box-shadow:0 0 0 1px color-mix(in srgb,var(--app-ink) 8%,transparent),0 16px 48px -24px #0005}.article-compact .article-app{min-height:350px}.article-product-demo .article-demo-lane{background:var(--frame);border:1px solid var(--border);border-radius:12px 0 0 12px;padding:12px 8px 40px;min-width:0}.article-product-demo .lane-heading{height:35px;margin:0 0 12px;padding-inline:12px;font-weight:500}.article-product-demo .article-lane-add{margin-left:auto}.article-product-demo .task-card{cursor:default;min-height:60px}.article-product-demo .task-title{line-height:22px}.article-product-demo .task-meta:empty{display:none}.article-product-demo .new-task{font-size:14px}.article-product-demo .article-demo-detail{min-width:0;background:var(--surface);border:1px solid var(--border);border-left:0;border-radius:0 12px 12px 0;overflow:hidden;container-type:inline-size}.article-product-demo .note-toolbar{height:48px;padding-inline:16px;gap:6px;overflow:hidden}.article-product-demo .note-toolbar .chip{overflow:hidden;text-overflow:ellipsis;max-width:220px;flex-shrink:1}.article-product-demo .article-editor{padding:40px clamp(24px,6cqi,48px) 64px 64px;color:var(--app-ink)}.article-page .article-product-demo .article-editor-title,.article-product-demo .article-editor-title{font-family:inherit;font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-.015em;margin:0 0 24px;color:var(--app-ink);overflow-wrap:anywhere}.article-page .article-product-demo .article-editor-body,.article-product-demo .article-editor-body{font-family:inherit;font-size:16px;line-height:1.75;color:var(--app-ink);overflow-wrap:anywhere}.article-page .article-product-demo .article-editor-body p,.article-product-demo .article-editor-body p{font-size:inherit;line-height:inherit;margin:0 0 16px;color:inherit}.article-page .article-product-demo .article-editor-body p:last-child,.article-product-demo .article-editor-body p:last-child{margin-bottom:0}.article-page .article-product-demo .article-editor-body .article-editor-placeholder,.article-product-demo .article-editor-body .article-editor-placeholder{color:var(--faint)}.article-page .article-product-demo .article-editor-body strong,.article-product-demo .article-editor-body strong{color:inherit;font-weight:600}.article-page .article-product-demo .article-editor-body ul,.article-product-demo .article-editor-body ul{margin:0 0 16px;padding-left:24px;list-style:disc}.article-page .article-product-demo .article-editor-body li,.article-product-demo .article-editor-body li{margin:4px 0;font-size:inherit;line-height:inherit;color:inherit}.article-page .article-product-demo .article-editor-body h3,.article-product-demo .article-editor-body h3{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:0;margin:24px 0 12px;color:inherit}.article-page .article-product-demo .article-editor-body a,.article-product-demo .article-editor-body a{color:var(--input-ring,#466b8c);text-decoration:underline}.article-product-demo .article-editor-subtask{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:22px;margin-top:24px;padding:10px 8px;border-radius:6px;background:var(--hover)}.article-product-demo .article-editor-subtask .checkbox{margin-top:3px}.article-product-demo .article-editor-ancestor{display:flex;gap:8px;align-items:center;color:var(--faint);font-size:12px;line-height:20px;margin-bottom:20px}.article-product-demo .article-meeting-subtasks{margin-top:24px}.article-product-demo .article-meeting-subtasks .article-editor-subtask{background:transparent;margin-top:4px;padding:8px 0;flex-wrap:wrap}.article-product-demo .article-meeting-subtasks .article-editor-subtask>span:nth-child(2){flex:1;min-width:0}.article-product-figure>figcaption{font-family:inherit;font-size:12px;line-height:1.7;color:var(--site-secondary,#777883);margin-top:14px;text-align:center}.article-tag-demo .article-app{grid-template-columns:184px 220px minmax(0,1fr);padding-left:8px}.article-tag-demo .article-demo-sidebar{min-width:0;padding:0 8px;display:flex;flex-direction:column;color:var(--app-muted)}.article-tag-demo .article-sidebar-bottom{margin-top:auto;padding-top:24px}.article-tag-demo .article-demo-detail{border-left:0;border-radius:0 12px 12px 0}.article-tag-demo .article-demo-tag-list{min-width:0;border:1px solid var(--border);border-radius:12px 0 0 12px;background:var(--frame);overflow:hidden}.article-tag-demo .tag-list-header{padding-inline:16px;gap:8px}.article-tag-demo .tag-list-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-tag-demo .tag-list-header small{font-weight:400;color:var(--faint)}.article-tag-demo .tag-list-header>svg:last-child{margin-left:auto}.article-tag-demo .tag-list-item{cursor:default;font-size:14px;line-height:22px;padding:14px 16px}.article-tag-demo .side-row{overflow:hidden;flex-shrink:0}.article-tag-demo .side-row span:not(.shortcut){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-tag-demo .article-chevron-open{transform:rotate(90deg)}.article-tag-demo .account>svg{transform:rotate(90deg)}@media(max-width:719px){.article-product-figure{width:100%;margin:28px 0}.article-product-demo .article-app{display:block;padding:34px 8px 8px;min-height:0}.article-product-demo .article-demo-lane,.article-product-demo .article-demo-dock,.article-product-demo .article-demo-sidebar,.article-product-demo .article-demo-tag-list{display:none}.article-product-demo .article-demo-detail{border:1px solid var(--border);border-radius:10px}.article-product-demo .article-editor{padding:32px 20px 40px 40px}.article-page .article-product-demo .article-editor-title,.article-product-demo .article-editor-title{font-size:32px}.article-product-demo .article-expand{display:none}.article-product-demo .note-toolbar{padding-inline:12px;gap:4px}.article-product-demo .note-toolbar .chip{max-width:150px;font-size:11px;padding-inline:6px}.article-product-demo .window-bar{left:14px}}