/* Small interaction surfaces added for the local preview workflows. */
.admin-dialog{width:min(480px,calc(100vw - 28px));max-height:min(80vh,720px);padding:0;border:1px solid #dfe5ed;border-radius:12px;background:#fff;color:#253246;box-shadow:0 20px 70px #1c2a3d3b}.admin-dialog::backdrop{background:#19263866;backdrop-filter:blur(2px)}.admin-dialog form{padding:20px}.admin-dialog header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.admin-dialog header small{font-size:9px;font-weight:750;letter-spacing:.13em;color:#7e8a9a}.admin-dialog header h2{font-size:18px;margin:5px 0 0}.admin-dialog p{font-size:11px;line-height:1.5;color:#7c8999;margin:7px 0 14px}.admin-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-x{border:0;background:transparent;color:#7b8796;font-size:23px}.dialog-field{display:flex;flex-direction:column;gap:6px;margin:13px 0;font-size:11px;font-weight:650;color:#596679}.dialog-field select{height:38px;border:1px solid #dfe5ed;border-radius:7px;background:#fff;padding:0 10px;color:#344257;font-size:11px}.chapter-dialog{width:min(680px,calc(100vw - 28px))}.chapter-dialog form{padding:19px}.chapter-dialog ol{list-style:none;margin:12px 0;padding:0;max-height:48vh;overflow:auto;border:1px solid #e6eaf0;border-radius:8px}.chapter-dialog li{min-height:48px;display:flex;align-items:center;gap:8px;padding:7px 9px;border-bottom:1px solid #edf0f4}.chapter-dialog li:last-child{border-bottom:0}.chapter-index{width:27px;height:27px;border-radius:6px;display:grid;place-items:center;background:#edf2ff;color:#4769c4;font-size:10px;font-weight:750;flex:none}.chapter-name{flex:1;min-width:0;color:#465367;font-size:11px;line-height:1.35}.chapter-dialog li button{height:27px;width:28px;border:1px solid #e1e6ed;border-radius:5px;background:#fff;color:#647184}.chapter-dialog li button:hover:not(:disabled){background:#eef3ff;color:#3167c2}.chapter-dialog li button:disabled{opacity:.35;cursor:default}.chapter-empty{color:#8a95a3;font-size:11px;justify-content:center}.chapter-field small{font-size:10px;font-weight:400;color:#8793a2}.chapter-field[hidden]{display:none!important}.series-actions button svg{width:15px;height:15px}body.dark .admin-dialog{background:#1b2637;border-color:#36465b;color:#e3e9f1}body.dark .admin-dialog p,body.dark .admin-dialog header small,body.dark .chapter-name{color:#aab6c5}body.dark .dialog-field select,body.dark .chapter-dialog li button{background:#202c3e;border-color:#3a4a5e;color:#d7e0eb}body.dark .chapter-dialog ol,body.dark .chapter-dialog li{border-color:#344153}body.dark .chapter-index{background:#283754;color:#aec3ff}

.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.workflow-steps article{display:flex;align-items:center;gap:12px;padding:15px 17px;background:#fff;border:1px solid #e4e9ef;border-radius:10px}.workflow-steps article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf3ff;color:#2867d8;font-size:11px;font-weight:800}.workflow-steps article div{display:grid;gap:3px}.workflow-steps b{font-size:12px;color:#243248}.workflow-steps small,.integration-panel p,.link-metrics p,.integration-hint,.field-help{color:#7d8998;font-size:10px}.integration-panel{padding:16px;margin-bottom:16px}.integration-panel .panel-heading{align-items:center}.integration-panel .panel-heading p{margin:5px 0 0}.integration-state{padding:6px 10px;border-radius:20px;background:#fff3df;color:#a86a0b;font-size:10px;font-weight:700}.integration-state.connected{background:#e4f8f1;color:#108360}.integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 13px;margin-top:8px}.integration-grid .form-label{margin:8px 0}.integration-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:12px;border-top:1px solid #edf0f4}.integration-footer small{color:#7f8996;font-size:10px;line-height:1.6}.integration-footer code{padding:2px 4px;border-radius:4px;background:#f1f4f8;color:#41536b}.integration-footer .button-row{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex-shrink:0}.link-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,.7fr);gap:16px;margin-bottom:16px}.link-builder,.link-metrics{padding:16px}.link-builder .panel-heading{margin-bottom:10px}.link-builder .form-label{margin:10px 0}.link-builder-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.link-builder-row .button{margin-bottom:10px;height:39px}.short-link-result{display:flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid #e1e7ee;border-radius:8px;background:#f8fafc;color:#536275;font-size:11px;overflow-wrap:anywhere}.short-link-result span{display:grid;gap:4px}.short-link-result small{color:#8591a0;font-size:10px}.link-builder-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.integration-hint{line-height:1.5;margin:10px 0 0}.link-metrics h2{font-size:13px;margin:1px 0 15px}.link-metrics>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0f4;color:#687689;font-size:11px}.link-metrics>div b{color:#28374e;font-size:15px}.link-metrics p{line-height:1.5;margin:12px 0 0}.short-links-table{overflow:hidden}.short-links-table .table-title{display:flex;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #edf0f4}.short-links-table .table-title h2{font-size:13px;margin:0 0 4px}.short-links-table .table-title p{font-size:10px;color:#8691a0;margin:0}.link-destination{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#748196;font-size:10px}.link-status{display:inline-block;padding:5px 8px;border-radius:15px;background:#fff3df;color:#a66b11;font-size:9px;font-weight:700;white-space:nowrap}.link-status.is-active{background:#e4f8f1;color:#108360}.publish-note{padding:10px;border-radius:7px;background:#f5f8fc;color:#7a8797;font-size:10px;line-height:1.5;margin-top:12px}.field-help{font-weight:400}
@media(max-width:1100px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.link-workspace{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:700px){.mobile-nav{overflow-x:auto;white-space:nowrap}.mobile-nav button{flex:none;padding:0 11px}.workflow-steps{grid-template-columns:1fr;gap:7px}.workflow-steps article{padding:10px 12px}.integration-grid{grid-template-columns:1fr;gap:0}.integration-footer{align-items:stretch;flex-direction:column}.link-workspace{grid-template-columns:1fr}.link-builder-row{grid-template-columns:1fr}.link-builder-row .button{margin:0}.link-builder-actions .button{flex:1}.link-destination{max-width:145px}.short-links-table .table-title{padding:12px}.integration-state{align-self:flex-start}}

.link-builder-actions #copySocialLink{background:#f2f7ff;color:#285fbd;border-color:#d5e3fb}

.media-workbench{margin:12px 0;padding:14px;border:1px solid #cbd9fb;border-radius:9px;background:#f8faff}.media-workbench[hidden]{display:none!important}.media-workbench-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.media-workbench-head>div{display:grid;gap:4px}.media-workbench-head b{font-size:13px;color:#273a5b}.media-workbench-head small,.media-tool-note{font-size:10px;color:#738199}.media-close{width:30px;height:30px;border:1px solid #e0e6ef;border-radius:6px;background:#fff;color:#637189;font-size:20px}.media-workbench textarea{width:100%;resize:vertical;padding:10px;border:1px solid #dce3ee;border-radius:7px;background:#fff;color:#263448;font:12px/1.55 inherit}.media-workbench .form-label{display:block;margin:9px 0;font-size:11px}.media-tool-actions,.youtube-tool-grid{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0}.youtube-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.media-tool-divider{border:0;border-top:1px solid #e3e9f3;margin:13px 0}.media-tool-note{line-height:1.5;margin:8px 0 0}.direct-video-field{max-width:620px}body.dark .media-workbench{background:#1c293c;border-color:#3b4d69}body.dark .media-workbench-head b{color:#e1e9f5}body.dark .media-workbench textarea{background:#202c3e;border-color:#3a4a5e;color:#e0e8f2}@media(max-width:600px){.youtube-tool-grid{grid-template-columns:1fr}.media-tool-actions .button,.youtube-tool-grid .button{flex:1}}

.article-workflow-bar{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(200px,1fr) minmax(300px,1.6fr);align-items:center;gap:18px;margin:0 0 16px;padding:14px 16px;border:1px solid #dce5f5;border-radius:10px;background:linear-gradient(120deg,#f8fbff,#fff)}.article-goal-copy{display:grid;gap:4px}.article-goal-copy b{font-size:12px;color:#263a58}.article-goal-copy small,.article-progress-label{font-size:10px;color:#7b899b;line-height:1.5}.article-progress-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.article-progress-track{height:7px;border-radius:8px;background:#e7edf6;overflow:hidden}.article-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5f85e8,#28b78b);transition:width .2s}.article-quick-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.article-quick-actions .form-input{width:auto;min-width:135px;margin:0}.article-quick-actions .button{white-space:nowrap}.editor-status{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.seo-checklist{display:grid;gap:7px;margin:12px 0;padding:12px;border:1px solid #e6ebf2;border-radius:8px;background:#f9fbfd}.seo-checklist b{font-size:11px;color:#35455d;margin-bottom:2px}.seo-checklist span{font-size:10px;color:#8a95a4}.seo-checklist span::before{content:"○";display:inline-block;width:18px;color:#9aa5b4;font-weight:800}.seo-checklist span.done{color:#148263}.seo-checklist span.done::before{content:"✓";color:#148263}.article-ad-slot{display:grid;place-items:center;gap:5px;min-height:94px;margin:20px auto;padding:14px;border:1px dashed #a8b7cd;border-radius:7px;background:repeating-linear-gradient(135deg,#f8fafc,#f8fafc 8px,#f1f4f8 8px,#f1f4f8 16px);color:#66768a;text-align:center}.article-ad-slot span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.article-ad-slot small{font-size:10px;color:#8b97a6}.article-preview-dialog{width:min(920px,calc(100vw - 28px));max-width:none;max-height:90vh;padding:0;border:1px solid #dce3ed;border-radius:12px;background:#f3f5f8;color:#28364a;box-shadow:0 20px 70px #1c2a3d44}.article-preview-dialog::backdrop{background:#17233888;backdrop-filter:blur(2px)}.article-preview-dialog form{max-height:90vh;overflow:auto}.article-preview-dialog header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 20px;background:#fff;border-bottom:1px solid #e6eaf0}.article-preview-dialog header small{font-size:9px;letter-spacing:.12em;color:#7c8aa0;font-weight:750}.article-preview-dialog header h2{margin:5px 0 0;font-size:16px}.article-preview-page{max-width:740px;margin:22px auto;padding:30px 40px;background:#fff;box-shadow:0 4px 22px #28374e12}.article-preview-page h1{font-size:34px;line-height:1.2;color:#202c3f;margin:16px 0}.article-preview-page h2{font-size:23px;line-height:1.3;color:#273950;margin:30px 0 12px}.article-preview-meta{font-size:11px;color:#8190a2}.article-preview-excerpt{font-size:17px;line-height:1.6;color:#64738a}.article-preview-content{font:16px/1.8 Georgia,serif;color:#39485b}.article-preview-content p{margin:0 0 18px}.article-preview-content img{max-width:100%;height:auto}.article-preview-content iframe,.article-preview-content video{display:block;max-width:100%;width:min(100%,560px);aspect-ratio:16/9;height:auto;margin:22px 0}.article-preview-content .article-ad-slot{font:normal 10px/1.4 Inter,system-ui,sans-serif}.article-preview-hero{display:block;max-width:100%;width:100%;max-height:380px;object-fit:cover}.article-preview-content a{color:#2a62c4}body.dark .article-workflow-bar{background:#1c293c;border-color:#394a62}body.dark .article-goal-copy b{color:#e2eaf5}body.dark .article-progress-track{background:#344258}body.dark .seo-checklist{background:#202c3e;border-color:#3a4a5e}body.dark .seo-checklist b{color:#e0e8f2}body.dark .article-ad-slot{background:repeating-linear-gradient(135deg,#202c3e,#202c3e 8px,#26344a 8px,#26344a 16px);border-color:#53647d;color:#c1cddd}body.dark .article-preview-dialog{background:#1b2637;color:#e3e9f1}body.dark .article-preview-dialog header,body.dark .article-preview-page{background:#202c3e;border-color:#3a4a5e}body.dark .article-preview-page h1,body.dark .article-preview-page h2{color:#e0e8f2}body.dark .article-preview-content{color:#ccd6e4}@media(max-width:1000px){.article-workflow-bar{grid-template-columns:1fr 1fr}.article-quick-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:650px){.article-workflow-bar{grid-template-columns:1fr;gap:11px;padding:12px}.article-quick-actions{grid-column:auto}.article-quick-actions .button{flex:1}.article-preview-page{padding:22px 17px;margin:10px}.article-preview-page h1{font-size:27px}.article-preview-page h2{font-size:20px}}

.featured-image-preview{display:block;width:min(100%,360px);max-height:220px;object-fit:cover;border-radius:7px;border:1px solid #dfe6ef}.image-upload #removeFeaturedImage{color:#8e4e54;background:#fff}.article-workflow-bar button,.article-workflow-bar select{min-height:34px}body.dark .featured-image-preview{border-color:#3a4a5e}body.dark .image-upload #removeFeaturedImage{background:#202c3e;color:#e0b7ba}

.target-word-label{display:grid;grid-template-columns:1fr 104px;align-items:center;gap:8px;margin-top:8px;color:#6d7b8f;font-size:10px}.target-word-label .form-input{height:32px;margin:0;padding:0 8px}.target-word-label small{grid-column:1/-1;color:#8995a4;font-size:9px}.outline-builder{margin:-5px 0 16px;padding:15px;border:1px solid #cbd9fb;border-radius:10px;background:#f8faff}.outline-builder[hidden]{display:none!important}.outline-builder-tools{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:10px 0}.outline-builder-tools .form-label{margin:0;min-width:220px;flex:1}.outline-builder-tools .button{height:36px}.outline-builder textarea{display:block;width:100%;resize:vertical;padding:10px;border:1px solid #dce3ee;border-radius:7px;background:#fff;color:#263448;font:12px/1.65 inherit}.outline-builder-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}.outline-builder-footer>small{font-size:10px;color:#738199}.outline-builder-footer label{display:flex;align-items:center;gap:5px;font-size:10px;color:#68768a}.source-insert-button{margin-top:6px}.article-workflow-bar .article-goal-copy{grid-template-columns:1fr}.article-workflow-bar .article-goal-copy>b,.article-workflow-bar .article-goal-copy>small{grid-column:1/-1}body.dark .outline-builder{background:#1c293c;border-color:#3b4d69}body.dark .outline-builder textarea{background:#202c3e;border-color:#3a4a5e;color:#e0e8f2}body.dark .target-word-label{color:#b9c5d3}body.dark .outline-builder-footer>small,body.dark .outline-builder-footer label{color:#aab6c5}@media(max-width:760px){.outline-builder-tools{align-items:stretch}.outline-builder-tools .form-label{min-width:100%}.outline-builder-tools .button{flex:1}.outline-builder-footer{align-items:stretch;flex-direction:column}.outline-builder-footer .button{width:100%}}
.role-preview-control{display:flex;align-items:center;gap:7px;color:#718096;font-size:10px;font-weight:700}.role-preview-control select{height:32px;padding:0 9px;border:1px solid #dbe3ee;border-radius:7px;background:#fff;color:#34445b;font-size:11px}.permission-preview-note{display:grid;gap:5px;margin:0 0 15px;padding:13px 15px;border:1px solid #f2d89b;border-radius:9px;background:#fff9e9;color:#7b5c1b;font-size:11px;line-height:1.5}.permission-preview-note b{font-size:12px}.access-grid{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.7fr);gap:15px;margin-bottom:15px}.access-form-panel,.access-members-panel,.permission-matrix-panel{padding:16px}.access-form-panel h2,.permission-matrix-panel h2,.access-members-panel h2{margin:0 0 6px;font-size:14px}.access-form-panel>p,.permission-matrix-panel>p,.access-members-panel .panel-heading p{margin:0 0 12px;color:#7d8998;font-size:10px;line-height:1.5}.access-form-panel form{display:grid;gap:9px}.access-form-panel .form-label{margin:0}.access-members-panel .panel-heading{margin-bottom:8px}.access-members-panel .data-table select{min-width:92px;height:30px;padding:0 6px}.member-remove{height:29px;padding:0 8px;color:#9a4a52}.permission-matrix-panel{margin-bottom:16px}.permission-matrix td:not(:first-child),.permission-matrix th:not(:first-child){text-align:center}.permission-matrix td:nth-child(2){color:#15805f;font-weight:700}.permission-matrix td:nth-child(3){color:#7c8796}.permission-matrix-panel>small{display:block;margin-top:10px;color:#8792a0;font-size:10px}.status-badge{display:inline-block;padding:5px 8px;border-radius:14px;background:#eef2f6;color:#687587;font-size:10px;font-weight:700}body.dark .role-preview-control,body.dark .permission-preview-note{color:#d2bc82}body.dark .role-preview-control select{background:#202c3e;border-color:#3a4a5e;color:#e0e8f2}body.dark .permission-preview-note{background:#302b20;border-color:#6a5731}body.dark .access-form-panel h2,body.dark .permission-matrix-panel h2,body.dark .access-members-panel h2{color:#e0e8f2}body.dark .access-form-panel>p,body.dark .permission-matrix-panel>p,body.dark .access-members-panel .panel-heading p,body.dark .permission-matrix-panel>small{color:#aab6c5}body.dark .status-badge{background:#303d50;color:#d5deea}@media(max-width:900px){.access-grid{grid-template-columns:1fr}}@media(max-width:650px){.topbar-actions{gap:8px}.role-preview-control{font-size:9px}.role-preview-control select{height:29px;padding:0 5px}.access-form-panel,.access-members-panel,.permission-matrix-panel{padding:12px}}

.page-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.page-heading-actions input[type=file]{display:none}@media(max-width:700px){.page-heading-actions{width:100%;justify-content:flex-start}.page-heading-actions .button{flex:1}}

.media-section-title{display:grid;gap:4px;margin:4px 0 8px}.media-section-title b{font-size:12px;color:#273a5b}.media-section-title small{font-size:10px;color:#738199}.article-image-preview{display:block;width:min(100%,440px);max-height:260px;object-fit:contain;margin:8px 0;border:1px solid #dfe6ef;border-radius:7px;background:#fff}.article-image-preview[hidden]{display:none!important}.article-image img{max-width:100%;height:auto}.article-image figcaption{margin-top:5px;color:#718096;font-size:.9em}body.dark .media-section-title b{color:#e1e9f5}body.dark .media-section-title small{color:#aab6c5}body.dark .article-image-preview{border-color:#3a4a5e;background:#202c3e}

.article-batch-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0}.article-batch-thumb{min-width:0;margin:0;padding:6px;border:1px solid #dfe6ef;border-radius:7px;background:#fff}.article-batch-thumb img{display:block;width:100%;height:76px;object-fit:cover;border-radius:4px}.article-batch-thumb figcaption{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:5px;color:#718096;font-size:9px;overflow-wrap:anywhere}.article-batch-thumb button{flex:none;padding:2px 5px;border:1px solid #dce3ee;border-radius:4px;background:#fff;color:#8e4e54;font-size:9px}.media-workbench button:disabled{opacity:.55;cursor:not-allowed}body.dark .article-batch-thumb{background:#202c3e;border-color:#3a4a5e}body.dark .article-batch-thumb figcaption{color:#aab6c5}body.dark .article-batch-thumb button{background:#1c293c;border-color:#3a4a5e;color:#e0b7ba}@media(max-width:600px){.article-batch-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}

.youtube-link-card{margin:16px 0;padding:12px 16px;border:1px solid #d7e2f2;border-radius:9px;background:#f4f8ff;text-align:center}.youtube-link-card a{color:#1758a6;font-weight:700;text-decoration:none}.youtube-link-card a:hover{text-decoration:underline}body.dark .youtube-link-card{background:#202c3e;border-color:#3a4a5e}body.dark .youtube-link-card a{color:#93bcff}

.editor-history-button{width:28px;min-width:28px;height:28px;border:1px solid #dce3ee;border-radius:5px;background:#fff;color:#485b75;font-size:18px;line-height:1}.editor-history-button:disabled{opacity:.4;cursor:not-allowed}.youtube-thumbnail-preview-link{display:grid;grid-template-columns:minmax(120px,240px) auto;align-items:center;gap:10px;width:max-content;max-width:100%;margin:8px 0 12px;padding:7px;border:1px solid #dbe4f2;border-radius:8px;background:#fff;color:#52637b;text-decoration:none;font-size:10px}.youtube-thumbnail-preview-link[hidden]{display:none!important}.youtube-thumbnail-preview-link img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.article-video-thumbnail{max-width:560px;margin:16px 0}.article-video-thumbnail img{display:block;width:100%;height:auto}.article-video-thumbnail figcaption{margin-top:6px}body.dark .editor-history-button,body.dark .youtube-thumbnail-preview-link{background:#202c3e;border-color:#3a4a5e;color:#d5deea}

.editor-toolbar .alignment-button{width:25px;min-width:25px;padding:0;font-weight:700;text-align:center}.editor-toolbar select[data-font-size]{width:76px}.editor-toolbar select[data-line-spacing]{width:96px;max-width:96px}.editor-toolbar .alignment-button:hover{border-color:#cbd8ed;background:#eef4ff}body.dark .editor-toolbar .alignment-button:hover{border-color:#52647e;background:#293950}

.article-video-link-card{width:min(100%,560px);margin:18px auto;padding:9px;border:1px solid #dbe4f2;border-radius:10px;background:#fff;text-align:center}.article-video-link-card .auto-video-thumb{display:block;overflow:hidden;border-radius:7px}.article-video-link-card .auto-video-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.article-video-link-card figcaption{padding:8px 4px 2px}.article-video-link-card figcaption a{color:#185baa;font-weight:700;text-decoration:none}.article-video-link-card figcaption a:hover{text-decoration:underline}.article-video .auto-video-thumb{display:block;max-width:560px;margin:0 auto 8px}.article-video .auto-video-thumb img{display:block;width:100%;height:auto}body.dark .article-video-link-card{background:#202c3e;border-color:#3a4a5e}body.dark .article-video-link-card figcaption a{color:#93bcff}

.rich-editor{position:relative;overflow:visible}.editor-menubar{display:flex;align-items:center;gap:3px;min-height:34px;padding:3px 8px;border:1px solid #e2e7ef;border-bottom:0;border-radius:8px 8px 0 0;background:#fff;overflow:visible}.editor-menu-group{position:relative}.editor-menu-trigger{height:26px;padding:0 7px;border:1px solid transparent;border-radius:4px;background:transparent;color:#31415a;font:inherit;font-size:11px;cursor:pointer}.editor-menu-trigger:hover,.editor-menu-trigger.open{border-color:#c5d7fb;background:#edf4ff;color:#175ac0}.editor-menu-panel{position:absolute;z-index:50;top:calc(100% + 3px);left:0;display:grid;min-width:205px;padding:5px;border:1px solid #d9e1ee;border-radius:7px;background:#fff;box-shadow:0 10px 28px #1b2b451c}.editor-menu-panel[hidden]{display:none!important}.editor-menu-panel button{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:31px;padding:5px 9px;border:0;border-radius:4px;background:transparent;color:#31415a;text-align:left;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.editor-menu-panel button:hover{background:#edf4ff;color:#1558bd}.editor-menu-panel kbd{color:#8491a3;font:10px inherit}.editor-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:7px 8px;border:1px solid #e2e7ef;border-bottom:0;background:#fbfcfe}.editor-toolbar>button{display:inline-flex;justify-content:center;align-items:center;min-width:28px;height:29px;padding:0 6px;border:1px solid transparent;border-radius:4px;background:transparent;color:#33445d;font-size:13px;cursor:pointer}.editor-toolbar>button:hover{border-color:#cbd8ed;background:#eef4ff;color:#1859bb}.editor-toolbar>button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.editor-toolbar>.toolbar-separator{flex:0 0 1px;width:1px;height:19px;margin:0 3px;background:#dce3ed}.editor-toolbar select{height:29px;padding:0 7px;border:1px solid #e0e5ec;border-radius:4px;background:#fff;color:#34445b;font:inherit;font-size:11px}.editor-canvas{min-height:245px}.editor-source-view{display:block;width:100%;min-height:245px;resize:vertical;padding:12px;border:1px solid #e2e7ef;border-radius:0 0 7px 7px;background:#fff;color:#28374e;font:12px/1.55 Consolas,monospace;tab-size:2}.editor-source-view[hidden]{display:none!important}.editor-canvas.visual-aids{background-image:linear-gradient(90deg,#f6f9ff 1px,transparent 1px),linear-gradient(#f6f9ff 1px,transparent 1px);background-size:20px 20px}.editor-canvas.show-blocks p,.editor-canvas.show-blocks h1,.editor-canvas.show-blocks h2,.editor-canvas.show-blocks h3,.editor-canvas.show-blocks blockquote,.editor-canvas.show-blocks ul,.editor-canvas.show-blocks ol{outline:1px dashed #9cb7e8;outline-offset:2px}.article-table{width:min(100%,720px);border-collapse:collapse;margin:16px 0}.article-table td,.article-table th{min-width:70px;padding:8px;border:1px solid #bdc9d9}.article-table td:focus,.article-table th:focus{outline:2px solid #3981f6;outline-offset:-2px}body.dark .editor-menubar,body.dark .editor-menu-panel,body.dark .editor-toolbar,body.dark .editor-toolbar select,body.dark .editor-source-view{background:#202c3e;border-color:#3a4a5e;color:#e0e8f2}body.dark .editor-menu-trigger,body.dark .editor-menu-panel button,body.dark .editor-toolbar>button{color:#d5deea}body.dark .editor-menu-panel button:hover,body.dark .editor-menu-trigger:hover,body.dark .editor-menu-trigger.open,body.dark .editor-toolbar>button:hover{background:#293950;color:#a9c4ff}body.dark .editor-toolbar>.toolbar-separator{background:#43536a}body.dark .article-table td,body.dark .article-table th{border-color:#59687e}@media(max-width:640px){.editor-menubar{gap:0;padding:3px;flex-wrap:wrap}.editor-menu-trigger{padding:0 5px;font-size:10px}.editor-toolbar{gap:3px;padding:6px}.editor-toolbar select{max-width:108px}.editor-menu-panel{min-width:180px}}

/* Keep the editor tools in view while long copy scrolls inside the editing surface. */
.rich-editor{display:block;max-height:min(76vh,860px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-gutter:stable;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#aebbd0 #f2f5f9}.editor-menubar{position:sticky;top:0;z-index:7}.editor-toolbar{position:sticky;top:34px;z-index:6}.editor-canvas{min-height:245px;overflow:visible;overflow-wrap:anywhere;scroll-margin-block:80px}.editor-canvas[hidden]{display:none!important}.editor-source-view{height:62vh;min-height:320px;max-height:calc(76vh - 100px);resize:vertical;scrollbar-width:thin}.editor-status{position:sticky;bottom:0;z-index:5;background:#fff}.rich-editor:fullscreen{width:100%;height:100vh;max-height:100vh;border-radius:0;background:#fff}.rich-editor:fullscreen .editor-canvas{min-height:calc(100vh - 105px)}.rich-editor:fullscreen .editor-source-view{height:calc(100vh - 110px);max-height:none}body.dark .rich-editor{scrollbar-color:#52647e #202c3e}body.dark .editor-status{background:#202c3e}@media(max-width:640px){.rich-editor{max-height:72vh}.editor-toolbar{top:34px}.editor-source-view{height:55vh;min-height:280px;max-height:calc(72vh - 100px)}.rich-editor:fullscreen{max-height:100vh}.editor-menubar{top:0}}

/* Compact authoring view: keep the everyday actions visible and fold optional controls away. */
.editor-toolbar [data-format="strikeThrough"],.editor-toolbar [data-format="justifyFull"],.editor-toolbar [data-format="outdent"],.editor-toolbar [data-format="indent"],.editor-toolbar [data-format="formatBlock"][data-format-value="blockquote"],.editor-toolbar [data-editor-command="insert-table"],.editor-toolbar [data-editor-command="source"],.editor-toolbar [data-editor-command="fullscreen"],.editor-toolbar [data-toggle-media-tools],.editor-toolbar [data-insert-outline],.editor-toolbar [data-insert-ad-slot]{display:none!important}.article-quick-actions{display:none!important}.editor-menu-panel[data-editor-menu-panel="more"]{max-height:min(65vh,520px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.editor-optional-settings{margin:0 0 10px;border:1px solid #e2e8f1;border-radius:8px;background:#fbfcfe}.editor-optional-settings>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:39px;padding:9px 11px;color:#3c4c63;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.editor-optional-settings>summary::-webkit-details-marker{display:none}.editor-optional-settings>summary::after{content:"+";color:#7790b2;font-size:16px;font-weight:400}.editor-optional-settings[open]>summary::after{content:"−"}.editor-optional-settings>summary small{margin-left:auto;color:#8996a8;font-size:9px;font-weight:400;text-align:right}.optional-settings-content{padding:0 11px 10px}.editor-optional-settings .seo-checklist{margin:0 10px 10px}.editor-side{display:grid;gap:0}.editor-side-actions{position:sticky;bottom:0;z-index:3;padding:10px 0 0;background:linear-gradient(#fff0,#fff 24%)}.editor-optional-settings .publish-options{padding:10px 0}.media-workbench .direct-video-field,#downloadDirectVideo{display:none!important}body.dark .editor-optional-settings{background:#1c293c;border-color:#3b4d69}body.dark .editor-optional-settings>summary{color:#e0e8f2}body.dark .editor-side-actions{background:linear-gradient(#202c3e00,#202c3e 24%)}

/* Reduce the visible toolbar to core writing actions; keep every advanced action in More. */
.editor-menubar{min-height:32px;padding:2px 7px}.editor-menu-panel[data-editor-menu-panel="more"]{min-width:245px;max-height:min(72vh,620px);padding:7px}.editor-menu-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 4px 8px;margin-bottom:4px;border-bottom:1px solid #e1e7f0}.editor-menu-controls label{display:grid;gap:4px;color:#718098;font-size:9px;font-weight:700}.editor-menu-controls select{width:100%;height:30px;padding:0 6px;border:1px solid #dce3ee;border-radius:5px;background:#fff;color:#34445b;font:inherit;font-size:10px}.editor-toolbar select[data-font-family],.editor-toolbar select[data-line-spacing],.editor-toolbar .alignment-button,.editor-toolbar [data-format="insertUnorderedList"],.editor-toolbar [data-format="insertOrderedList"],.editor-toolbar [data-insert-post-link],.editor-toolbar [data-preview],.editor-toolbar [data-toggle-media-tools],.editor-toolbar [data-insert-outline],.editor-toolbar [data-insert-ad-slot]{display:none!important}.editor-toolbar{gap:6px;padding:5px 7px}.editor-toolbar>button{min-width:30px;height:30px}.editor-toolbar select[data-block-format]{width:112px}.editor-toolbar select[data-font-size]{width:68px}body.dark .editor-menu-controls{border-color:#3a4a5e}body.dark .editor-menu-controls label{color:#b8c4d3}body.dark .editor-menu-controls select{background:#1b2637;border-color:#3a4a5e;color:#e0e8f2}@media(max-width:640px){.editor-menu-panel[data-editor-menu-panel="more"]{min-width:min(260px,calc(100vw - 48px))}.editor-menu-controls{grid-template-columns:1fr 1fr}.editor-toolbar{gap:3px;padding:4px}.editor-toolbar select[data-block-format]{width:98px}.editor-toolbar select[data-font-size]{width:60px}}

/* Match the reference post page: cover and title at the top, editor full width, options below. */
.editor-grid{grid-template-columns:minmax(0,1fr);gap:12px}.editor-main{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.45fr);align-items:start;gap:0 18px}.editor-main>.image-upload{grid-column:1;grid-row:1 / span 4;min-height:190px;align-content:center}.editor-main>.editor-byline{grid-column:2;grid-row:3}.editor-main>.editor-title-field{grid-column:2;grid-row:1}.editor-main>.editor-slug-field{grid-column:2;grid-row:2}.editor-main>.editor-permalink-field{grid-column:2;grid-row:4}.editor-main>.editor-optional-settings,.editor-main>.form-label:has(.rich-editor),.editor-main>#mediaWorkbench,.editor-main>.interaction-box{grid-column:1/-1}.editor-main>.editor-optional-settings{margin:5px 0 12px}.editor-main>.form-label:has(.rich-editor){margin:2px 0 0}.editor-main>.editor-optional-settings .optional-settings-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.editor-main>.editor-optional-settings .optional-settings-content>.form-label{margin:0}.editor-side{grid-template-columns:1fr 1fr;gap:10px;padding:18px}.editor-side>.editor-seo-details{grid-column:1/-1}.editor-seo-details .optional-settings-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.editor-seo-details .optional-settings-content>label:nth-of-type(3),.editor-seo-details .editor-extra-seo{grid-column:1/-1}.editor-extra-seo{margin:4px 0 0}.editor-side-actions{grid-column:1/-1;position:static;justify-content:flex-end;margin-top:5px;padding-top:12px;border-top:1px solid #e4e9f0;background:transparent}.editor-side>.editor-optional-settings:not(.editor-seo-details){align-self:start}.editor-side>.editor-optional-settings:nth-child(2){grid-column:1}.editor-side>.editor-optional-settings:nth-child(3){grid-column:2}.editor-main>.image-upload input[type=url]{width:100%;flex-basis:100%;height:40px;font-size:13px}.editor-main>.image-upload #chooseImage{min-width:150px;height:40px;font-size:13px}.editor-main>.image-upload .or-label{flex:1;text-align:center}.editor-main>.image-upload>span:first-of-type{font-size:14px}.editor-main>.editor-optional-settings>summary{margin-bottom:3px}.editor-main>.form-label:has(.rich-editor){font-size:12px}body.dark .editor-side-actions{background:transparent;border-color:#3a4a5e}@media(max-width:850px){.editor-main{grid-template-columns:minmax(0,1fr);gap:0}.editor-main>.image-upload,.editor-main>.editor-byline,.editor-main>.editor-title-field,.editor-main>.editor-slug-field,.editor-main>.editor-permalink-field,.editor-main>.editor-optional-settings,.editor-main>.form-label:has(.rich-editor),.editor-main>#mediaWorkbench,.editor-main>.interaction-box{grid-column:1;grid-row:auto}.editor-main>.image-upload{min-height:120px;margin-bottom:10px}.editor-main>.editor-optional-settings .optional-settings-content{grid-template-columns:1fr}.editor-side{grid-template-columns:1fr}.editor-side>.editor-seo-details,.editor-side>.editor-optional-settings:nth-child(2),.editor-side>.editor-optional-settings:nth-child(3),.editor-side-actions{grid-column:1}.editor-seo-details .optional-settings-content{grid-template-columns:1fr}}
.editor-post-organization{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:0 14px;margin:5px 0 12px}.editor-post-organization>.form-label:first-child{grid-column:1/-1;margin-bottom:0}.editor-post-organization>.segmented{grid-column:1/-1;margin:0 0 8px}.editor-post-organization>label.form-label{grid-column:1;margin:0 0 8px}.editor-post-organization>.form-two{grid-column:2/-1;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 8px}.editor-extra-seo .optional-settings-content{display:block}.editor-side>.editor-optional-settings:nth-child(2),.editor-side>.editor-optional-settings:nth-child(3){padding:0 10px}.editor-side>.editor-optional-settings:nth-child(2)>summary,.editor-side>.editor-optional-settings:nth-child(3)>summary{min-height:36px}.editor-main>.interaction-box{margin-top:14px}.editor-side .editor-seo-details>summary{margin-bottom:7px}
@media(max-width:850px){.editor-post-organization{grid-template-columns:1fr;gap:0}.editor-post-organization>.form-label:first-child,.editor-post-organization>.segmented,.editor-post-organization>label.form-label,.editor-post-organization>.form-two{grid-column:1}.editor-post-organization>.form-two{grid-template-columns:1fr 1fr}}
.editor-grid{gap:0;border:1px solid #dce5f5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 3px 10px #21334c12}.editor-main,.editor-side{margin:0!important;padding:18px 20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.editor-main{border-bottom:1px solid #e4eaf2!important}.editor-side{position:static;grid-template-columns:1fr 1fr}.editor-side-actions{padding-bottom:3px}body.dark .editor-grid{background:#1b2637;border-color:#36465b;box-shadow:none}body.dark .editor-main{border-color:#344153!important}body.dark .editor-side{background:transparent!important}
@media(max-width:850px){.editor-side{grid-template-columns:1fr}}
.editor-grid{overflow:visible}

/* Match the reference editor's familiar menu bar and visible writing controls. */
.editor-menubar{gap:2px;min-height:34px;padding:3px 7px;flex-wrap:nowrap;overflow:visible;white-space:nowrap}.editor-menu-trigger{height:28px;padding:0 8px;font-size:12px}.editor-menu-panel{max-height:min(65vh,520px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.editor-menu-panel[data-editor-menu-panel="insert"],.editor-menu-panel[data-editor-menu-panel="format"]{min-width:220px}.editor-menu-controls{grid-template-columns:1fr;gap:7px}.editor-toolbar [data-format="justifyLeft"],.editor-toolbar [data-format="justifyCenter"],.editor-toolbar [data-format="justifyRight"],.editor-toolbar [data-format="justifyFull"],.editor-toolbar [data-format="insertUnorderedList"],.editor-toolbar [data-format="insertOrderedList"],.editor-toolbar [data-editor-command="insert-table"],.editor-toolbar [data-format="strikeThrough"],.editor-toolbar [data-format="formatBlock"][data-format-value="blockquote"],.editor-toolbar [data-editor-command="source"],.editor-toolbar [data-editor-command="preview"],.editor-toolbar [data-editor-command="fullscreen"]{display:inline-flex!important}.editor-toolbar .alignment-button{width:30px;min-width:30px}.editor-toolbar select[data-font-family],.editor-toolbar select[data-line-spacing]{display:none!important}@media(max-width:640px){.editor-menubar{overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.editor-menu-trigger{padding:0 6px;font-size:11px}.editor-menu-panel{position:fixed;top:auto;left:8px;right:auto;max-width:calc(100vw - 24px);max-height:55vh}}

/* Compact, reversible left navigation rail. */
:root{--sidebar-width:214px}.sidebar{width:var(--sidebar-width)}.brand{height:64px;padding:0 15px}.side-nav{padding:11px 11px}.nav-section{padding:7px 9px 6px}.nav-section:not(:first-child){margin-top:12px}.nav-link{height:38px;gap:10px;margin:2px 0;border-radius:8px}.collapse-btn{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;margin-left:auto;padding:0;border:1px solid transparent;border-radius:7px;color:#64748b;font-size:22px;line-height:1;transition:background .15s,border-color .15s,transform .15s}.collapse-btn:hover{background:#edf3fc;border-color:#dbe5f3}.sidebar.collapsed{width:66px}.sidebar.collapsed .brand{height:64px;gap:2px;padding:0 7px;justify-content:flex-start}.sidebar.collapsed .brand-mark{width:28px;height:28px;flex:0 0 28px;font-size:15px}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-section,.sidebar.collapsed .nav-link span{display:none}.sidebar.collapsed .collapse-btn{display:grid!important;width:24px;height:28px;flex-basis:24px;margin-left:auto;font-size:21px;transform:rotate(180deg)}.sidebar.collapsed .side-nav{padding:12px 9px}.sidebar.collapsed .nav-link{height:40px;justify-content:center;padding:0}.sidebar.collapsed .nav-link svg{width:18px;height:18px}.app-shell.sidebar-collapsed .main-shell{margin-left:66px}.app-shell.sidebar-collapsed .preview-footer{left:66px}body.dark .collapse-btn{color:#c2ccda}body.dark .collapse-btn:hover{background:#243247;border-color:#3a4b62}@media(max-width:1050px){.sidebar{width:188px}.main-shell{margin-left:188px}.preview-footer{left:188px}.sidebar.collapsed{width:66px}.app-shell.sidebar-collapsed .main-shell{margin-left:66px}.app-shell.sidebar-collapsed .preview-footer{left:66px}}@media(max-width:700px){.sidebar{display:none}.main-shell{margin-left:0}.preview-footer{left:0}}

/* Make the YouTube thumbnail preview a clear, separate block below its URL field. */
.youtube-thumbnail-preview-wrap{display:grid;gap:7px;width:min(100%,640px);margin:10px 0 14px;padding:10px;border:1px solid #dbe4f2;border-radius:9px;background:#f8faff}.youtube-thumbnail-preview-heading{display:flex;align-items:baseline;gap:9px;color:#35455e;font-size:11px;font-weight:700}.youtube-thumbnail-preview-heading small{color:#8491a3;font-size:10px;font-weight:400}.youtube-thumbnail-preview-link{display:grid;grid-template-columns:minmax(180px,320px) minmax(130px,1fr);align-items:center;gap:12px;width:100%;max-width:100%;margin:0;padding:0;border:0;background:transparent;color:#175ebf;font-size:11px;font-weight:600}.youtube-thumbnail-preview-link img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #d6e0ef;border-radius:6px;background:#e9eef6}.youtube-thumbnail-empty{padding:13px 14px;border:1px dashed #cad6e8;border-radius:6px;background:#fff;color:#7b8799;font-size:11px}body.dark .youtube-thumbnail-preview-wrap{background:#1b2637;border-color:#3a4a5e}body.dark .youtube-thumbnail-preview-heading{color:#e0e8f2}body.dark .youtube-thumbnail-empty{background:#202c3e;color:#b2bece}@media(max-width:520px){.youtube-thumbnail-preview-link{grid-template-columns:1fr}.youtube-thumbnail-preview-link img{max-width:420px}}

/* Featured image controls and social share preview, separate from the URL input. */
.editor-main>.featured-image-panel{grid-column:1;grid-row:1 / span 4;align-self:stretch;display:grid;align-content:start;gap:11px;min-width:0;margin:0 0 14px;padding:13px;border:1px solid #dce5f2;border-radius:10px;background:#f9fbff}
.featured-image-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.featured-image-heading>div{display:grid;gap:3px}.featured-image-heading b{color:#263852;font-size:12px}.featured-image-heading small,.featured-image-help{color:#7a8798;font-size:10px;line-height:1.45}.image-status-chip{padding:4px 7px;border:1px solid #e0e6ef;border-radius:20px;background:#fff;color:#7b8796;font-size:9px;white-space:nowrap}.image-status-chip.has-image{border-color:#b5ead4;background:#edfcf5;color:#17805e}
.featured-image-layout{display:grid;grid-template-columns:1fr;gap:10px}.featured-image-preview-wrap{position:relative;display:grid;place-items:center;min-height:132px;overflow:hidden;border:1px dashed #cbd8ea;border-radius:8px;background:linear-gradient(145deg,#f0f5ff,#fff)}.featured-image-preview{display:block;width:100%;max-height:205px;aspect-ratio:16/9;object-fit:cover;border:0;border-radius:0}.featured-image-preview[hidden]{display:none!important}.featured-image-empty{display:grid;justify-items:center;gap:4px;padding:18px;text-align:center;color:#75859c}.featured-image-empty[hidden]{display:none!important}.featured-image-empty>span{font-size:24px;color:#89a4ce}.featured-image-empty b{font-size:11px;color:#445670}.featured-image-empty small{font-size:9px;line-height:1.4}
.featured-image-controls{display:grid;gap:6px;min-width:0}.featured-image-controls .form-label{margin:0;gap:5px;font-size:10px}.featured-image-controls .form-label input{height:36px;font-size:11px}.featured-image-actions{display:flex;gap:7px;flex-wrap:wrap}.featured-image-actions .button{min-height:33px;padding:0 10px;font-size:10px}.featured-image-controls .field-help{line-height:1.4}.featured-image-help{display:block}
.social-link-preview{display:grid;grid-template-columns:96px minmax(0,1fr);min-height:82px;overflow:hidden;border:1px solid #dbe2eb;border-radius:9px;background:#fff;color:#263346}.social-link-image-wrap{display:grid;place-items:center;min-height:82px;overflow:hidden;background:#e9edf3;color:#8b98aa}.social-link-image-wrap img{display:block;width:100%;height:100%;min-height:82px;max-height:112px;object-fit:cover}.social-link-image-wrap img[hidden],.social-link-image-wrap>span[hidden]{display:none!important}.social-link-image-wrap>span{font-size:22px}.social-link-preview-copy{display:grid;align-content:center;gap:3px;min-width:0;padding:9px 10px}.social-link-preview-copy small{overflow:hidden;color:#737f8d;font-size:8px;font-weight:700;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.social-link-preview-copy b{display:-webkit-box;overflow:hidden;color:#1c2838;font-size:11px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.social-link-preview-copy span{overflow:hidden;color:#6d7887;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.social-link-preview-copy #featuredShareUrl{color:#8c96a3;font-size:8px}
.editor-main>.editor-title-field{grid-column:2;grid-row:1}.editor-main>.editor-slug-field{grid-column:2;grid-row:2}.editor-main>.editor-byline{grid-column:2;grid-row:3}.editor-main>.editor-permalink-field{grid-column:2;grid-row:4}.editor-main>.editor-content-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 4px;padding-top:10px;border-top:1px solid #e7edf5}.editor-content-heading>div{display:grid;gap:3px}.editor-content-heading b{color:#263852;font-size:13px}.editor-content-heading small{color:#7a8798;font-size:10px}.editor-content-actions{display:flex;align-items:center;gap:7px;flex:none}.editor-content-actions .button{white-space:nowrap}.media-tools-launch{flex:none;min-height:34px;padding:0 11px;font-size:10px}.editor-main>.form-label:has(.rich-editor){grid-column:1/-1}.media-workbench{grid-column:1/-1}.media-workbench[hidden]{display:none!important}
body.dark .featured-image-panel{background:#182538;border-color:#394b64}body.dark .featured-image-heading b,body.dark .featured-image-empty b,body.dark .social-link-preview-copy b,body.dark .editor-content-heading b{color:#e0e8f2}body.dark .featured-image-heading small,body.dark .featured-image-help,body.dark .featured-image-empty,body.dark .social-link-preview-copy small,body.dark .social-link-preview-copy span,body.dark .editor-content-heading small{color:#aab6c5}body.dark .featured-image-preview-wrap,body.dark .social-link-preview{background:#202c3e;border-color:#3a4a5e}body.dark .image-status-chip{background:#202c3e;border-color:#3a4a5e;color:#b7c1ce}body.dark .image-status-chip.has-image{background:#16372f;border-color:#2f6555;color:#8fe1bd}body.dark .social-link-image-wrap{background:#273449;color:#9aacc4}body.dark .social-link-preview{color:#dce5f0}
@media(max-width:850px){.editor-main>.featured-image-panel,.editor-main>.editor-title-field,.editor-main>.editor-slug-field,.editor-main>.editor-byline,.editor-main>.editor-permalink-field,.editor-main>.editor-content-heading,.editor-main>.form-label:has(.rich-editor){grid-column:1;grid-row:auto}.editor-main>.featured-image-panel{margin-bottom:8px}.featured-image-layout{grid-template-columns:minmax(0,1fr) minmax(220px,1fr);align-items:start}.featured-image-preview-wrap{min-height:150px}.social-link-preview{grid-template-columns:104px minmax(0,1fr)}}@media(max-width:560px){.featured-image-layout{grid-template-columns:1fr}.featured-image-preview-wrap{min-height:110px}.editor-main>.editor-content-heading{align-items:flex-start;flex-direction:column}.editor-content-actions{width:100%;flex-direction:column}.editor-content-actions .button{width:100%}.social-link-preview{grid-template-columns:94px minmax(0,1fr)}}

/* Short.io Shortlink dialog, matching the requested creation flow. */
.shortlink-dialog{width:min(740px,calc(100vw - 28px));max-height:min(86vh,780px);overflow:auto}.shortlink-dialog form{padding:22px 25px}.shortlink-dialog header{align-items:flex-start;margin-bottom:13px}.shortlink-dialog header h2{margin:0 0 6px;font-size:21px}.shortlink-post-title{margin:0!important;max-width:650px;color:#263346!important;font-size:17px!important;line-height:1.45!important}.shortlink-mode-row{display:flex;align-items:center;gap:18px;margin:12px 0 15px}.shortlink-mode-row label{display:flex;align-items:center;gap:7px;color:#344256;font-size:13px;font-weight:500}.shortlink-mode-row input{width:17px;height:17px;margin:0;accent-color:#2867e8}.shortlink-create-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(200px,1fr) auto;align-items:end;gap:10px}.shortlink-create-row .form-label{margin:0}.shortlink-create-row select,.shortlink-create-row input{height:42px;font-size:13px}.shortlink-create-row #shortIoCreate{height:42px;min-width:96px}.shortio-alias-label{min-width:0}.shortio-alias-label input:disabled{background:#f8fafc;color:#8591a2}.shortio-custom-domain{max-width:340px;margin:10px 0 0}.shortio-target{display:grid;gap:5px;margin-top:13px;padding:10px 12px;border:1px solid #e2e8f2;border-radius:8px;background:#fbfcfe}.shortio-target small{color:#768398;font-size:10px}.shortio-target span{overflow:hidden;color:#4a5a70;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.shortio-key-label{margin:13px 0 4px}.shortio-key-label input{max-width:440px}.shortio-key-note{display:block;color:#78869a;font-size:10px}.shortio-key-note a{color:#2364d2;text-decoration:none}.shortio-error{margin-top:10px;padding:9px 11px;border:1px solid #f3c5c5;border-radius:7px;background:#fff4f4;color:#b42336;font-size:11px}.shortio-error[hidden]{display:none!important}.shortio-result{display:flex;align-items:end;gap:10px;margin-top:10px;padding:10px;border:1px solid #dce7f7;border-radius:9px;background:#f8faff}.shortio-result[hidden]{display:none!important}.shortio-result .form-label{flex:1;margin:0}.shortio-result input{height:40px;color:#2867e8}.shortio-result .button{height:40px}.shortlink-dialog footer{justify-content:space-between;align-items:center}.shortlink-dialog footer small{max-width:430px;color:#7b8798;font-size:10px}body.dark .shortlink-post-title{color:#e0e8f2!important}body.dark .shortlink-mode-row label{color:#d5deea}body.dark .shortio-alias-label input:disabled,body.dark .shortio-target,body.dark .shortio-result{background:#202c3e;border-color:#3a4a5e;color:#dce5f0}body.dark .shortio-target span{color:#c8d3e2}body.dark .shortio-error{background:#351f2a;border-color:#68404b;color:#ffc4cb}body.dark .shortlink-dialog footer small,body.dark .shortio-key-note{color:#aab6c5}@media(max-width:620px){.shortlink-dialog form{padding:17px}.shortlink-create-row{grid-template-columns:1fr 1fr}.shortlink-create-row #shortIoCreate{grid-column:1/-1;width:100%}.shortlink-mode-row{gap:12px;flex-wrap:wrap}.shortio-result{align-items:stretch;flex-direction:column}.shortio-result .button{width:100%}.shortlink-dialog footer{align-items:flex-start;flex-direction:column}}
.post-thumb{position:relative;flex:none}.post-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.post-copy{display:grid;gap:4px;min-width:0}.post-subtitle{display:-webkit-box;max-width:450px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#8390a1;font-size:10px;font-weight:400;line-height:1.4}.post-name{padding-block:11px!important}.post-primary{align-items:flex-start!important}.post-thumb{margin-top:2px}
.article-preview-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 25px;color:#8793a4;font-size:11px}.article-preview-breadcrumb i{font-style:normal;color:#b0bac7}.article-preview-kicker{margin:0 0 10px;color:#315fba;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.article-preview-kicker span{padding:0 4px;color:#98a5b6}.article-preview-page>h1{margin:0 0 14px!important;font-size:clamp(30px,4vw,42px)!important;line-height:1.12!important;letter-spacing:-.035em}.article-preview-excerpt{margin:0 0 18px;font-size:18px;line-height:1.55;color:#65748a}.article-preview-meta{display:flex;align-items:center;gap:10px;margin:16px 0 24px;padding-bottom:18px;border-bottom:1px solid #e9edf2}.article-preview-meta>span:last-child{display:grid;gap:3px}.article-preview-meta b{font-size:11px;color:#35445a}.article-preview-meta small{font-size:10px;color:#8491a2}.article-preview-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf3ff;color:#315fba;font-size:13px;font-weight:800}.article-preview-hero-wrap{margin:0 0 27px}.article-preview-hero{max-height:440px!important;border-radius:11px;object-fit:cover}.article-preview-hero-wrap figcaption{margin-top:8px;color:#8793a3;font-size:10px}.article-preview-layout{max-width:680px;margin:0 auto}.article-preview-toc{margin:0 0 28px;padding:17px 19px;border:1px solid #e1e8f1;border-left:3px solid #3969c8;border-radius:8px;background:#f8faff}.article-preview-toc>b{display:block;margin-bottom:8px;color:#293b56;font-size:12px}.article-preview-toc ol{display:grid;gap:7px;margin:0;padding-left:19px}.article-preview-toc li{color:#52647d;font-size:11px;line-height:1.45}.article-preview-toc li.h3{margin-left:14px;font-size:10px}.article-preview-toc a{color:inherit;text-decoration:none}.article-preview-toc a:hover{color:#285cba;text-decoration:underline}.article-preview-content{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.82;color:#344154}.article-preview-content p{margin:0 0 1.25em}.article-preview-content h2{margin:2.1em 0 .75em;padding-bottom:9px;border-bottom:1px solid #e8edf3;color:#22344d;font:700 25px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.02em;scroll-margin-top:20px}.article-preview-content h2:before{content:'';display:block;width:34px;height:3px;margin-bottom:10px;border-radius:3px;background:#4d75d1}.article-preview-content h3{margin:1.7em 0 .6em;color:#344765;font:700 19px/1.4 Inter,system-ui,sans-serif;scroll-margin-top:20px}.article-preview-content blockquote{margin:1.6em 0;padding:12px 18px;border-left:3px solid #4d75d1;background:#f5f8fd;color:#53647a;font-style:italic}.article-preview-content ul,.article-preview-content ol{padding-left:1.4em;margin:0 0 1.3em}.article-preview-content li{padding-left:.25em;margin:.35em 0}.article-preview-content figure{margin:1.5em 0}.article-preview-content figure img,.article-preview-content>img{display:block;max-width:100%;height:auto;margin:auto;border-radius:8px}.article-preview-content figcaption{margin-top:7px;text-align:center;color:#8692a2;font:11px/1.5 Inter,system-ui,sans-serif}.article-preview-content iframe,.article-preview-content video{width:100%!important;max-width:100%!important;aspect-ratio:16/9;height:auto!important;margin:24px auto!important;border:0;border-radius:9px}.article-preview-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:32px;padding-top:16px;border-top:1px solid #e9edf2;font-size:10px}.article-preview-tags b{margin-right:4px;color:#6e7d91}.article-preview-tags span{padding:5px 9px;border-radius:16px;background:#f0f4fa;color:#546781}body.dark .article-preview-breadcrumb,body.dark .article-preview-hero-wrap figcaption,body.dark .article-preview-meta small{color:#aab6c5}body.dark .article-preview-meta{border-color:#3a4a5e}body.dark .article-preview-meta b,body.dark .article-preview-toc>b{color:#e0e8f2}body.dark .article-preview-toc,body.dark .article-preview-content blockquote{background:#1c293c;border-color:#3a4a5e}body.dark .article-preview-toc{border-left-color:#7798eb}body.dark .article-preview-content h2,body.dark .article-preview-content h3{color:#e0e8f2;border-color:#3a4a5e}body.dark .article-preview-content{color:#ccd6e4}body.dark .article-preview-tags{border-color:#3a4a5e}body.dark .article-preview-tags span{background:#303d50;color:#d5deea}@media(max-width:650px){.post-subtitle{max-width:230px}.article-preview-page>h1{font-size:29px!important}.article-preview-excerpt{font-size:16px}.article-preview-content{font-size:16px;line-height:1.75}.article-preview-content h2{font-size:22px}.article-preview-content h3{font-size:18px}.article-preview-breadcrumb{margin-bottom:18px}}
/* Compact, shared Category/Tags controls in the post editor. */
.editor-post-organization{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px 14px;margin:3px 0 12px;padding:12px 14px;border:1px solid #e4eaf2;border-radius:9px;background:#fbfcfe}
.editor-post-organization>label.form-label{grid-column:auto!important;display:grid;align-content:start;gap:5px;margin:0!important;font-size:11px}
.editor-post-organization>label.form-label .form-input{height:38px;min-width:0;font-size:12px}
.editor-post-organization .field-help{margin:0;font-size:9px;line-height:1.4}
#featuredImagePanel:focus{outline:2px solid #7ea6f5;outline-offset:2px}
#featuredImagePanel .featured-image-preview-wrap{cursor:copy}
#postDescription figure.article-image,#postDescription figure.article-video,#postDescription figure.article-video-thumbnail{display:block;clear:both;width:min(100%,760px);margin:28px auto!important;padding:0}
#postDescription figure.article-image img,#postDescription figure.article-video-thumbnail img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:8px}
#postDescription figure.article-video iframe{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;margin:0 auto;border:0;border-radius:8px}
#postDescription figure.article-image figcaption,#postDescription figure.article-video figcaption,#postDescription figure.article-video-thumbnail figcaption{margin-top:8px;text-align:center;color:#6f7d91;font-size:11px;line-height:1.5}
body.dark .editor-post-organization{background:#182538;border-color:#394b64}
@media(max-width:850px){.editor-post-organization{grid-template-columns:1fr;gap:9px;padding:10px}.editor-post-organization>label.form-label{grid-column:1!important}}
.editor-post-organization>label.form-label:first-child{grid-column:auto!important}
/* Short.io setup and simplified per-post link dialog */
.shortio-admin-settings{padding:16px;margin:0 0 16px}.shortio-admin-settings .panel-heading{align-items:flex-start}.shortio-admin-settings .panel-heading h2{margin:0;font-size:14px}.shortio-admin-settings .panel-heading p{margin:5px 0 0;color:#78869a;font-size:11px}.shortio-settings-grid{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(220px,.8fr) minmax(280px,1fr);gap:12px;margin-top:12px}.shortio-settings-grid .form-label{margin:0}.shortio-settings-grid .field-help{display:block;margin-top:6px;line-height:1.5}.secret-input-row{display:flex;gap:7px}.secret-input-row input{flex:1;min-width:0}.secret-input-row .button{min-width:66px}.shortio-domains-field{display:grid;align-content:start;gap:6px}.shortio-domains-field textarea{min-height:78px;resize:vertical}.shortio-settings-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:13px;padding-top:12px;border-top:1px solid #edf0f4}.shortio-settings-footer>small{max-width:520px;color:#758297;font-size:10px;line-height:1.55}.shortio-settings-footer>div{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.shortio-settings-footer .button{font-size:10px;padding:0 11px}.shortlink-domain-select{margin:12px 0}.shortlink-domain-select select{height:42px}.shortio-sample{display:grid;gap:6px;margin-top:12px;padding:11px 12px;border:1px dashed #cbd8eb;border-radius:8px;background:#f7faff}.shortio-sample small{font-size:10px;color:#74839a}.shortio-sample code{color:#1c63cf;font-size:12px;overflow-wrap:anywhere}.shortlink-dialog .shortio-target{margin-top:8px}.shortlink-dialog footer>div{display:flex;gap:8px;flex-wrap:wrap}.shortlink-dialog footer .button{min-height:38px}
body.dark .shortio-settings-footer{border-color:#354458}body.dark .shortio-settings-footer>small{color:#aab6c5}body.dark .shortio-sample{background:#1b2637;border-color:#42546e}body.dark .shortio-sample small{color:#aab6c5}
@media(max-width:900px){.shortio-settings-grid{grid-template-columns:1fr 1fr}.shortio-domains-field{grid-column:1/-1}}
@media(max-width:650px){.shortio-settings-grid{grid-template-columns:1fr}.shortio-domains-field{grid-column:auto}.shortio-settings-footer{align-items:stretch;flex-direction:column}.shortio-settings-footer>div{justify-content:flex-start}.shortlink-dialog footer>div{width:100%}.shortlink-dialog footer>div .button{flex:1}}
.shortio-setup-note{display:flex;align-items:center;gap:10px;margin-top:11px;padding:10px 12px;border:1px solid #f2d7a1;border-radius:8px;background:#fff8e8;color:#855c15;font-size:11px}.shortio-setup-note .button{min-height:30px;padding:0 10px;font-size:10px}body.dark .shortio-setup-note{background:#342b1d;border-color:#6b542d;color:#f2d99b}
.post-wordpress-status{flex:1 0 100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid #dbe6f3;border-radius:8px;background:#f7faff;color:#62748b;font-size:10px;line-height:1.45}.post-wordpress-status .button{flex:0 0 auto;min-height:30px;padding:0 10px;font-size:10px}.editor-side-actions{flex-wrap:wrap}body.dark .post-wordpress-status{background:#1b2637;border-color:#394b63;color:#b7c5d8}@media(max-width:620px){.post-wordpress-status{align-items:flex-start;flex-direction:column}.post-wordpress-status .button{width:100%}}

/* Supabase sign-in and sync status */
.cloud-login-screen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef4ff,#f5f7fb 55%,#eaf0ff)}.cloud-login-screen[hidden]{display:none}.cloud-login-card{width:min(100%,440px);padding:34px;border:1px solid #dbe4f2;border-radius:20px;background:#fff;box-shadow:0 22px 70px rgba(27,47,80,.14)}.cloud-login-card>.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:#2865ed;color:#fff;font-size:22px;font-weight:800}.cloud-eyebrow{margin:20px 0 6px;color:#2865ed;font-size:11px;font-weight:800;letter-spacing:.13em}.cloud-login-card h1{margin:0;color:#17243a;font-size:25px}.cloud-login-copy{margin:9px 0 23px;color:#718096;font-size:14px;line-height:1.55}.cloud-login-card label{display:grid;gap:7px;margin:14px 0;color:#35435a;font-size:13px;font-weight:650}.cloud-login-card input{width:100%;height:44px;padding:0 13px;border:1px solid #d8e0eb;border-radius:9px;background:#fff;color:#182437;font:inherit;font-weight:400;outline:none}.cloud-login-card input:focus{border-color:#4f7cf0;box-shadow:0 0 0 3px #e7eeff}.cloud-login-submit{width:100%;height:45px;margin-top:8px;justify-content:center}.cloud-login-card>small{display:block;margin-top:15px;color:#8490a1;font-size:11px;line-height:1.5;text-align:center}.cloud-login-error{padding:11px 12px;border:1px solid #ffc9c9;border-radius:8px;background:#fff4f4;color:#b4232a;font-size:12px;line-height:1.5}.cloud-status-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid #cbeee0;border-radius:999px;background:#e9faf3;color:#138060;font-size:11px;font-weight:700;white-space:nowrap}.cloud-status-badge[data-state="saving"]{border-color:#d9e4ff;background:#eff4ff;color:#315fbe}.cloud-status-badge[data-state="error"]{border-color:#ffc9c9;background:#fff4f4;color:#b4232a}.cloud-logout{min-height:34px;padding:0 12px;font-size:12px}.role-preview-control[hidden]{display:none!important}@media(max-width:600px){.cloud-login-card{padding:25px 21px}.cloud-status-badge{max-width:145px;overflow:hidden;text-overflow:ellipsis}.cloud-logout{padding:0 8px}}

#route-users-access .access-grid{display:none}
#route-users-access .permission-matrix-panel>small{color:#7d8998}