:root{--ink:#171714;--paper:#f4f1e9;--line:#d6d0c3;--gold:#9a7a45;--white:#fff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}main{width:min(880px,100% - 32px);margin:0 auto;padding:72px 0 100px}header{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:42px}.eyebrow{letter-spacing:.22em;color:var(--gold);font-size:11px;font-weight:700}h1{letter-spacing:-.045em;margin:14px 0 10px;font-family:Georgia,serif;font-size:clamp(42px,8vw,74px);font-weight:400}header p{color:#605e57;margin:0;font-size:18px}.card{border:1px solid var(--line);background:#ffffffb8;margin:16px 0;padding:28px}.login{padding:20px 28px}label{text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.row{gap:10px;display:flex}.row input{flex:1}input,button{font:inherit;border:1px solid var(--line);background:var(--white);padding:13px 14px}button{cursor:pointer;font-weight:700}button:hover{border-color:var(--ink)}.step{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr;gap:10px;padding:18px 0;display:grid}.step>span{color:var(--gold);font-family:Georgia,serif;font-size:20px}.step>div{min-width:0}.slug{border:1px solid var(--line);background:#fff;align-items:center;display:flex;overflow:hidden}.slug small{color:#777;white-space:nowrap;padding-left:13px}.slug input{border:0;width:100%;min-width:80px;padding-left:2px}.publish{background:var(--ink);color:#fff;border-color:var(--ink);width:100%;margin-top:24px;padding:16px}.publish:disabled{opacity:.55}.status{color:#605e57;min-height:20px;margin:14px 0 0;font-size:13px}.published{margin-top:50px}.section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}h2{font-family:Georgia,serif;font-size:30px;font-weight:400}.quiet{background:0 0;border:0}.published article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}article strong,article a{display:block}article a{color:#68655f;margin-top:6px;font-size:13px}.actions{gap:8px;display:flex}.delete{color:#923f35}.empty{color:#777}@media (max-width:600px){main{padding-top:40px}.row,.published article{flex-direction:column;align-items:stretch}.slug{display:block}.slug small{padding:12px 13px 0;display:block}.slug input{padding:6px 13px 12px}.actions button{flex:1}}
.unlocked{color:#245d35;background:#e8f1e8;border-color:#9db9a4}