@font-face{font-family:Noto Sans Thai;src:url(/noto-sans-thai.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{font-family:Noto Sans Thai,Leelawadee UI,Tahoma,Segoe UI,sans-serif;color:#263833;background:#f6f7f4;font-synthesis:none;font-size:14px;line-height:1.6;--green: #173f34;--accent: #eeb873;--muted: #77837d;--border: #e6eae4}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b0cbb9;outline-offset:3px}input,textarea,select{border:1px solid #dce3dc;background:#fff;color:#263833;border-radius:7px;padding:10px 12px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#67967f;box-shadow:0 0 0 3px #e8f0e9}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:600;margin:0 0 18px}label input,label textarea,label select{display:block;margin-top:7px;font-weight:400}label small{float:right;color:var(--muted);font-weight:400}h1,h2,h3,p{margin-top:0}h2{font-size:17px;line-height:1.5;font-weight:650;margin-bottom:4px}h3{font-size:16px}button svg,a svg{flex-shrink:0}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#819087;display:block;margin-bottom:8px}.eyebrow.light{color:#b4c8b7}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-height:42px;background:#fff;border:1px solid #dce2da;border-radius:7px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s}.button:hover{background:#f0f4ef}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.primary:hover{background:#245544}.button.danger{background:#a63330;border-color:#a63330;color:#fff}.button.small{padding:5px 10px;min-height:32px}.button.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#35634e;background:none;border:0;padding:0}.text-link:hover{color:#163e2e}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;background:transparent;border-radius:6px;color:#7b8880;flex-shrink:0}.icon-button:hover{background:#edf2ed;color:#234d3c}.icon-button.delete:hover{background:#fff0ed;color:#b24436}.nowrap{white-space:nowrap}.right{text-align:right!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;position:fixed;inset:0 auto 0 0;background:#173b31;color:#b9c9c0;display:flex;flex-direction:column;z-index:30;padding:32px 20px 0}.brand{display:flex;align-items:center;gap:10px;margin:0 8px 39px;color:#fff;font-size:17px;font-weight:650}.brand img{width:42px;height:42px;object-fit:contain;border-radius:8px;background:#fff}.brand small{display:block;letter-spacing:2px;font-size:8px;color:#a4bcb0;margin-top:3px}.workspace-label{font-size:10px;color:#84a293;padding:0 15px;margin-bottom:14px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:7px;font-size:13px}.sidebar nav a:hover{background:#20483b}.sidebar nav a.active{background:#305246;color:#fff}.sidebar nav a.active svg{color:#efc18b}.sidebar-tip{margin:auto 7px 20px;border:1px solid #406051;border-radius:8px;padding:16px 13px;background:#214437}.sidebar-tip>span{display:flex;align-items:center;gap:7px;color:#e9d5ae;font-size:12px;font-weight:600}.sidebar-tip p{font-size:11px;color:#a7bfb1;line-height:1.8;margin:8px 0 12px}.sidebar-tip a{display:flex;align-items:center;justify-content:space-between;color:#e1e8dc;font-size:11px}.visit-site{display:flex;align-items:center;gap:9px;margin:0 10px 25px;font-size:12px}.visit-site svg:last-child{margin-left:auto}.sidebar-account{display:flex;align-items:center;gap:10px;padding:20px 0;border-top:1px solid #365346}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#e2e9d9;border-radius:50%;font-size:11px;color:#294331;font-weight:700}.sidebar-account>div{min-width:0;flex:1}.sidebar-account strong{display:block;font-size:11px;color:#f3f5eb}.sidebar-account small{display:block;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#99b5a6}.sidebar-account button{border:0;background:none;color:#a3bcac;padding:4px}.main-wrap{margin-left:254px;width:calc(100% - 254px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--border);background:#fff}.breadcrumbs{display:flex;align-items:center;gap:14px;font-size:11px;color:#8c958e}.breadcrumbs strong{font-weight:500;color:#455a4b}.topbar-badge{display:flex;align-items:center;gap:7px;font-size:10px;color:#657d6d}.topbar-badge>span{width:6px;height:6px;border-radius:50%;background:#8aa77b}.mobile-menu{display:none}.page{max-width:1570px;width:100%;padding:36px 38px 50px;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:29px}.page-heading h1{font-size:29px;font-weight:650;letter-spacing:-.6px;margin:0 0 7px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.app-footer{display:flex;justify-content:space-between;padding:18px 38px;border-top:1px solid var(--border);font-size:10px;color:#8b978d}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 18px;border-bottom:1px solid #eff1ed}.panel-heading h2{font-size:15px}.panel-heading p{font-size:11px;color:var(--muted);margin:3px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:27px}.stat-card{position:relative;border:1px solid var(--border);background:#fff;border-radius:9px;padding:24px 22px}.stat-card>span:not(.stat-icon){display:block;font-size:11px;color:#758179;margin-bottom:8px}.stat-card strong{font-size:32px;line-height:1.3;font-weight:600;letter-spacing:-1px}.stat-icon{position:absolute;right:20px;top:25px;width:39px;height:39px;display:grid;place-items:center;border-radius:10px}.green{background:#edf4e9;color:#6f9261}.blue{background:#eaf1f6;color:#648b9e}.amber{background:#fcf1df;color:#bb9660}.violet{background:#f0edf6;color:#9181a6}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.recent-list{padding:0 24px}.recent-item{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #eef1eb}.recent-item:last-child{border:0}.article-thumb{display:grid;place-items:center;background:#f0f3eb;width:49px;height:49px;color:#98ac95;border-radius:7px;flex-shrink:0;overflow:hidden}.article-thumb img{width:100%;height:100%;object-fit:cover}.recent-item>div{flex:1;min-width:0}.recent-item strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.recent-item small{font-size:10px;display:block;color:#8d978e;margin-top:3px}.status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:4px 9px;border-radius:5px;font-size:10px;font-weight:500}.status>span{width:5px;height:5px;border-radius:50%;background:currentColor}.published{background:#eaf4eb;color:#4f7d53}.draft{background:#faf2e3;color:#aa8a52}.popular-list{padding:0 24px}.popular-list>a{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef1eb;padding:20px 0}.popular-list>a:last-child{border:0}.rank{font-size:18px;font-weight:500;color:#acb8a9}.popular-list strong{font-size:12px;font-weight:500;flex:1}.popular-list small{font-size:10px;color:#8c968d;white-space:nowrap}.writing-banner{display:flex;align-items:center;gap:22px;background:#eeefe5;border:1px solid #e4e8d9;padding:26px;margin-top:25px;border-radius:10px}.banner-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#e3e6d3;color:#8b9563;flex-shrink:0}.writing-banner>div{flex:1}.writing-banner .eyebrow{font-size:8px;color:#91977b;margin-bottom:4px}.writing-banner h2{font-size:16px}.writing-banner p{font-size:11px;color:#8a937b;margin:3px 0 0}.writing-banner .button{background:transparent;font-size:11px;border-color:#cdd5c2}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:55px 24px;min-height:285px}.empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#f0f3eb;color:#a3b09a;margin-bottom:20px}.empty h3{font-size:15px;font-weight:500;margin-bottom:7px}.empty p{font-size:11px;color:#8b968b;max-width:340px;margin-bottom:18px}.empty .button{font-size:11px}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:200px;color:#6c8271;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{display:flex;align-items:center;gap:10px;padding:14px 17px;margin:15px 0;background:#fdf0eb;border:1px solid #efdbd3;color:#a64a39;border-radius:7px;font-size:12px}.error-box>span{flex:1}.error-box svg{flex-shrink:0}.startup-error{max-width:650px;margin:100px auto;padding:20px}.list-controls{padding:0 23px}.status-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border)}.status-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:19px 1px 15px;font-size:12px;color:#889489}.status-tabs button.active{border-color:var(--green);color:#274d37;font-weight:600}.filters{display:flex;justify-content:space-between;gap:14px;padding:19px 0}.filters select{max-width:210px;font-size:12px}.search-input{position:relative;display:flex;align-items:center;max-width:320px;width:100%;margin:0}.search-input svg{position:absolute;left:12px;color:#8e9d8d}.search-input input{padding-left:38px;margin:0;font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;font-weight:500;color:#8b968b;background:#f9faf7;white-space:nowrap}th,td{padding:17px 24px;border-bottom:1px solid #edf0e9}td{font-size:11px}tbody tr:last-child td{border:0}tbody tr:hover{background:#fdfefb}.article-cell{display:flex;align-items:center;gap:13px;min-width:240px}.article-cell strong{display:block;font-size:12px;font-weight:500;max-width:320px}.article-cell small{display:block;font-size:10px;color:#93a08f;margin-top:3px}.view-count{display:flex;align-items:center;gap:7px;color:#7e8d7c}.row-actions{display:flex;justify-content:flex-end;gap:3px}.pager{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:14px 24px;font-size:10px;color:#7b8b78}.pager>div{display:flex;align-items:center;gap:12px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:25px}.media-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;min-width:0}.media-image{aspect-ratio:4/3;background:#eff1eb}.media-image img{width:100%;height:100%;object-fit:cover}.media-info{padding:15px}.media-info>strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.media-info>small{display:block;color:#94a18f;font-size:10px;margin-top:5px}.media-info>div{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.media-info .text-link{font-size:10px}.taxonomy-name{display:flex;align-items:center;gap:13px;white-space:nowrap}.taxonomy-icon{display:grid;place-items:center;width:35px;height:35px;background:#f1f4ed;color:#7d9978;border-radius:7px}.settings-panel{max-width:650px}.settings-form{padding:28px;max-width:520px}.field-hint{font-size:11px;color:#8a9886;line-height:1.7;margin-top:-8px;margin-bottom:20px}.settings-form .button{margin-top:8px}.modal-backdrop{position:fixed;inset:0;background:#102b245e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:520px;max-height:90vh;overflow:auto;border:1px solid #e4e9de;border-radius:13px;background:#fff;box-shadow:0 20px 80px #153b2838}.modal.wide{max-width:860px}.modal>header{position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--border)}.modal>header h2{font-size:16px;margin:0}.modal-body{padding:25px}.modal-body>p{font-size:13px;color:#7c8e76}.modal footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 25px;border-top:1px solid var(--border)}.modal-tabs{padding:0 25px}.file-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:35px 15px;border:1px dashed #bfcebb;border-radius:8px;background:#f9fbf6;color:#78916d;cursor:pointer}.file-drop strong{font-size:13px;word-break:break-word}.file-drop>span{font-size:10px;color:#94a18e}.file-drop input{max-width:100%;font-size:11px;cursor:pointer}.upload-form .button{width:100%}.picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.picker-item{border:1px solid var(--border);border-radius:7px;overflow:hidden;background:#fff;text-align:left;padding:0}.picker-item:hover{border-color:#6b9767}.picker-item img{aspect-ratio:4/3;width:100%;object-fit:cover;display:block}.picker-item>span{display:block;font-size:11px;padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-media-preview{width:100%;max-height:240px;object-fit:contain;border-radius:8px;margin-bottom:20px;background:#f6f8f2}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.editor-heading>div{display:flex;align-items:center;gap:9px}.save-indicator{font-size:10px;color:#8a9c81;margin-right:6px}.editor-heading .button{font-size:11px;padding:9px 12px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px}.editor-main{min-width:0}.article-form,.seo-panel{padding:28px}.editor-kicker{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.editor-kicker .eyebrow{margin:0;font-size:9px}.title-input{font-size:23px;line-height:1.5;padding:5px 0!important;border:0;border-radius:0;font-weight:600;margin:8px 0 25px}.title-input:focus{box-shadow:none}.title-input::placeholder{color:#abb8a4;font-size:19px;font-weight:400}.slug-input{display:flex;align-items:center;border:1px solid #dce3dc;border-radius:7px;margin-top:7px;overflow:hidden}.slug-input>span{font-size:11px;color:#9ba891;background:#f8faf4;padding:12px}.slug-input input{margin:0;border:0;padding-left:5px}.slug-input input:focus{box-shadow:none}.editor-label{font-size:12px;font-weight:600;margin:17px 0 10px}.rich-editor{border:1px solid #dce3dc;border-radius:8px;overflow:hidden}.editor-toolbar{display:flex;align-items:center;gap:3px;padding:9px;background:#f9fbf6;border-bottom:1px solid var(--border);flex-wrap:wrap}.editor-toolbar select{width:98px;font-size:10px;padding:6px 8px;background:#fff;margin-right:5px}.tool-button{display:grid;place-items:center;background:transparent;border:0;border-radius:4px;padding:7px;color:#7d9073;min-width:29px;font-size:10px}.tool-button:hover,.tool-button.active{background:#e0e9d9;color:#294f2c}.article-editor{min-height:370px;outline:none;padding:24px 22px;line-height:1.95;font-size:14px}.article-editor p:empty:first-child:before{content:"เริ่มแบ่งปันความรู้และประสบการณ์ของคุณที่นี่…";color:#a6b39d;pointer-events:none}.prose h1{font-size:29px}.prose h2{font-size:24px}.prose h3{font-size:20px}.prose h4{font-size:17px}.prose p{margin:0 0 14px}.prose img{max-width:100%;height:auto;border-radius:7px}.prose a{color:#2764a8;text-decoration:underline}.prose blockquote{margin:20px 0;padding:8px 20px;border-left:3px solid #9ab58d;color:#829576}.prose .ProseMirror-selectednode{outline:3px solid #93b786}.editor-bottom{display:flex;justify-content:space-between;padding:11px 15px;border-top:1px solid var(--border);font-size:9px;color:#94a18b}.editor-aside .panel{margin-bottom:20px}.side-panel{padding:21px}.side-panel h2{font-size:13px;margin-bottom:20px}.side-panel label{font-size:11px;margin-bottom:17px}.side-panel input,.side-panel select{font-size:11px}.tag-options{display:flex;flex-wrap:wrap;gap:7px}.tag-check{display:flex;align-items:center;gap:5px;margin:0!important;padding:5px 8px;border:1px solid #e0e6d9;border-radius:5px;font-size:10px!important;cursor:pointer}.tag-check input{display:inline-block;width:auto;margin:0;accent-color:var(--green)}.cover-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f7f9f3;border:1px dashed #c6d2bd;border-radius:7px;width:100%;min-height:155px;color:#8fa180}.cover-upload strong{font-size:11px;font-weight:500}.cover-upload span{font-size:9px;color:#a2af96}.cover-preview{position:relative;margin-bottom:10px}.cover-preview img{width:100%;border-radius:6px;display:block}.cover-preview button{position:absolute;top:7px;right:7px;background:#fff}.side-panel>.text-link{margin-bottom:20px}.seo-panel{margin-top:23px}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:#78946b}.section-title h2{font-size:15px;color:#31472b;margin:0}.subtle-badge{font-size:9px;color:#91a285;margin-left:auto}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview-label{font-size:10px;color:#819478;display:block;margin-bottom:12px}.google-preview{padding:19px;background:#fbfcf9;border:1px solid #e8eddf;border-radius:7px;overflow-wrap:anywhere}.google-preview>span{font-size:12px;color:#34482d;display:block}.google-preview small{font-size:10px;color:#819076;display:block;margin-bottom:7px}.google-preview h3{font-size:19px;color:#234d9a;font-weight:400;margin:4px 0 7px}.google-preview p{font-size:12px;color:#78876e;margin:0}.seo-score{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:15px;margin-bottom:17px}.seo-score>span{display:flex;align-items:center;gap:7px;font-size:11px}.seo-score strong{font-size:13px;color:#6c8d59}.seo-checks>div:not(.seo-score){display:flex;align-items:center;gap:8px;font-size:10px;color:#a0ac96;margin-bottom:14px}.seo-checks>div.ok{color:#5c8651}.check-circle{border:1px solid #c7d0bf;border-radius:50%;width:14px;height:14px;flex-shrink:0}.seo-checks .field-hint{font-size:9px;margin:18px 0 0}.article-preview{padding:40px}.article-preview h1{font-size:30px;line-height:1.5;margin-top:16px}.preview-excerpt{font-size:16px!important;color:#839576!important}.preview-cover{width:100%;max-height:370px;object-fit:cover;margin-bottom:30px;border-radius:8px}.article-cta{background:#eff3e8;padding:25px;border-radius:8px;margin-top:35px}.article-cta h3{font-size:17px}.article-cta .button{margin-right:10px}.toast-region{position:fixed;bottom:25px;right:25px;z-index:200;max-width:calc(100vw - 40px)}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:1px solid #d2e0c8;border-radius:10px;box-shadow:0 8px 30px #203a231c;color:#436d36;font-size:12px}.toast-error{border-color:#edccc2;color:#b15642}.toast button{background:none;border:0;color:#95a28b;padding:0;display:flex}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fbfcf9}.login-story{display:flex;flex-direction:column;justify-content:space-between;padding:50px 65px;background:#173d31;color:#fff;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:540px;height:540px;border:1px solid #41634c;border-radius:50%;bottom:-380px;right:-160px;box-shadow:0 0 0 70px #224636,0 0 0 71px #3b5c43;pointer-events:none}.login-logo{width:170px;max-height:65px;object-fit:contain;object-position:left;background:#fff;border-radius:6px;padding:6px 10px}.login-story>div{padding:70px 0}.login-story h1{font-size:43px;line-height:1.7;letter-spacing:-1px;font-weight:500;margin:24px 0}.login-story h1 em{font-style:normal;color:#dfbd84}.login-story p{font-size:13px;line-height:1.95;color:#a5bfa8}.login-caption{display:flex;align-items:center;gap:10px;font-size:10px;color:#9db69e;position:relative;z-index:1}.login-form{display:flex;align-items:center;justify-content:center;padding:50px}.login-form form{width:100%;max-width:380px}.lock-icon{display:grid;place-items:center;width:54px;height:54px;background:#ecf1e4;color:#749563;border-radius:14px;margin-bottom:28px}.login-form h2{font-size:29px;margin:8px 0}.login-form .muted{font-size:11px;margin-bottom:34px}.login-form label{font-size:12px}.login-form .button{margin-top:7px}.login-foot{text-align:center;font-size:10px;color:#a0ac95;margin-top:28px}@media(min-width:1550px){.page{padding-top:45px}.dashboard-grid{grid-template-columns:1.6fr 1fr}.stat-card{padding:28px}}@media(max-width:1200px){.sidebar{width:226px;padding-left:15px;padding-right:15px}.main-wrap{margin-left:226px;width:calc(100% - 226px)}.page{padding:28px 24px}.topbar{padding:0 24px}.stats-grid{gap:12px}.stat-card{padding:20px 15px}.stat-icon{right:13px;width:33px;height:33px}.dashboard-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.editor-heading>div{flex-wrap:wrap;justify-content:flex-end}.save-indicator{width:100%;text-align:right}.editor-heading .button{padding:8px 9px}.article-form,.seo-panel{padding:21px}.media-grid{gap:15px;padding:18px}.writing-banner{padding:22px}.writing-banner h2{font-size:14px}.recent-item strong{max-width:100%}}@media(max-width:950px){.editor-layout{grid-template-columns:1fr}.editor-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-aside .panel{margin:0}.editor-aside .seo-checks{grid-column:1/-1}.stats-grid,.media-grid{grid-template-columns:repeat(2,1fr)}.writing-banner .banner-icon{display:none}.writing-banner{flex-wrap:wrap}.login-story{padding:35px}.login-story h1{font-size:33px}.login-form{padding:35px}.page-heading h1{font-size:25px}.topbar-badge{display:none}.editor-heading{align-items:flex-start}}@media(max-width:740px){.sidebar{transform:translate(-100%);transition:transform .2s;width:254px}.sidebar.open{transform:translate(0)}.sidebar-shade{position:fixed;inset:0;background:#102d2470;z-index:29}.main-wrap{margin-left:0;width:100%}.mobile-menu{display:flex;margin-right:10px}.topbar{height:60px;padding:0 17px;justify-content:flex-start}.breadcrumbs{font-size:10px;gap:9px}.page{padding:26px 17px 36px}.page-heading{align-items:flex-start;margin-bottom:22px;gap:12px;flex-wrap:wrap}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading .button{font-size:11px;min-height:38px}.eyebrow{font-size:8px;letter-spacing:1.4px}.stats-grid{gap:12px;margin-bottom:19px}.stat-card{padding:19px 15px}.stat-icon{top:20px;width:30px;height:30px}.stat-card strong{font-size:29px}.stat-card>span:not(.stat-icon){font-size:10px}.panel-heading{padding:19px 18px}.panel-heading h2{font-size:14px}.dashboard-grid{gap:18px}.recent-list,.popular-list{padding:0 17px}.recent-item{gap:10px}.recent-item strong{max-width:180px;font-size:11px}.recent-item .article-thumb{width:40px;height:40px}.recent-item>svg{display:none}.status{font-size:9px;padding:3px 7px}.writing-banner{margin-top:18px}.writing-banner p{font-size:10px}.writing-banner h2{font-size:14px}.list-controls{padding:0 16px}.status-tabs{gap:21px}.filters{flex-wrap:wrap}.search-input,.filters select{max-width:100%}th,td{padding:15px 17px}.app-footer{padding:17px;font-size:9px}.app-footer>span:last-child{display:none}.editor-heading{flex-direction:column}.editor-heading>div{justify-content:flex-start;width:100%;gap:6px}.save-indicator{text-align:left}.editor-heading .button{flex:1;font-size:10px;gap:5px;padding:8px 6px}.editor-heading .button svg{width:14px}.article-form,.seo-panel{padding:18px}.title-input{font-size:21px}.title-input::placeholder{font-size:16px}.two-fields{grid-template-columns:1fr;gap:0}.editor-aside{grid-template-columns:1fr}.editor-aside .seo-checks{grid-column:auto}.article-editor{padding:19px 16px;min-height:330px}.editor-bottom span:last-child{display:none}.editor-toolbar{gap:1px;padding:7px}.tool-button{padding:6px}.section-title{flex-wrap:wrap}.subtle-badge{font-size:8px}.modal-backdrop{padding:12px}.modal-body{padding:20px}.modal>header{padding:17px 20px}.modal footer{padding:16px 20px}.media-grid{padding:15px;gap:13px}.media-info{padding:11px}.media-info>strong{font-size:11px}.media-info .text-link{font-size:9px}.media-info .text-link svg{display:none}.picker-grid{grid-template-columns:repeat(2,1fr)}.pager{font-size:9px;padding:12px 16px}.article-preview h1{font-size:24px}.article-preview{padding:22px}.login-page{display:flex;flex-direction:column}.login-story{padding:24px 27px}.login-story>div{padding:28px 0 0}.login-story h1{font-size:27px;line-height:1.6;margin:13px 0}.login-story h1 br{display:none}.login-story h1 em{display:block}.login-story p{font-size:11px;margin-bottom:0}.login-caption{display:none}.login-logo{width:140px;max-height:50px}.login-story .eyebrow{font-size:8px}.login-form{padding:34px 27px 40px}.login-form h2{font-size:25px}.login-form .lock-icon{display:none}.login-form .muted{margin-bottom:25px}.toast-region{right:17px;bottom:17px}.toast{font-size:11px;padding:13px 16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}