:root{--ink:#132722;--forest:#193d33;--cream:#f4f0e7;--paper:#fbfaf6;--gold:#c5a56a;--line:#d8d2c6;--muted:#66736e;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{text-decoration:none;color:inherit}.studio-brand{display:flex;gap:13px;align-items:center}.studio-brand>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font:17px var(--serif)}.studio-brand b{font:18px var(--serif);font-weight:400}.studio-brand small{display:block;font:9px var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-top:4px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:#3b715e;font-weight:600}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login>.studio-brand{position:absolute;top:36px;left:45px}.login:after{content:'';background:linear-gradient(#193d3366,#193d3366),url('../images/archive-study.png') center/cover}.login section{max-width:500px;align-self:center;justify-self:center;padding:40px;width:100%}.login h1,.editor h2{font:52px/1.05 var(--serif);margin:14px 0}.login section>p:not(.eyebrow){color:var(--muted);line-height:1.7}.login form{display:grid;gap:20px;margin-top:35px}label{display:grid;gap:8px;font-size:11px;font-weight:600;letter-spacing:.02em}input,textarea,select{width:100%;border:1px solid var(--line);background:white;padding:13px 14px;font:14px/1.5 var(--sans);color:var(--ink);border-radius:2px}input:focus,textarea:focus,select:focus{outline:2px solid #3b715e44;border-color:#3b715e}button,.new{border:0;background:var(--forest);color:white;padding:14px 19px;font:600 12px var(--sans);cursor:pointer;border-radius:2px}.login button{margin-top:5px}code{background:var(--cream);padding:2px 5px}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid var(--line);background:white}header nav{display:flex;gap:25px;font-size:12px;color:var(--muted)}.studio{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 78px)}aside{background:var(--cream);padding:42px 28px;border-right:1px solid var(--line)}aside h1{font:36px var(--serif);margin:8px 0 25px}.new{display:block;background:var(--forest);margin-bottom:25px}.entry-list{display:grid;gap:5px}.entry-list a{display:grid;background:transparent;padding:13px;border-radius:3px}.entry-list a:hover,.entry-list a.active{background:white}.entry-list span{font-size:8px;color:#3b715e;text-transform:uppercase;letter-spacing:.13em}.entry-list b{font:16px var(--serif);margin:4px 0}.entry-list small{font-size:9px;color:var(--muted)}.editor{padding:50px clamp(30px,7vw,100px);max-width:1050px}.editor-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:35px}.editor h2{font-size:45px;margin-bottom:0}.delete{background:none;color:#9f3f39;border:1px solid #dcb7b3}.content-form{display:grid;gap:24px}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.image-field{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;background:var(--cream);padding:17px}.image-field>div{height:110px;background:#e4ded2;display:grid;place-items:center;color:var(--muted);font-size:11px}.image-field img{width:100%;height:100%;object-fit:cover}.image-field small,.hint{font-size:10px;color:var(--muted);font-weight:400}.body-editor{font-family:ui-monospace,monospace;min-height:300px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.publish{justify-self:start;padding:16px 27px}.message{padding:13px 15px;margin-bottom:20px;font-size:12px}.error{background:#f8e7e5;color:#8d342e}.success{background:#e3f0e9;color:#235642}@media(max-width:800px){.login{grid-template-columns:1fr}.login:after{display:none}.login>.studio-brand{left:25px}.studio{grid-template-columns:1fr}aside{border-right:0}.editor{padding:40px 22px}.row{grid-template-columns:1fr}.image-field{grid-template-columns:1fr}.image-field>div{height:190px}header{padding:0 20px}header nav a:first-child{display:none}}