.blog-page{max-width:1180px;padding:54px 0 28px}
.blog-workspace{grid-template-columns:220px minmax(0,1fr)}
.blog-workspace{border:0}
.blog-sidebar{padding:32px 14px;border-right:0}
.blog-index{padding:29px 20px 24px;min-width:0}
.blog-index-head{gap:14px}
.blog-actions{min-width:0}
.blog-search{width:min(350px,28vw)}
.post-table-head,.post-row{grid-template-columns:minmax(220px,2fr) 96px 125px 105px 125px;gap:10px}
.post-actions{justify-content:flex-start;gap:6px}
.post-actions button{width:34px;height:34px;padding:0;display:grid;place-items:center;font-size:0}
.post-actions button[data-action="open"]:before{content:'↗';font-size:16px}
.post-actions button[data-action="edit"]:before{content:'✎';font-size:16px}
.post-actions button[data-action="delete"]:before{content:'♲';font-size:16px}
.post-title h3{font-size:13px}
.post-title p{max-width:370px}
.blog-statusbar{gap:12px}
.post-table-head,.post-row{padding-left:20px;padding-right:20px}
.blog-tabs{display:flex;border-bottom:1px solid var(--line);margin:22px 0 0}
.blog-tab{border:0;background:transparent;color:var(--muted);font:12px 'DM Mono';padding:12px 18px;cursor:pointer}
.blog-tab.active,.blog-tab:hover{background:var(--soft);color:var(--green);box-shadow:inset 0 -2px var(--green)}
.reader-dialog{width:min(720px,calc(100% - 36px));border:1px solid var(--green);background:#0a150c;color:var(--ink);padding:38px;box-shadow:0 0 50px #b7ff5438}
.reader-dialog::backdrop{background:#000b}
.reader-close{position:absolute;right:18px;top:14px;border:0;background:none;color:var(--muted);font:25px 'DM Mono';cursor:pointer}
.reader-close:hover{color:var(--green)}
.reader-kicker{margin:0 0 16px;color:var(--green);font:11px 'DM Mono';letter-spacing:.12em}
.reader-title{margin:0;color:#effff1;font:500 clamp(23px,4vw,36px) 'DM Mono';line-height:1.2}
.reader-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:24px 0;color:var(--muted);font:11px 'DM Mono'}
.reader-meta b{border:1px solid #24552d;background:#14301b;color:#9ad59f;padding:5px 7px;font-weight:400}
.reader-status.published{color:var(--green)}.reader-status.draft{color:#ffd34f}
.reader-content{color:#b5cfb8;font:14px 'DM Mono';line-height:1.8}.reader-content p{margin:0 0 16px}.reader-content .reader-body{color:#759679;border-left:2px solid var(--green);padding-left:15px}
#postDialog{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;overflow:auto;background:#071009}
#postDialog form{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:52px 54px}
#postDialog .dialog-head{border-bottom:1px solid var(--line);margin-bottom:22px}
#postDialog .dialog-head h2{font-size:26px;padding-bottom:14px}
#postDialog label{font-size:12px;margin:18px 0}
#postDialog input,#postDialog select,#postDialog textarea{font-size:14px;padding:13px}
#postDialog textarea{min-height:170px;resize:vertical}
#postDialog textarea[name="excerpt"]{min-height:58vh;line-height:1.7}
#postDialog .save-btn{font-size:13px;padding:14px 20px;margin-top:18px}
@media(max-width:600px){#postDialog form{padding:32px 22px}#postDialog .form-row{grid-template-columns:1fr}#postDialog textarea[name="excerpt"]{min-height:55vh}}
@media(max-width:1000px){.blog-page{padding:35px 20px}.blog-workspace{grid-template-columns:220px minmax(0,1fr)}.post-table-head,.post-row{grid-template-columns:minmax(190px,2fr) 90px 110px 95px 118px}.blog-search{width:230px}}
@media(max-width:720px){.blog-page{padding:35px 20px}.blog-sidebar{padding:20px;border-bottom:0}.blog-index{padding:25px 18px}.blog-search{width:100%}.post-table-head,.post-row{min-width:720px}}