/* Source: ic-index-news-window-final-exact-and-working */
/* Exact news window styles copied from index + final placement guard */
.news-tool-trigger:hover{transform:translateY(-2px) !important;background:#ffffff !important;color:#151515 !important;border-color:#efff5a !important}
.news-tool-trigger span::before,.news-tool-trigger span::after,.news-tool-trigger i::before,.news-tool-trigger i::after{content:"";width:4px;height:4px;border-radius:50%;background:#ffffff;display:block}
.news-tool-trigger i{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;grid-column:1 / -1}
.news-tool-panel{position:fixed;top:82px;right:clamp(18px,3vw,42px);z-index:2147482450;width:min(640px,calc(100vw - 120px));max-height:calc(100vh - 158px);overflow:auto;background:#ffffff;color:#151515;border:1px solid rgba(246,242,235,.10);border-radius:14px;box-shadow:0 34px 120px rgba(0,0,0,.42);backdrop-filter:none;opacity:0;pointer-events:none;transform:translateY(-10px) scale(.985);transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)}
body.news-panel-open .news-tool-panel{opacity:1;pointer-events:auto;transform:none}
.news-tool-inner{display:grid;grid-template-columns:1fr;gap:0;padding:0}
.news-tool-left{padding:20px 22px 16px;border-bottom:none;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#151515;margin-bottom:10px;font-weight:700}
.news-tool-title{font-family:"Space Grotesk",Arial,sans-serif !important;font-size:clamp(26px,2.3vw,40px);line-height:1;letter-spacing:-.06em;margin:0;max-width:620px;color:#f6f2eb}
.news-tool-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.news-tool-tabs button{border:1px solid rgba(246,242,235,.13);background:#ffffff;color:#151515;border-radius:8px;padding:9px 13px;font-family:"Advent Pro",Arial,sans-serif !important;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.25s ease}
.news-tool-tabs button:hover,.news-tool-tabs button.is-active{background:#ffffff;color:#f6f2eb}
.news-tool-meta{display:flex;align-items:center;gap:10px;margin:16px 0 0;flex-wrap:wrap}
.news-clock{width:54px;height:54px;min-height:54px;padding:0;border-radius:50%;position:relative;background:#ffffff;border:1px solid rgba(246,242,235,.18);color:#151515;flex:0 0 54px}
.news-clock::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(246,242,235,.09)}
.news-clock::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#ffffff;transform:translate(-50%,-50%);box-shadow:none;left:50%;top:50%;width:2px;transform-origin:50% 100%;border-radius:999px;background:#f6f2eb}
.news-clock-hour{height:14px;margin-top:-14px;opacity:.9}
.news-clock-minute{height:20px;margin-top:-20px;background:#ccff00}
.news-clock-label,.news-date,.news-play{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:9px;padding:0 13px;background:#ffffff;border:1px solid rgba(246,242,235,.12);color:#151515;font-family:"Space Grotesk",Arial,sans-serif !important;font-size:13px;line-height:1;letter-spacing:.08em;text-transform:uppercase}
.news-clock-label{color:#ccff00}
.news-play{gap:8px;cursor:pointer;transition:.25s ease}
.news-play::before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}
.news-play:hover{background:#ffffff;color:#151515;border-color:rgba(21,21,21,.28);transform:translateY(-2px)}
.news-tool-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid rgba(246,242,235,.14);border-radius:8px;background:#ffffff;color:#151515;font-size:22px;cursor:pointer;transition:.25s ease}
.news-tool-close:hover{background:#ffffff;color:#111}
.news-tool-grid{display:grid;grid-template-columns:1fr;gap:0}
.news-card{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:18px;align-items:center;padding:18px 22px;background:transparent;border-bottom:none;transition:background .25s ease}
.news-card:hover{background:rgba(246,242,235,.06)}
.news-card small{display:block;color:#151515;font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}
.news-card h3{font-family:"Space Grotesk",Arial,sans-serif !important;font-size:clamp(18px,1.4vw,24px);line-height:1.04;letter-spacing:-.045em;margin:0 0 7px;color:#f6f2eb}
.news-card p{margin:0;color:#151515;font-size:15px;line-height:1.18;letter-spacing:-.015em}
.news-thumb{width:86px;aspect-ratio:1;border-radius:7px;overflow:hidden;background:radial-gradient(circle at 30% 30%,#ccff00,transparent 36%),linear-gradient(135deg,#b875ff,#111)}
.news-spotify{display:none;padding:0 22px 20px}
.news-spotify.is-open{display:block}
.news-spotify iframe{width:100%;height:152px;border:0;border-radius:12px;display:block;background:#111}
.news-tool-all{display:inline-flex;align-items:center;justify-content:center;margin:16px 22px 20px;border:1px solid rgba(246,242,235,.24);border-radius:999px;padding:13px 18px;color:#151515;font-size:13px;text-transform:uppercase;letter-spacing:.1em;transition:.25s ease;width:max-content}
.news-tool-all:hover{background:#ffffff;color:#151515;border-color:#ccff00}
@media (max-width:900px){.news-tool-trigger{width:44px !important;height:40px !important}.news-tool-panel{top:78px;right:18px;left:18px;width:auto;max-height:72vh}}
.news-tool-trigger{position:static !important;width:48px !important;height:42px !important;min-width:48px !important;border-radius:13px !important;flex:0 0 auto !important;border:1px solid rgba(58,29,19,.25) !important;background:#ffffff !important;color:#151515 !important;display:grid !important;place-items:center !important;cursor:pointer !important;padding:0 !important;transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s ease,color .25s ease,border-color .25s ease !important;overflow:hidden !important}
.news-tool-trigger span{width:24px !important;height:18px !important;display:block !important;grid-template-columns:repeat(2,1fr);gap:7px;position:relative !important;transform:none !important;animation:none !important}
.news-tool-trigger span::before,.news-tool-trigger span::after,.news-tool-trigger i::before{content:"" !important;position:absolute !important;top:50% !important;width:5px !important;height:5px !important;border-radius:50% !important;background:#ffffff !important;opacity:.72 !important;transform:translateY(-50%) !important;animation:newsDotMove 1.25s ease-in-out infinite !important;box-shadow:none !important}
.news-tool-trigger span::before{left:2px !important;animation-delay:0s !important}
.news-tool-trigger i::before{left:9.5px !important;animation-delay:.16s !important}
.news-tool-trigger span::after{left:17px !important;animation-delay:.32s !important}
.news-tool-trigger i,.news-tool-trigger i::after{display:block !important;width:0 !important;height:0 !important;background:transparent !important;box-shadow:none !important}
@keyframes newsDotMove{0%,100%{transform:translateY(-50%) translateX(0) scale(1);opacity:.62}35%{transform:translateY(-50%) translateX(5px) scale(1.35);opacity:1}70%{transform:translateY(-50%) translateX(-1px) scale(1);opacity:.82}}
.news-filters,.news-toolbar,.news-meta,.news-clock,.clock-widget,.news-thumb,.article-thumb,.news-card img{display:none !important}
/* Final guard: this component must remain above all About overlays */
.news-tool-trigger{pointer-events:auto !important;visibility:visible !important;opacity:1 !important;z-index:2147483001 !important;}
.news-tool-panel{display:block !important;visibility:visible !important;z-index:2147483000 !important;}
body:not(.news-panel-open) .news-tool-panel{opacity:0 !important;pointer-events:none !important;transform:translateY(-10px) scale(.985) !important;}
body.news-panel-open .news-tool-panel{opacity:1 !important;pointer-events:auto !important;transform:none !important;}


/* =========================================================
   NEWS WINDOW — INDEX COLORS OVERRIDE
   All text inside the latest-news window uses the same white
   treatment as the index page.
   ========================================================= */
.news-tool-panel,
.news-tool-panel *{
  color:#151515 !important;
}

.news-tool-kicker,
.news-card small{
  color:#151515 !important;
}

.news-tool-title,
.news-card h3,
.news-card p,
.news-clock-label,
.news-date,
.news-play,
.news-tool-tabs button,
.news-tool-close,
.news-tool-all{
  color:#151515 !important;
}

.news-tool-tabs button:hover,
.news-tool-tabs button.is-active{
  color:#151515 !important;
}

.news-play:hover,
.news-tool-all:hover,
.news-tool-trigger:hover{
  color:#151515 !important;
}

