.wp-main{
  background:var(--bg);
}

.wp-layout{
  display:grid;
  grid-template-columns:1.5fr .7fr;
  gap:14px;
}

@media (max-width:980px){
  .wp-layout{grid-template-columns:1fr}
}

.wp-content{display:grid;gap:12px}

.wp-card h2{
  margin:6px 0;
  font-size:1.15rem;
}

.wp-card-muted{
  opacity:.9;
  border-style:dashed;
}

.wp-year{
  display:inline-block;
  font-weight:700;
  color:var(--brand);
  margin-bottom:8px;
}

.wp-section h2{
  margin:0 0 8px;
  font-size:1.15rem;
}

.wp-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.wp-side .card h3{
  margin:0 0 8px;
}

.wp-raw-wrap{
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
}

.wp-raw{
  margin:0;
  padding:12px;
  white-space:pre-wrap;
  word-break:break-word;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:.85rem;
  line-height:1.6;
  max-height:64vh;
  overflow:auto;
}