.wb-cover {
display: block;
width: 100%;
max-width: 960px;
height: auto;
margin: var(--ds-space-8) auto 0;
border-radius: var(--ds-radius-2xl);
box-shadow: var(--ds-shadow-lg);
}
.wb-prose p {
margin: 0 0 var(--ds-space-4);
font-size: var(--ds-text-lg);
line-height: var(--ds-prose-lh);
color: var(--ds-text-secondary);
}
.wb-prose .wb-ask {
margin-bottom: 0;
font-family: var(--ds-font-display);
font-weight: var(--ds-weight-semibold);
color: var(--ds-text);
}
.wb-list {
display: grid;
gap: var(--ds-space-3);
margin: 0;
padding: 0;
list-style: none;
counter-reset: wb;
}
.wb-list li {
position: relative;
padding: var(--ds-space-4) var(--ds-space-5) var(--ds-space-4) 64px;
border: 1px solid var(--ds-border);
border-radius: var(--ds-radius-lg);
background: var(--ds-bg);
font-size: var(--ds-text-md);
line-height: 1.45;
counter-increment: wb;
}
.wb-list li::before {
content: counter(wb, decimal-leading-zero);
position: absolute;
top: var(--ds-space-4);
left: var(--ds-space-5);
font-family: var(--ds-font-display);
font-weight: var(--ds-weight-bold);
color: var(--ds-text-accent);
}
.wb-people {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--ds-grid-gap);
margin: 0;
padding: 0;
list-style: none;
}
.wb-people li {
display: grid;
gap: var(--ds-space-2);
padding: var(--ds-space-5);
border-radius: var(--ds-radius-lg);
background: var(--ds-bg);
box-shadow: var(--ds-shadow-sm);
}
.wb-people strong {
font-family: var(--ds-font-display);
font-size: var(--ds-h5-size);
}
.wb-people span {
color: var(--ds-text-secondary);
}
@media (max-width: 1023px) {
.wb-people {
grid-template-columns: 1fr;
}
}