/* Highlight panel: bright center, subtle desaturated vignette (edge-tight), gold outer */
.hilight1 {
  display: inline-block;
  position: relative;
  margin: 20px 8px;
  border-radius: 5px;

  /* Padding for important content */
  padding: 15px;

  /* Word-level wrapping; never hyphenate */
  hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  word-break: keep-all;     /* prevent breaks inside words */
  overflow-wrap: normal;    /* don't force breaks in long words */
  word-wrap: normal;        /* legacy alias */

  /* 5px inner “frame” via transparent border */
  border: 5px solid transparent;

  /* 1) Inner gradient (white → desaturated newsprint at rim; tighter vignette)
     2) Golden base (shows in the border frame) */
  background-image:
    radial-gradient(circle farthest-corner at 50% 50%,
      #ffffff 0%,
      #ffffff 58%,
      #fffdf9 76%,
      #f6efe4 90%,
      #ece3d3 97%,
      #e3d8c6 100%
    ),
    radial-gradient(circle,
      rgba(255, 230, 80, 0.96) 0%,
      rgba(255, 204, 51, 0.94) 25%,
      rgba(255, 174, 51, 0.91) 50%,
      rgba(204, 136, 34, 0.88) 75%,
      rgba(178, 125, 42, 0.84) 100%
    );
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;

  /* Dark inset bevel + soft depth (unchanged) */
  box-shadow:
    inset 0 0 0 2px rgba(0, 0, 0, 0.20),
    inset 2px 2px 6px rgba(0, 0, 0, 0.08),
    inset 0 0 4px 1px rgba(0, 0, 0, 0.06),
    1.5px 1.5px 4px rgba(0, 0, 0, 0.16);

  /* Text color for contrast on bright center */
  color: #0a0a0a;

  /* Type: larger default text + comfortable line spacing */
  font-size: 1.25em;
  line-height: 1.45; /* good for paragraphs/lists at 1.25em */
}

/* Keep headings crisp without changing their sizes */
.hilight1 h1,
.hilight1 h2,
.hilight1 h3,
.hilight1 h4,
.hilight1 h5,
.hilight1 h6 {
  line-height: 1.2;
}