body {
 font-family: system-ui, sans-serif;
 /*background: #f7f7fa;
 margin: 0;
 padding: 0;*/
}
        
.ideas-list {
 max-width: 800px;
 margin: 2rem auto;
 padding: 0 1rem;
}

.idea-card {
 background: #fff;
 border-radius: 10px;
 box-shadow: 0 2px 12px #0001;
 margin-bottom: 2rem;
 padding: 1.5rem 2rem;
 transition: box-shadow .2s;
}

.idea-card:hover {
 box-shadow: 0 4px 24px #0002;
}

.idea-meta {
 display: flex;
 flex-wrap: wrap;
 gap: 1.5rem;
 font-size: .95em;
 color: #666;
 margin-bottom: .7em;
}

.idea-meta a {
 color: #4682b4;
 text-decoration: none;
}

.idea-meta a:hover {
 text-decoration: underline;
}

.idea-title {
 margin: 0 0 .5em 0;
 font-size: 1.4em;
 font-weight: bold;
 color: #222;
}

.idea-tags {
 margin-top: .6em;
}

.idea-tag {
 display: inline-block;
 background: #e3f1fa;
 color: #2277aa;
 border-radius: 3px;
 padding: .15em .55em;
 font-size: .92em;
 margin-right: .3em;
 text-decoration: none;
}

.idea-text {
 color: #444;
 margin-top: .7em;
}

.read-more {
 color: #2277aa; /* A */
 text-decoration: none; /* A */
 font-weight: bold; /* A */
 width: 100%; /* DIV */
 text-align: right; /* DIV */
 /*margin-left: .5em;*/
}

.read-more:hover {
 text-decoration: underline; 
}