/* Reading layout follows Plane project overviews, with a calm property rail. */
.document-workspace{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:32px;align-items:start}
.plane-document{min-width:0;background:var(--surface);padding:0;border:1px solid var(--line);border-radius:6px}
.document-reading{padding:0 36px 32px}
.document-cover{position:relative;height:148px;border-radius:5px 5px 0 0;overflow:hidden;background:#11394b;color:#fff}
.document-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%}
.document-cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061b32d9,#061b3233)}
.document-cover-identity{position:absolute;left:36px;top:28px;right:140px;display:flex;flex-direction:column;gap:10px;min-width:0}
.document-cover-identity>strong{font-size:28px;line-height:36px;font-weight:600;letter-spacing:normal;overflow-wrap:anywhere}
.document-cover-identity>span{display:flex;align-items:center;gap:9px;font-size:13px;line-height:20px;color:#eef7ff}
.document-cover-identity i{height:3px;width:3px;border-radius:50%;background:#cce1f0;flex:none}
.document-cover .document-cover-change{position:absolute;top:16px;right:16px;min-height:26px;height:26px;padding:3px 8px;gap:5px;background:#fff;color:#262a2e;border-color:#ffffffb3;box-shadow:none;font-size:12px;line-height:18px}
.document-cover .document-cover-change>.icon{width:13px;height:13px}
.document-cover .document-cover-change:hover{background:#f3f4f5;border-color:#fff}
.document-icon.document-brand-icon{position:relative;width:52px;height:52px;margin-top:-26px;margin-bottom:16px;border:3px solid var(--surface);border-radius:7px;background:var(--ui-hover);font-size:26px;font-weight:600;color:var(--text)}
.document-brand>.icon{width:15px;height:15px;margin-right:7px;vertical-align:-2px;color:var(--muted)}
.document-header h2>.icon{display:inline-block;width:25px;height:25px;margin-right:10px;vertical-align:-3px;color:#006399}
.dark .document-header h2>.icon{color:#8cc8e9}
.document-header{padding-bottom:6px}
.document-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:6px;background:var(--ui-hover);color:var(--text);margin-bottom:20px}
.document-icon>.icon{width:25px;height:25px}
.plane-page .document-brand{font-size:15px;line-height:24px;font-weight:500;color:var(--plane-secondary);margin:0 0 10px}
.plane-page .document-header h2{font-size:28px;font-weight:600;line-height:1.4;letter-spacing:normal;margin:0 0 16px;color:var(--text)}
.document-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.report-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:18px;font-weight:400;padding:3px 7px;border-radius:4px;border:1px solid var(--line);background:var(--surface);color:var(--plane-secondary);white-space:nowrap}
.report-tag>.icon{width:13px;height:13px;flex:none}
.report-tag.tag-blue{background:#eef6fb;border-color:#d8eaf6;color:#006399}
.report-tag.tag-teal{background:#edf8f3;border-color:#d5ede3;color:#13745f}
.report-tag.tag-purple{background:#f5f1fb;border-color:#e8def6;color:#6d4aa3}
.report-tag.tag-amber{background:#fff6e9;border-color:#f7e5c8;color:#9b5a12}
.dark .report-tag.tag-blue{background:#172b38;border-color:#294554;color:#a2d5f0}
.dark .report-tag.tag-teal{background:#172c25;border-color:#2a4439;color:#9ed8c2}
.dark .report-tag.tag-purple{background:#292331;border-color:#443851;color:#d1b9ee}
.dark .report-tag.tag-amber{background:#30271b;border-color:#4b3d26;color:#e8c38b}
.document-scope{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.document-scope>div{display:flex;align-items:flex-start;gap:14px;min-width:0}
.document-scope-label{display:inline-flex;align-items:center;gap:7px;flex:none;min-width:86px;padding-top:4px;font-size:12px;color:var(--muted);line-height:20px}
.document-scope-label>.icon{width:14px;height:14px}
.document-platform-chips{display:flex;gap:7px;flex-wrap:wrap;min-width:0}
.report-platform-chip{display:inline-flex;padding:3px 7px;border:1px solid var(--line);border-radius:4px;font-size:12px;line-height:20px;background:var(--surface)}
.report-platform-chip .platform-name{gap:5px}
.report-platform-chip .platform-icon{width:16px;height:16px}
.plane-page .document-intro{font-size:16px;font-weight:400;line-height:1.8;max-width:75ch;color:var(--text);margin:24px 0 0}
.plane-document-body{font-size:16px;line-height:1.8;color:var(--text);overflow-wrap:anywhere}
.plane-document-body :is(p,li){font-size:16px;line-height:1.8;color:var(--text)}
.plane-document-body p{margin:0 0 16px;max-width:75ch}
.plane-document-body :is(h2,h3,h4){display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;line-height:1.5;margin:32px 0 14px}
.plane-document-body h2{font-size:26px}
.plane-document-body h3{font-size:22px}
.plane-document-body h4{font-size:18px}
.plane-document-body :is(h2,h3,h4)>.icon{width:22px;height:22px;color:var(--plane-secondary)}
.plane-document-body strong{font-weight:600}
.plane-document-body :is(ul,ol){margin:12px 0 20px;padding-left:26px}
.plane-document-body ul{list-style:disc}
.plane-document-body ol{list-style:decimal}
.plane-document-body li{padding-left:2px;margin:7px 0}
.plane-document-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.plane-document-body :is(hr,blockquote){border:0;border-top:1px solid var(--line);margin:24px 0}
.plane-document-body blockquote{border:1px solid var(--line);border-radius:4px;padding:12px 16px;background:var(--ui-hover);color:var(--plane-secondary)}
.plane-document-body pre{border:1px solid var(--line);border-radius:5px;background:var(--ui-hover);overflow:auto;padding:16px;font:13px/1.7 ui-monospace,Consolas,monospace;max-width:100%}
.plane-document-body code{font:13px/1.6 ui-monospace,Consolas,monospace;background:var(--ui-hover);padding:2px 4px;border-radius:3px}
.plane-document-body pre code{background:none;padding:0}
.document-section{border-top:1px solid var(--line);padding-top:26px;margin-top:28px;scroll-margin-top:24px}
.document-section>h3{margin:0 0 18px}
.document-section[data-section=summary]>h3>.icon,.document-section[data-section=content]>h3>.icon{color:#006399}
.document-section[data-section=platforms]>h3>.icon,.document-section[data-section=facts]>h3>.icon{color:#21816d}
.document-section[data-section=questions]>h3>.icon,.document-section[data-section=delivery]>h3>.icon{color:#8560b4}
.dark .document-section[data-section]>h3>.icon{color:#a4c4d2}
.document-progress{margin:22px 0 26px;padding:0 0 24px;border-bottom:1px solid var(--line)}
.document-progress>h4{display:flex;align-items:center;gap:7px;font-size:14px;margin:0 0 16px;font-weight:500}
.document-progress>h4>.icon{width:16px;height:16px}
.document-progress-track{display:flex;gap:2px;height:14px;width:100%;border-radius:3px;overflow:hidden}
.document-progress-track>span{min-width:0;border-radius:3px}
.progress-todo{background:#e7eaf0}.progress-doing{background:#9ec8ee}.progress-review{background:#ffc29f}.progress-done{background:#96e4ae}
.document-progress-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.document-progress-legend>div>span{display:flex;align-items:center;gap:7px;font-size:12px;line-height:20px;color:var(--plane-secondary)}
.document-progress-legend i{width:9px;height:9px;border-radius:3px;flex:none}
.document-progress-legend strong{display:block;padding-left:16px;font-size:13px;font-weight:400;margin-top:4px}
.document-progress-legend small{margin-left:10px;font-size:12px;color:var(--muted)}
.document-table{overflow-x:auto;width:100%;margin:16px 0 22px;scrollbar-width:thin}
.document-table>table{border-collapse:collapse;width:100%;min-width:500px;font-size:14px;line-height:1.65}
.document-table :is(th,td){padding:12px 14px;border:1px solid var(--line);text-align:left;vertical-align:top;color:var(--text);font-size:14px;font-weight:400;min-width:80px;overflow-wrap:anywhere}
.document-table th{background:var(--ui-header);font-weight:500;color:var(--plane-secondary)}
.document-table td:first-child{min-width:140px}
.document-table td>small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.document-table .platform-name{white-space:nowrap}
.document-table .platform-icon{width:18px;height:18px}
.document-callout{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--ui-hover);border-radius:5px;margin:22px 0 0}
.document-callout>.icon{width:17px;height:17px;color:var(--muted);margin-top:3px}
.plane-document-body .document-callout p{font-size:13px;line-height:1.75;color:var(--plane-secondary);margin:0}
.document-empty{color:var(--muted)}
.document-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:32px;font-size:12px;line-height:1.7;color:var(--muted)}
.document-properties{position:sticky;top:0;padding:18px 0 0 24px;border-left:1px solid var(--line);font-size:13px;min-width:0}
.document-properties h2{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:500;line-height:22px;color:var(--text);margin:0 0 18px}
.document-properties h2>.icon{width:16px;height:16px}
.document-properties dl{margin:0 0 30px}
.document-properties dl>div{margin-bottom:16px}
.document-properties dt{font-size:12px;color:var(--muted);margin-bottom:5px}
.document-properties dd{font-size:13px;line-height:1.65;color:var(--text);margin:0;overflow-wrap:anywhere}
.document-properties nav{border-top:1px solid var(--line);padding-top:22px}
.document-properties nav>button{display:flex;align-items:center;gap:9px;width:100%;padding:7px 0;background:transparent;color:var(--plane-secondary);font-size:13px;text-align:left;line-height:20px}
.document-properties nav>button:hover{color:var(--text)}
.document-properties nav>button>.icon{width:14px;height:14px}
.document-backup{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}
.document-backup p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 12px}
.workflow-studio .article-preview.plane-document-body{width:100%;max-width:78ch;padding-top:8px}
.workflow-studio .article-preview.plane-document-body h2{font-size:26px;line-height:1.5;margin:32px 0 14px}
.workflow-studio .article-preview.plane-document-body h3{font-size:22px;line-height:1.5;margin:32px 0 14px}
.workflow-studio .article-preview.plane-document-body h4{font-size:18px;line-height:1.5;margin:28px 0 12px}
.article-preview>.document-tags{margin-bottom:24px}
@media(max-width:1100px){.document-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.document-properties{position:static;border:0;border-top:1px solid var(--line);padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.document-properties>h2{grid-column:1/-1}.document-properties nav{border:0;padding:0}.document-backup{grid-column:1/-1;margin-top:0}.document-reading{padding:0 28px 28px}}
@media(max-width:700px){.document-reading{padding:0 18px 24px}.document-cover{height:140px}.document-cover-identity{left:18px;top:48px;right:18px}.document-cover-identity>strong{font-size:24px;line-height:32px}.document-cover-identity>span{font-size:12px;gap:6px}.document-cover .document-cover-change{top:10px;right:10px}.document-scope>div{flex-direction:column;gap:7px}.document-scope-label{padding-top:0}.document-progress-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.plane-page .document-header h2{font-size:24px}.plane-document-body h3,.workflow-studio .article-preview.plane-document-body h3{font-size:20px}.document-properties{grid-template-columns:1fr}.document-properties dl{margin-bottom:20px}.document-properties>h2,.document-backup{grid-column:auto}.document-backup{margin-top:22px}.document-table :is(th,td){padding:10px}.plane-page .document-intro,.plane-document-body :is(p,li){font-size:15px}}