  /* page-local additions, built on the shared Bee Current design system */
  .tool-row{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; }
  .tool{
    background:var(--panel); border:1px solid var(--line); border-radius:var(--r-md);
    padding:26px; display:flex; flex-direction:column; gap:12px;
    transition:border-color .18s ease, transform .18s ease;
  }
  .tool:hover{ border-color:rgba(245,167,58,0.4); transform:translateY(-2px); }
  .tool h3{ margin:0; }
  .tool p{ font-size:15px; line-height:1.62; margin:0; }
  .tool .go{ margin-top:auto; font-size:14px; font-weight:600; color:var(--orange); text-decoration:none; }
  .tool .go:hover{ color:var(--orange-bright); }

  /* parent-brand strip so the hierarchy is never ambiguous */
  .parent-strip{
    background:var(--bg2); border-bottom:1px solid var(--line-soft);
    font-size:13.5px; color:var(--text3);
  }
  .parent-strip .wrap{ display:flex; align-items:center; gap:10px; padding:11px 28px; flex-wrap:wrap; }
  .parent-strip b{ color:var(--text2); font-weight:600; }
  .parent-strip a{ color:var(--orange); text-decoration:none; }
  .parent-strip a:hover{ color:var(--orange-bright); }

  .note-list{ display:grid; gap:0; max-width:900px; }
  .note{ display:grid; grid-template-columns:132px 1fr; gap:26px; padding:26px 0; border-top:1px solid var(--line-soft); align-items:start; }
  .note:last-child{ border-bottom:1px solid var(--line-soft); }
  .note .when{ font-family:var(--mono); font-size:12.5px; color:var(--text3); padding-top:4px; letter-spacing:0.03em; }
  .note h3{ margin-bottom:8px; }
  .note p{ font-size:15.5px; margin:0; }
  @media(max-width:620px){ .note{ grid-template-columns:1fr; gap:8px; } }

  .band-method{ background:var(--bg2); }

  /* Tiffany pass: the FREE TOOLS section uses green accents only */
  #tools .kicker{ color:var(--green); }
  #tools .kicker::before{ background:var(--green); }
  #tools .pill{ color:var(--green); background:rgba(78,199,143,0.1); border-color:rgba(78,199,143,0.3); }
  #tools .tool .go{ color:var(--green); }
  #tools .tool .go:hover{ color:#8fdcae; }
  #tools .tool:hover{ border-color:rgba(78,199,143,0.42); }
