:root{--navy:#173451;--burgundy:#7b2937;--cream:#f5f0e6;--green:#33573e}*{box-sizing:border-box}body{margin:0;background:var(--cream);font:16px system-ui,sans-serif;color:#25282b}.admin-head{background:var(--navy);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin-head strong{font:700 1.4rem Georgia,serif}.admin-head small{display:block;color:#d8cdb7}.admin-head nav{display:flex;gap:1rem;align-items:center}.admin-head a{color:white}.button,button{background:var(--burgundy);color:#fff!important;border:0;border-radius:4px;padding:.7rem 1rem;text-decoration:none;font-weight:700;cursor:pointer}.admin-main,.form-main{max-width:1100px;margin:2rem auto;padding:0 1rem}.table-wrap{overflow:auto;background:white}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:1rem;border-bottom:1px solid #ddd}.table-wrap small{display:block;color:#666}.status{display:inline-block;padding:.2rem .5rem;border-radius:1rem;background:#ddd;font-size:.75rem;text-transform:uppercase}.status.published{background:#d7ebda;color:#174b25}.story-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#fff;padding:2rem}.story-form label,.story-form fieldset{display:flex;flex-direction:column;gap:.4rem}.story-form .wide{grid-column:1/-1}.story-form input,.story-form textarea,.story-form select{font:inherit;padding:.7rem;border:1px solid #aaa;border-radius:3px}.story-form textarea{font-family:ui-monospace,monospace}.story-form fieldset{border:1px solid #ccc;display:grid;grid-template-columns:1fr 1fr}.story-form legend{font-weight:700}.story-form .check{flex-direction:row;align-items:center}.story-form .check input{width:auto}.error{background:#f7d7dc;color:#691d29;padding:1rem;margin-bottom:1rem}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--green))}.login-card{width:min(430px,92vw);background:white;padding:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 12px 50px #0005}.login-card h1{font-family:Georgia,serif;color:var(--navy);margin:0}.login-card label{display:flex;flex-direction:column;gap:.3rem;font-weight:700}.login-card input{padding:.8rem;font:inherit}.login-card a{color:var(--navy)}@media(max-width:650px){.admin-head{align-items:flex-start;flex-direction:column}.story-form{grid-template-columns:1fr;padding:1rem}.story-form .wide{grid-column:auto}.story-form fieldset{grid-template-columns:1fr}}