/* kd-news-strip.css - the LATEST NEWS strip under the nav on / and /my-drop (Oct 22 2026, dev first).
   Small, classy, always there: one fixed-height line (text changes never move the page), the whole strip is the link. */
.kd-news-strip{display:flex;align-items:center;gap:10px;height:40px;box-sizing:border-box;padding:0 clamp(14px,4vw,48px);
  position:relative;z-index:1;text-decoration:none;color:#e8e2d4;font:500 13.5px/1 Inter,system-ui,sans-serif;letter-spacing:.005em;
  background:linear-gradient(90deg,rgba(214,178,92,.13) 0%,rgba(214,178,92,.05) 55%,rgba(214,178,92,.11) 100%),rgba(11,13,12,.55);
  border-bottom:1px solid rgba(214,178,92,.24);transition:background-color .2s ease}
.kd-news-strip:hover,.kd-news-strip:focus-visible{background-color:rgba(28,26,18,.85)}
.kd-news-strip:focus-visible{outline:2px solid #f0d69a;outline-offset:-3px}
.kdn-ic{flex:none;font-size:15px;line-height:1}
.kdn-txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}
.kdn-txt b{font-weight:700;color:#f0d69a}
.kdn-meta{color:#b8b4a4}
.kd-news-strip[data-fresh="today"] .kdn-ic{filter:drop-shadow(0 0 6px rgba(240,214,154,.55))}
.kdn-go{flex:none;font-weight:700;color:#f0d69a;white-space:nowrap}
.kdn-go span{display:inline-block;transition:transform .2s ease}
.kd-news-strip:hover .kdn-go span{transform:translateX(3px)}
.kdn-head{color:#f3efe4}
.kdn-txt.kdn-fade{opacity:0}
@media (max-width:420px){
  .kdn-wide{display:none}                               /* "Latest news" on a phone, so the whole line fits */
  .kd-news-strip{font-size:12.5px;gap:8px;height:38px}
  .kdn-ic{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .kdn-txt,.kdn-go span,.kd-news-strip{transition:none}
  .kd-news-strip:hover .kdn-go span{transform:none}
}