/* Caddie's Read — narrative situational read of the current window.
   Sits above the "How this will play" and "Yardage today" chips inside the
   Conditions block. Uses the same design tokens as .peak-tip but is larger,
   with a bolder left border and a narrative body-text treatment.
*/

.caddie-read{
  margin-top:10px;
  padding:14px 16px 14px 18px;
  background:
    linear-gradient(180deg, #fff8ea 0%, #fffdf5 100%);
  border:1px solid var(--line);
  border-left:4px solid #c07f00;   /* Amber accent — same as Yardage today chip */
  border-radius:var(--radius-sm);
  box-shadow:0 1px 2px rgba(30, 24, 5, 0.03);
}

.caddie-read-header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
}

.caddie-read-badge{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.09em;
  color:#7a5300;
  font-weight:700;
}

.caddie-read-body{
  margin:0;
  color:var(--ink-900);
  font-size:.985rem;
  line-height:1.55;
  font-weight:400;
}

/* When two sentences are close in length, break the text visually so it
   scans like a real caddie briefing rather than one dense paragraph. */
.caddie-read-body{ text-wrap:pretty; }

@media (max-width:520px){
  .caddie-read{
    padding:12px 14px;
  }
  .caddie-read-body{
    font-size:.94rem;
    line-height:1.5;
  }
}