.neutral-panel {
  --neutral-accent: #ffab8b;
  --neutral-mint: #a4dfc8;
  --neutral-card: #1c2023;
  --neutral-line: #40504d;
  --neutral-text: #fff2ea;
  --neutral-muted: #d4c9ca;
  margin-block: 16px;
  padding: clamp(13px, 3vw, 26px);
  border: 1px solid var(--neutral-line);
  border-radius: 16px;
  background: radial-gradient(ellipse at top right, #32795f26, transparent 62%), var(--neutral-card);
  color: var(--neutral-text);
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
[data-theme="light"] .neutral-panel {
  --neutral-accent: #96301b;
  --neutral-mint: #13594a;
  --neutral-card: #fffaf4;
  --neutral-line: #b5c6bf;
  --neutral-text: #211b20;
  --neutral-muted: #544b51;
}
.neutral-panel :is(h2,h3,p) { color: inherit; margin: 0; }
.neutral-panel h2 { font-size: clamp(21px,3.4vw,34px); line-height: 1.18; }
.neutral-panel h3 { font-size: 1rem; }
.neutral-panel p { margin-block-start: 8px; color: var(--neutral-muted); }
html[data-theme] .neutral-panel a { color: var(--neutral-accent); text-decoration: underline; text-underline-offset: .2em; }
html[data-theme] .neutral-panel a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.neutral-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,190px),1fr)); gap: 12px; margin-block-start: 15px; }
.neutral-example { padding-block-start: 9px; border-block-start: 1px solid var(--neutral-line); min-inline-size: 0; }
.neutral-example header { display: flex; align-items: center; gap: 8px; }
.neutral-example img { border-radius: 5px; flex: none; object-fit: cover; }
.neutral-example p { font-size: .91rem; }
.neutral-pos { color: var(--neutral-mint); font-variant-numeric: tabular-nums; }
.neutral-kicker { display: block; font-size: .77rem; font-weight: 750; color: var(--neutral-accent); margin-block-end: 5px; }
.neutral-brand-line { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; }
.neutral-brand-line strong { font-size: clamp(24px,4vw,43px); line-height: 1.15; color: var(--neutral-mint); }
.neutral-share img { display: block; width: min(100%, 620px); height: auto; border-radius: 12px; margin-block: 12px 5px; }