body {
  background-image: url("/novels/images/profile_bg.webp");
}

.content::-webkit-scrollbar-thumb{
  background:#c9b18a;
  border-radius:4px;
}

/* Two-column layout */
.layout{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap:16px;
  align-items:start;
  padding:10px 6px 0;
}

/* Card blocks */
.card{
  border:1px solid #66b2a3;
  border-radius:18px;
  box-shadow:0 1px 0 rgba(16,24,40,.03);
  padding:16px 16px;
}



/* Aside member list */
.aside-card{
  border:1px solid #66b2a3;
  border-radius:18px;
  padding:14px 14px;
  box-shadow:0 1px 0 rgba(16,24,40,.03);
  position:sticky;
  top:14px;
}

.aside-card .section-title{ margin-bottom:12px; }

.member{
  background-color: rgba(255,255,255,0.35); 
  border:1px solid var(--line);
  border-radius:14px;
  padding:1px 10px;
}

.member + .member{ margin-top:10px; }

.member .name{
  margin:0 0 2px;
  font-size:1.05em;
}

.member .meta{
  margin:0;
  font-size:0.85em;
  line-height:1.6;
}


    /* Responsive */
    @media (max-width: 980px){
      .layout{ grid-template-columns: 1fr; }
      .aside-card{ position:static; }
    }