/* Darknight theme - built from Minimal structure
   Palette provided by user:
   #222831  (bg)
   #393E46  (panel)
   #948979  (muted)
   #DFD0B8  (text / accent)
*/
:root{
  --bg:#222831;
  --panel:#393E46;
  --text:#DFD0B8;
  --muted:#948979;
  --accent:#DFD0B8;
}
*{box-sizing:border-box}
.m-wrap{max-width:820px;margin:0 auto;padding:28px}
.m-site-header{border-bottom:1px solid rgba(255,255,255,0.04);background:transparent}
html,body{height:100%;margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--bg); color:var(--text); display:flex; flex-direction:column}
.m-brand{font-weight:700;color:var(--accent);text-decoration:none;margin-right:18px}
.m-nav{display:inline-block}
.m-nav a{color:var(--muted);text-decoration:none;margin-right:12px;font-size:14px}
.m-main{flex:1;padding:30px 0}
.m-post{max-width:760px; margin: 20px auto;background:#393E46;padding: 20px;border-radius: 6px;}
.m-post-title{font-size:32px;line-height:1.05;margin:0 0 8px}
.m-meta{color:var(--muted);font-size:13px;margin-bottom:18px}
.m-featured{width:100%;height:auto;border-radius:6px;margin:18px 0;box-shadow:0 6px 18px rgba(0,0,0,0.5)}
.m-content{line-height:1.7;color:var(--text);font-size:17px}
.m-content img{max-width:100%;height:auto}
.m-site-footer{border-top:1px solid rgba(255,255,255,0.04);padding:24px 0;text-align:center;color:var(--muted);font-size:14px;margin-top:auto}
@media (max-width:640px){.m-wrap{padding:18px}.m-post-title{font-size:24px}}

/* Author card */
.m-author-card{display:flex;gap:14px;align-items:flex-start;border-top:1px solid rgba(255,255,255,0.03);padding-top:16px;margin-top:28px;margin-bottom:20px}
.m-author-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.03)}
.m-author-meta p{margin:6px 0 0;color:var(--muted);font-size:14px}

/* Tags */
.m-tags{margin-top:18px;margin-bottom:18px}
.m-tag{display:inline-block;margin-right:8px;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:var(--panel);color:var(--muted);text-decoration:none;font-size:13px}
.m-tag:hover{background:var(--accent);color:var(--bg)}

/* Post meta */
.post-date{color:var(--muted);font-size:14px;margin:8px 0 6px}
.post-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.post-nav a{display:inline-block;padding:8px 12px;border-radius:6px;text-decoration:none;background:var(--panel);color:var(--text)}

/* Links and accents */
a{color:var(--accent)}
a:hover{opacity:0.88}

/* Panels/cards */
.card, .panel{background:var(--panel);border-radius:8px;padding:14px;color:var(--text)}

/* Small helpers */
.muted{color:var(--muted)}

/* Admin login styles (Darknight) */
.admin-login{max-width:420px;margin:48px auto;padding:28px;border-radius:8px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.06));box-shadow:0 8px 30px rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.03)}
.admin-login h2{margin:0 0 14px;font-size:22px;color:var(--text)}
.admin-login .error{background:#5a2121;color:#ffdede;padding:8px;border-radius:6px;margin-bottom:12px}
.admin-login-form label{display:block;margin-bottom:12px;color:var(--muted);font-size:14px}
.admin-login-form input[type=text],.admin-login-form input[type=password],.admin-login-form input{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,0.04);background:rgba(0,0,0,0.12);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,0.02)}
.admin-login-form .form-actions{margin-top:12px;text-align:right}
.admin-login-form .btn{background:var(--accent);color:var(--bg);padding:10px 14px;border-radius:6px;border:none;cursor:pointer}
.admin-login-form .btn:hover{opacity:0.95}

@media (max-width:540px){.admin-login{margin:28px 12px;padding:18px}}

/* Additional polish */
.login-brand{font-size:18px;margin-bottom:8px}
.login-brand a{color:var(--accent);text-decoration:none;font-weight:700}
.admin-login-form input::placeholder{color:rgba(255,255,255,0.35)}
.admin-login-form input:focus{outline:none;border-color:rgba(223,208,184,0.9);background:rgba(255,255,255,0.02);box-shadow:0 0 0 4px rgba(223,208,184,0.04)}
.admin-login{margin:8vh auto}