.intel-body { --intel-card: #101b2a; --intel-line: #294056; --intel-cyan: #63d6e9; --intel-muted: #b5c4d5; }
.intel-page { display: block; max-width: 1500px; }
.intel-page > * + * { margin-top: 20px; }
.intel-page .cyber-utility { margin-bottom: 20px; }
.intel-heading { padding: clamp(22px, 3vw, 38px); border: 1px solid var(--intel-line); border-radius: 12px; background: radial-gradient(circle at 92% 12%, #164253 0, transparent 40%), #101a29; }
.intel-kicker, .intel-panel-head > span { color: var(--intel-cyan); font-size: .68rem; font-weight: 850; letter-spacing: .14em; }
.intel-heading h1 { margin: 10px 0; font-size: clamp(2rem, 3.4vw, 3.5rem); line-height: 1.05; letter-spacing: -.04em; }
.intel-heading h1 span { color: var(--intel-cyan); }
.intel-heading > p:not(.intel-kicker) { max-width: 740px; margin: 0; color: var(--intel-muted); }
.intel-jump { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
.intel-jump a { padding: 8px 11px; border: 1px solid #3b5b6b; border-radius: 6px; color: #d5edf2; font-size: .78rem; text-decoration: none; }
.intel-jump a:hover { background: #1c4150; }
.intel-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.intel-metrics > div { display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 16px; border: 1px solid var(--intel-line); border-radius: 8px; background: var(--intel-card); }
.intel-metrics span { color: var(--intel-muted); font-size: .72rem; }
.intel-metrics strong { color: #f3f9fc; font-size: clamp(1.2rem, 2vw, 1.8rem); line-height: 1.12; }
.intel-metrics small { color: #95aabe; font-size: .68rem; line-height: 1.35; }
.intel-privacy { padding: 12px 16px; border: 1px solid #3b6257; border-radius: 7px; background: #142a29; color: #d0e9df; font-size: .78rem; }
.intel-privacy strong { color: #f0fff7; }
.intel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.intel-panel, .intel-method { min-width: 0; padding: clamp(19px, 2vw, 26px); border: 1px solid var(--intel-line); border-radius: 10px; background: var(--intel-card); }
.intel-panel-head { padding-bottom: 18px; border-bottom: 1px solid #26394c; }
.intel-panel-head h2, .intel-method h2 { margin: 9px 0 6px; font-size: 1.35rem; letter-spacing: -.02em; }
.intel-panel-head p, .intel-method p { margin: 0; color: var(--intel-muted); font-size: .82rem; }
.intel-lookup-form { margin-top: 18px; }
.intel-lookup-form label { display: block; margin-bottom: 7px; color: #dce9f3; font-size: .76rem; font-weight: 750; }
.intel-lookup-form > div { display: flex; gap: 8px; }
.intel-lookup-form input { min-width: 0; flex: 1; padding: 11px 12px; border: 1px solid #466178; border-radius: 5px; background: #0b1421; color: #fff; font: inherit; }
.intel-page button, .intel-file { padding: 10px 13px; border: 1px solid #3c6e76; border-radius: 5px; background: #17434a; color: #effffc; font: inherit; font-size: .78rem; font-weight: 750; cursor: pointer; }
.intel-page button:hover, .intel-file:hover { border-color: var(--intel-cyan); background: #205563; }
.intel-page :is(input, button, a):focus-visible, .intel-file:focus-within { outline: 3px solid #f2c77f; outline-offset: 3px; }
.intel-status { margin: 15px 0; color: #afc1d2; font-size: .75rem; }
.intel-cve-result { padding: 15px; border: 1px solid #385267; border-radius: 7px; background: #0a1725; }
.intel-cve-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; color: #ddf5fb; }
.intel-cve-top strong { font-size: 1.15rem; }
.intel-cve-top span { color: #9bd8c8; font-size: .72rem; font-weight: 800; }
.intel-cve-result p { color: #c6d3de; font-size: .8rem; overflow-wrap: anywhere; }
.intel-cve-result dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.intel-cve-result dl div { padding: 9px; border: 1px solid #293f50; border-radius: 5px; }
.intel-cve-result dt { color: #94a9bb; font-size: .68rem; }
.intel-cve-result dd { margin: 3px 0 0; color: #e9f3f8; font-size: .78rem; overflow-wrap: anywhere; }
.intel-links { display: flex; flex-wrap: wrap; gap: 10px 15px; margin-top: 15px; }
.intel-links a, .intel-source-link, .intel-case a { color: #86dceb; font-size: .78rem; }
.intel-small { color: #9db1c3 !important; font-size: .71rem !important; }
.intel-terms { display: flex; flex-wrap: wrap; gap: 7px; margin: 15px 0; padding: 0; list-style: none; }
.intel-term { display: flex; align-items: center; gap: 8px; padding: 5px 6px 5px 10px; border: 1px solid #3e615b; border-radius: 5px; background: #16302f; color: #e4f8f2; font-size: .74rem; }
.intel-term button { padding: 3px 6px; border-color: #4c685d; font-size: .63rem; }
.intel-match-list, .intel-clock-list { display: grid; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.intel-match, .intel-clock-item { display: grid; gap: 5px; padding: 10px 12px; border: 1px solid #2b4356; border-radius: 6px; background: #0b1725; font-size: .76rem; }
.intel-match strong { color: #e9f5fa; overflow-wrap: anywhere; }
.intel-match span, .intel-clock-item time { color: #9eafc0; font-size: .69rem; }
.intel-match a, .intel-clock-item a { color: #8bdded; overflow-wrap: anywhere; }
.intel-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 17px; }
.intel-file { position: relative; display: inline-flex; align-items: center; }
.intel-file input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.intel-source-link { display: inline-block; margin-top: 16px; }
.intel-case { padding: 16px 0; border-bottom: 1px solid #2b4052; }
.intel-case:last-of-type { border-bottom: 0; }
.intel-case > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.intel-case strong { color: #f0f7f9; font-size: .87rem; }
.intel-case time { color: #9eb4c8; font-size: .72rem; }
.intel-case p { margin: 9px 0; color: #bacbd7; font-size: .77rem; }
.intel-wide { grid-column: 1 / -1; }
.intel-compass-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.intel-compass-links a { display: grid; gap: 5px; padding: 16px; border: 1px solid #375569; border-radius: 7px; background: #11283a; color: #def3f8; text-decoration: none; }
.intel-compass-links a:hover { border-color: var(--intel-cyan); background: #1a394b; }
.intel-compass-links strong { font-size: .9rem; }
.intel-compass-links span { color: #a4c9d6; font-size: .73rem; }
.intel-method { border-color: #385c61; background: #10262c; }
.intel-method strong { color: #e0f6f5; }
@media (max-width: 950px) { .intel-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .intel-grid { grid-template-columns: 1fr; } .intel-wide { grid-column: 1; } }
@media (max-width: 620px) { .intel-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .intel-compass-links { grid-template-columns: 1fr; } .intel-lookup-form > div { flex-wrap: wrap; } .intel-lookup-form input { flex-basis: 100%; } .intel-lookup-form button { width: 100%; } }
@media (max-width: 370px) { .intel-metrics { grid-template-columns: 1fr; } .intel-cve-result dl { grid-template-columns: 1fr; } }