.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.project-views,.connections-section,.templates-section{padding-top:115px}
.views-shell{border:1px solid #e4e6e3;border-radius:12px;background:#fff;box-shadow:0 10px 40px #26322b06;overflow:hidden}
.views-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:27px 30px 21px}.views-toolbar>div{display:flex;align-items:center;gap:12px}.views-toolbar strong{font-size:19px;letter-spacing:-.4px}.view-page-icon{color:#668a74;font-size:25px}.example-label{color:#aaa;font-size:10px;white-space:nowrap}
.view-tabs{display:flex;gap:8px;border-bottom:1px solid #eceeea;padding:0 28px}.view-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 8px;color:#8a8e87;cursor:pointer;font-size:13px;margin-bottom:-1px;white-space:nowrap}.view-tabs button span{margin-right:4px}.view-tabs button[aria-selected=true]{border-bottom-color:#333;color:#222}.view-tabs button:hover{color:#222;background:#f7f8f5}.view-pane{min-height:286px;overflow:auto;padding:16px 28px 22px}.view-pane[hidden]{display:none!important}.project-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.project-table th{font-size:10px;letter-spacing:.3px;color:#969a94;font-weight:500;padding:10px 12px 15px}.project-table td{border-top:1px solid #eff0ec;padding:19px 12px;font-size:12px}.project-table td:first-child{font-weight:600;width:40%}.project-table td:last-child{color:#898e85;font-size:11px}.row-symbol{color:#aaa;margin-right:10px}.view-status{display:inline-block;font-size:10px;border-radius:4px;padding:4px 7px}.done{background:#eaf2e8;color:#548466}.active{background:#e6f0fa;color:#487998}.waiting{background:#f4eee0;color:#978250}.owner-dot{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;font-size:9px;margin-right:6px}.owner-anna{background:#f2e6dc;color:#a48164}.owner-max{background:#e7ebf2;color:#728198}.owner-katya{background:#ede7f4;color:#9381a7}.views-footnote{display:flex;gap:7px;align-items:center;padding:15px 30px;background:#f7f9f5;border-top:1px solid #edf0e8;color:#7c8977;font-size:10px}
.calendar-label{font-size:11px;color:#90958c;margin:5px 0 18px}.project-calendar{display:grid;grid-template-columns:repeat(5,1fr);min-width:670px;border:1px solid #e9ece6;border-radius:5px;overflow:hidden}.project-calendar>div{padding:14px 10px;min-height:208px;border-right:1px solid #e9ece6}.project-calendar>div:last-child{border:0}.project-calendar>div>span:first-child{font-size:9px;color:#939b8d;display:flex;justify-content:space-between}.project-calendar b{font-size:18px;font-weight:400;color:#4c5546}.calendar-event{font-size:11px;padding:11px 8px;border-radius:4px;margin-top:19px;line-height:1.5}.calendar-event small{display:block;font-size:8px;margin-top:8px;opacity:.65}.quiet-day{font-size:9px;color:#b4b9af;display:block;margin-top:26px}.project-timeline{min-width:580px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#ecefe8 calc(20% - 1px),#ecefe8 20%)}.timeline-axis,.timeline-track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.timeline-axis{font-size:10px;color:#999e94;padding:0 0 14px;background:#fff}.timeline-track{height:45px;align-items:start}.timeline-bar{padding:9px 12px;border-radius:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:9px}
.connections-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px;align-items:center}.connections-layout .feature-copy h2{font-size:43px}.connections-layout .feature-copy p{max-width:390px}.connections-layout .feature-copy>.text-link{display:inline-block;margin-top:25px}.connections-demo{padding:30px 26px;background:#f4f3f9;border:1px solid #eeedf4;border-radius:13px}.connection-tabs{display:flex;justify-content:center;gap:17px;margin-bottom:27px}.connection-tabs button{display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:12px;background:transparent;cursor:pointer;min-width:89px;color:#96929f;font-size:10px;transition:transform .2s,background .2s,box-shadow .2s}.connection-tabs img{width:39px;height:39px;object-fit:contain}.connection-tabs button:hover{transform:translateY(-3px)}.connection-tabs button[aria-selected=true]{border-color:#e3e0eb;background:#fff;color:#35313e;box-shadow:0 5px 14px #3f2d6307}.connection-paper{padding:28px;background:#fff;border:1px solid #e8e5ee;border-radius:8px;min-height:315px;box-shadow:0 6px 17px #32274b04}.connection-category{font-size:8px;font-weight:600;color:#a6a1ae;letter-spacing:1px}.connection-paper h3{font-size:28px;margin-top:19px}.connection-paper>p{font-size:13px;line-height:1.7;color:#88808f;min-height:67px}.connection-sample{display:flex;gap:12px;align-items:center;background:#f8f7fa;border:1px solid #eeeaf4;border-radius:6px;padding:13px 11px;margin:20px 0 23px}.connection-sample-icon{font-size:24px;color:#a08eb8}.connection-sample strong{font-size:10px;display:block;margin-bottom:6px;font-weight:600}.connection-sample div>span{font-size:9px;color:#a7a0b0}.connection-paper .text-link{font-size:11px}
.templates-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:34px}.templates-heading .section-top{margin:0}.templates-heading .section-top p{max-width:590px}.templates-heading>.text-link{white-space:nowrap;margin-bottom:6px;font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.template-card{padding:0;text-align:left;cursor:pointer;border:1px solid #e8e8e1;border-radius:10px;background:white;color:var(--ink);overflow:hidden;transition:transform .25s,box-shadow .25s}.template-card:hover{transform:translateY(-6px);box-shadow:0 14px 35px #201d130b}.template-art{height:240px;position:relative;overflow:hidden;padding:30px}.brief-art{background:#edf2e7}.mini-doc{padding:24px 22px;width:220px;height:247px;background:#fff;border:1px solid #dce3d5;border-radius:4px;transform:rotate(-5deg);box-shadow:0 5px 15px #3b552d05;margin:auto}.mini-doc-symbol{font-size:24px;color:#829271;display:block;margin-bottom:17px}.mini-doc strong{font-size:17px;letter-spacing:-.5px}.mini-doc p{font-size:10px;line-height:1.6;color:#a1a497}.mini-doc-line{height:4px;background:#edeee8;margin:10px 0;border-radius:3px}.mini-doc-line.short{width:70%}.mini-highlight{font-size:7px;background:#f4f6ec;color:#8d986e;padding:8px 7px;margin-top:15px}.template-sticker{position:absolute;right:16px;top:14px;font-size:58px;line-height:1;color:#8da277;transform:rotate(15deg)}.week-art{background:#f3eff8}.mini-planner{background:#fff;border:1px solid #e5dfed;transform:rotate(3deg);border-radius:5px;padding:22px 20px;width:235px;min-height:230px;margin:auto}.mini-planner-title{font-size:16px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:21px}.mini-planner-title>span{color:#bbabd4}.mini-planner>div:not(:first-child){border-top:1px solid #f0edf4;padding-top:13px;margin-top:14px}.mini-planner b{font-size:9px;display:block;margin-bottom:7px;color:#9b8cb0}.mini-planner div>span{font-size:8px;color:#99909f}.mini-check{font-size:12px;color:#a391bb}.reading-art{background:#fbf1e2}.book-shape{position:absolute;width:123px;height:180px;top:43px;border:1px solid #d7c8af;border-radius:2px 7px 7px 2px;box-shadow:4px 5px 0 #d8c6a22b;padding:21px 14px 13px 20px;display:flex;flex-direction:column;justify-content:space-between}.book-shape:before{content:'';position:absolute;top:0;bottom:0;left:7px;width:1px;background:#ffffff60}.book-one{left:38px;background:#d9e3e6;transform:rotate(-12deg);z-index:1;border-color:#bccbd0}.book-one span{font:italic 20px/1.1 Georgia,serif;color:#4f6268}.book-shape i{font-size:7px;font-style:normal;color:#7d847d}.book-two{right:30px;top:27px;background:#dfba86;transform:rotate(12deg)}.book-two span{font:23px Georgia,serif;color:#755d3b}.book-two i{color:#8d7250}.template-caption{padding:24px 23px}.template-caption>span:first-child{font-size:8px;letter-spacing:1px;color:#a4a299;font-weight:600}.template-caption h3{font-size:24px;margin:13px 0 11px;letter-spacing:-.8px}.template-caption p{font-size:13px;line-height:1.65;color:#88877e;margin:0;min-height:64px}.template-action{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:17px;border-top:1px solid #eeeee8;font-size:11px;font-weight:500}.template-action b{font-size:20px;font-weight:400;color:#9e9e93}
.template-dialog{border:1px solid #e3e3dc;border-radius:13px;padding:45px;max-width:650px;width:calc(100% - 40px);max-height:85dvh;color:var(--ink);box-shadow:0 20px 100px #0002}.template-dialog::backdrop{background:#20241f60;backdrop-filter:blur(5px)}.template-dialog[open]{animation:dialog-in .22s ease-out}.dialog-close{position:absolute;right:17px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f4f4f0;font-size:25px;font-weight:400;cursor:pointer;color:#777}.dialog-close:hover{background:#eaeae4}.template-dialog h2{font-size:38px;letter-spacing:-1.5px;margin-bottom:17px;padding-right:15px}.dialog-description{font-size:14px;line-height:1.7;color:#85857d}.template-dialog-content{background:#f8f8f4;border:1px solid #eaeae2;border-radius:7px;padding:22px;margin:24px 0}.template-dialog-content h3{font-size:17px;letter-spacing:-.3px;margin:0 0 9px}.template-dialog-content p{font-size:13px;line-height:1.7;color:#83837a;margin:0 0 19px}.template-dialog-content p:last-child{margin-bottom:0}.template-dialog .button{font-size:13px;min-height:42px}.template-dialog-content label{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.6;margin:14px 0;color:#73746a}.template-dialog-content input{accent-color:#638167;margin-top:4px}.template-dialog-content input:checked+span{text-decoration:line-through;color:#a1a496}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.connections-layout{gap:20px;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}.connections-layout .feature-copy h2{font-size:35px}.connections-demo{padding:23px 19px}.connection-paper{padding:23px}.connection-paper h3{font-size:24px}.template-grid{gap:14px}.template-art{padding:25px 15px;height:220px}.mini-doc{width:190px}.mini-planner{width:205px}.template-caption{padding:20px 17px}.template-caption h3{font-size:21px}.template-caption p{font-size:12px}.book-one{left:17px}.book-two{right:12px}.book-shape{width:105px}.book-one span{font-size:18px}.templates-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.project-views,.connections-section,.templates-section{padding-top:72px}.views-toolbar{padding:21px 18px 12px;align-items:flex-start;flex-direction:column;gap:8px}.views-toolbar strong{font-size:16px}.example-label{padding-left:35px;font-size:9px}.view-tabs{padding:0 12px;gap:3px;overflow:auto}.view-tabs button{font-size:11px;padding:13px 7px}.view-tabs button span{display:none}.view-pane{padding:12px 14px 16px;min-height:295px}.project-table{min-width:620px}.project-table td{padding:19px 10px}.views-footnote{padding:14px 17px;font-size:9px}.project-calendar{min-width:610px}.project-timeline{min-width:550px}.connections-layout{grid-template-columns:1fr;gap:27px}.connections-layout .feature-copy h2{font-size:36px}.connections-demo{padding:23px 20px}.connection-tabs{gap:6px;margin-bottom:21px}.connection-tabs button{min-width:80px;padding:10px}.connection-tabs img{width:33px;height:33px}.connection-paper{padding:24px 21px}.connection-paper h3{font-size:27px}.connection-paper>p{min-height:0}.template-grid{grid-template-columns:1fr;gap:22px}.template-card{max-width:440px;width:100%;justify-self:center}.template-art{height:255px;padding:30px}.mini-doc{width:230px;padding:26px}.mini-planner{width:245px;padding:25px}.mini-doc strong{font-size:19px}.template-sticker{right:30px;top:20px}.book-shape{width:135px;height:190px;top:48px}.book-one{left:calc(50% - 128px)}.book-two{right:calc(50% - 127px);top:28px}.book-one span{font-size:23px}.template-caption{padding:25px}.template-caption h3{font-size:26px}.template-caption p{font-size:14px;min-height:0}.template-action{font-size:12px}.template-dialog{padding:35px 24px;width:calc(100% - 24px)}.template-dialog h2{font-size:31px}.template-dialog-content{padding:19px}.templates-heading{gap:19px;margin-bottom:27px}}
@media(prefers-reduced-motion:reduce){.template-card,.connection-tabs button{transition:none}.template-dialog[open]{animation:none}}

.connection-paper h3{white-space:pre-line}