body{margin:0;color:#292a30;font:16px Arial,sans-serif;background:#f7f7f8}header{padding:12px 24px;background:white}nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#23232b;padding:14px 24px;color:white}nav a{color:white}nav form{margin:0}main{padding:24px;background:white;max-width:1200px;margin:20px auto}.legacy main{max-width:900px}h1{font-size:28px}label{display:block;margin-top:12px}input,select,textarea,button{font:inherit;padding:7px;max-width:100%;box-sizing:border-box}input[type=checkbox]{width:auto}textarea{width:100%;min-height:110px}button{cursor:pointer;margin:10px 0}table{width:100%;border-collapse:collapse;margin:20px 0}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left}td input[type=number],td input[type=text]{width:130px}.validation-summary-errors,.field-validation-error{color:#a20e0e}.recipe-image{max-width:100%;max-height:600px}.preformatted{white-space:pre-wrap}.actions{display:flex;gap:15px;align-items:center}.muted{color:#666}.card{padding:15px}@media(max-width:700px){main{padding:12px;margin:0}table{display:block;overflow-x:auto}nav{gap:12px}}

.below-cover { color: #a32121; }
.com-baker main { max-width: none; margin: 0; background: transparent; }
.com-baker nav.topbar { color: #292a30; flex-wrap: wrap; height: auto; }
.com-baker nav.topbar a { color: #545454; }
.com-baker .sidebar { min-width: 14rem; }
@media(max-width:700px) { .com-baker .sidebar { min-width: 7rem; width:7rem!important; } .com-baker .sidebar .nav-link {width:auto;} }