/* styles.css - layout simples */
* { 
    box-sizing: border-box; 
    font-family: system-ui, Arial, sans-serif; 
}

body { 
    margin:0; 
    background:#fafafa; 
    color:#222; 
}

.banner { 
    background:#1f2937; 
    color:#fff; 
    padding:24px 0; 
}

.banner-inner { 
    display:flex; 
    align-items:center; 
    justify-content:space-between; 
    max-width:1100px; 
    margin:0 auto; 
    padding:0 16px; 
}

.banner h1 { 
    margin:0; 
    font-size:28px; 
}

.banner-authors img { 
    width:72px; 
    height:72px; 
    object-fit:cover; 
    border-radius:50%; 
    box-shadow:0 6px 18px rgba(0,0,0,0.25); 
}

.banner-authors { 
    text-align:center; 
}

.layout { 
    max-width:1100px; 
    margin:32px auto; 
    padding:0 16px; 
    display:grid; 
    grid-template-columns: 4fr; 
    gap:24px; 
    align-items:start; 
}

/* Content */
.content-area { 
    background:#fff; 
    border:1px solid #e5e7eb; 
    padding:20px; 
    min-height:300px;
 }

 .content-area h2 { 
    margin-top:0; 
}

form {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

form label {
    font-weight: bold;
    font-size: 14px;
}

form input, form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
}

form textarea {
    height: 120px;
    resize: vertical;
}

form button {
    background: #0077cc;
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    transition: 0.2s;
}

form button:hover {
    background: #005fa3;
}

.left-menu {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px;
  background:#fff; 
  /*border:1px solid #e5e7eb; */
  padding:16px; 
  position:sticky; 
  top:16px; 
  height:calc(100vh - 120px); 
  overflow:auto; 
}

.left-menu ul { 
    list-style:none; 
    margin:0; 
    padding:0; 
}

.left-menu li { 
    margin: 4px 0; 
}

.left-menu a { 
    font-size: 14px; 
    color:#333; 
    text-decoration:none; 
    display:block; 
    padding:4px 6px; 
    /*border-radius:6px; */
}

.left-menu a:hover { 
    background:#eee; 
}