.app-illustration{color:#30322f;background:#fdfdfb;border:1px solid #c8cbc5;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;overflow:hidden;box-shadow:0 24px 46px #2627231a,0 3px 8px #2627230f}.window-titlebar{color:#777b74;background:#f5f5f2;border-bottom:1px solid #e1e3de;justify-content:center;align-items:center;height:34px;font-size:10px;display:flex;position:relative}.main-illustration .window-titlebar{justify-content:flex-start;padding-left:48px}.traffic-lights{gap:6px;display:flex;position:absolute;left:13px}.traffic-lights i{background:#c6c9c3;border-radius:50%;width:8px;height:8px}.traffic-lights i:nth-child(2){background:#d5d7d1}.traffic-lights i:nth-child(3){background:#adb7a8}.minimal-illustration{width:min(100%,420px);min-height:376px;margin-left:auto}.minimal-toolbar,.main-toolbar{color:#777b75;border-bottom:1px solid #e4e5e1;align-items:center;font-size:10px;display:grid}.minimal-toolbar{grid-template-columns:1fr auto;gap:12px;height:48px;padding:0 20px}.minimal-toolbar strong,.main-toolbar strong{color:#444743;font-weight:600}.minimal-toolbar>span:last-child{text-align:right}.mock-workspace{padding:30px 32px 34px}.mock-workspace h4{color:#7b7f78;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #dedfdb;margin:0 0 18px;padding-bottom:11px;font-size:11px}.mock-group{color:#7c807a;margin:0 0 8px;font-size:10px}.minimal-illustration .mock-group{padding-left:20px}.mock-group.second{margin-top:14px}.disclosure{color:#555954;width:15px;display:inline-block}.task-row{color:#373a36;grid-template-columns:11px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:24px;font-size:11px;display:grid}.task-row i{border:1px solid #aeb2ab;border-radius:2px;width:10px;height:10px}.task-row.nested{color:#5f635d;padding-left:24px}.task-row em{color:#969a93;font-size:9px;font-style:normal}.task-row.done{color:#81857e;text-decoration:line-through}.task-row.done i{background:#a8b1a0;border-color:#8fa18b;box-shadow:inset 0 0 0 2px #fdfdfb}.main-illustration{width:min(100%,900px);margin-inline:auto}.main-toolbar{grid-template-columns:1fr auto;gap:18px;min-height:50px;padding:0 24px}.main-toolbar>span:last-child{text-align:right}.main-workspace{padding:24px 36px 30px}.mock-section+.mock-section{margin-top:26px}.section-label{color:#82867f;text-transform:uppercase;border-bottom:1px solid #dedfdb;justify-content:space-between;margin-bottom:12px;padding-bottom:9px;font-size:9px;display:flex}.section-label span{color:#989c95;text-transform:none}.main-illustration .mock-group{margin-bottom:3px}.main-illustration .task-row{min-height:21px;font-size:10px}.backlog-row i{border-color:#91a28d;border-radius:50%}.wide-visual figcaption{margin-inline:auto;width:min(100%,900px);margin-top:18px}.secondary-illustration{width:min(100%,390px);min-height:356px;margin-bottom:-1px}.review-illustration{color:#30332f;background:#f7f7f4;border:1px solid #535850;border-radius:9px;min-height:296px;margin-top:34px;font-size:10px;overflow:hidden;box-shadow:0 22px 32px #00000029}.review-toolbar{color:#7f837c;border-bottom:1px solid #dedfda;justify-content:space-between;align-items:center;min-height:42px;padding:0 17px;display:flex}.review-toolbar b{color:#555953;background:#e8e9e5;border-radius:5px;padding:7px 9px;font-weight:500}.review-group{color:#858981;margin:18px 20px 5px;font-size:9px;display:block}.review-task{color:#83947f;align-items:center;gap:8px;min-height:24px;padding:0 20px;display:flex}.review-task span{color:#353834}.archive-illustration{padding:14px}.archive-search{color:#9a9e97;background:#fff;border:1px solid #e0e2dd;border-radius:7px;margin-bottom:13px;padding:9px 12px}.archive-batch{background:#fff;border:1px solid #dfe1dc;border-radius:6px;grid-template-columns:14px 1fr auto;align-items:center;gap:7px;padding:12px 10px;display:grid}.archive-batch+.archive-batch{margin-top:8px}.archive-batch strong{font-size:10px}.archive-batch small{color:#92968f;margin-top:2px;font-size:8px;font-weight:400;display:block}.archive-batch em{color:#8b8f88;font-size:8px;font-style:normal}.archive-batch.expanded{border-radius:6px 6px 0 0}.archive-detail{color:#4b4f49;background:#fff;border:1px solid #dfe1dc;border-top:0;border-radius:0 0 6px 6px;padding:11px 30px 13px}.archive-detail strong{color:#898d86;margin:6px 0 4px;font-size:8px;display:block}.archive-detail div{color:#576554;min-height:18px}.archive-detail .nested{padding-left:16px}@media (width<=680px){.minimal-illustration,.secondary-illustration{width:min(100%,360px);margin-inline:auto}.main-workspace{padding-inline:22px}.review-illustration{min-height:280px}}
