.individuals-portal-wrapper {
font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
background: #f4f5f6;
padding: 2em;
max-width: 1200px;
margin: auto;
color: #1e1e1e;
}
/* Header */
.individuals-header {
background: linear-gradient(to right, #2e2e2e, #1a1a1a);
color: #f0f0f0;
padding: 1.8em;
border-radius: 0.5em;
margin-bottom: 2em;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.individuals-title {
font-size: 2.3em;
font-weight: 900;
letter-spacing: 0.5px;
}
.individuals-subtitle {
font-size: 1.1em;
font-style: italic;
color: #ccc;
margin-top: 0.4em;
}
/* Grid */
.individuals-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5em;
}
/* Card */
.individuals-card {
background: #ffffff;
border: 1px solid #ccc;
border-left: 5px solid #b39243;
border-radius: 6px;
padding: 1.3em;
box-shadow: 0 2px 4px rgba(0,0,0,0.04);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.individuals-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
}
.individuals-card.wide {
grid-column: 1 / -1;
}
/* Titles */
.individuals-card-title {
font-size: 1.35em;
font-weight: 700;
color: #1d1d1d;
margin-bottom: 0.4em;
border-bottom: 1px dotted #bbb;
padding-bottom: 0.2em;
}
/* Body */
.individuals-card-body {
font-size: 0.98em;
color: #2a2a2a;
}
.individuals-card-body ul {
padding-left: 1.2em;
}
.individuals-card-body li {
margin-bottom: 0.5em;
}
/* Centered */
.individuals-card-body.center {
text-align: center;
}
/* Category Tags */
.individuals-card-body a[href*="Category:"] {
display: inline-block;
background: #f1f1f1;
border: 1px solid #bbb;
padding: 0.3em 0.7em;
font-size: 0.9em;
font-weight: 600;
color: #333;
border-radius: 6px;
margin: 0.2em;
text-decoration: none;
}
.individuals-card-body a[href*="Category:"]:hover {
background: #e3e3e3;
color: #111;
}
/* Links */
a:link,
a:visited {
color: #5a4e1e;
text-decoration: none;
transition: color 0.2s ease;
}
a:hover {
color: #8f6d1e;
text-decoration: underline;
}