
.osint-desk {
  margin-top: 0;
  overflow: visible;
  --osint-card: transparent;
}
.osint-desk .osint-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 12px;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
}
.osint-desk .osint-left {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  flex: 1 1 auto;
}
.osint-desk .insight {
  display: none;
}
.osint-desk .osint-left .map-box {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.osint-desk .osint-left .insight {
  flex: 0 0 auto;
}
@media (max-width: 820px) {
  .osint-desk .osint-hero { grid-template-columns: 1fr; }
}
.osint-desk .osint-facts {
  display: none;
}
.osint-desk .osint-facts .of-block { min-width: 0; }
.osint-desk .osint-facts .of-brief { display: grid; gap: 0; }
.osint-desk .osint-facts .of-brief .of-row { margin-bottom: 10px; }
.osint-desk .osint-facts .of-know { margin: 0; padding: 0; list-style: none; }
.osint-desk .osint-facts .of-know li { margin: 0 0 4px; }
.osint-desk .osint-facts .of-angle .of-op-detail { display: block; margin-top: 2px; }
.osint-desk .osint-facts .of-about {
  margin: 0 0 8px;
  font-size: 13.5px;
  font-weight: 450;
  line-height: 1.55;
  color: #121918;
}
.osint-desk .osint-facts .of-about.of-empty {
  font-weight: 450;
  color: #8a9490;
}
.osint-desk .osint-facts .of-reach {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 0;
  margin: 0 0 8px;
  font-size: 13.5px;
  line-height: 1.5;
  color: #5c6a66;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.osint-desk .osint-facts .of-reach a {
  max-width: 100%;
  color: #18211f;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
  word-break: break-all;
}
.osint-desk .osint-facts .of-sep {
  color: #b0b8b4;
  margin: 0 5px;
}
.osint-desk .osint-facts .of-muted { color: #8a9490; font-weight: 500; }
.osint-desk .osint-facts h3 {
  margin: 0 0 10px;
  font-size: 13.5px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--muted, #71807a);
  font-weight: 500;
}
.osint-desk .osint-facts .of-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.osint-desk .osint-facts .of-chip {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.3;
  padding: 4px 8px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #ebe8e1;
  color: #18211f;
}
.osint-desk .osint-facts .of-ops {
  gap: 8px;
}
.osint-desk .osint-facts .of-op-lab {
  font-size: 13px;
  font-weight: 500;
  color: #18211f;
}
.osint-desk .osint-facts .of-op-dash {
  color: #b0b8b4;
  font-weight: 400;
}
.osint-desk .osint-facts .of-op-detail {
  margin-top: 0;
  font-size: 13px;
  font-weight: 400;
  color: #5c6a66;
}
.osint-desk .osint-facts .of-operating li,
.osint-desk .osint-facts .of-support li {
  display: block;
  line-height: 1.5;
}
.osint-desk .osint-facts .of-row {
  display: grid;
  grid-template-columns: 7em minmax(0, 1fr);
  gap: 8px 12px;
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.45;
}
.osint-desk .osint-facts .of-row dt {
  margin: 0;
  font-size: 14px;
  color: #6a7570;
  font-weight: 500;
}
.osint-desk .osint-facts .of-row dd {
  margin: 0;
  font-size: 13px;
  color: #121918;
  font-weight: 450;
  overflow-wrap: break-word;
}
.osint-desk .osint-facts .of-operating .of-op-lab,
.osint-desk .osint-facts .of-support .of-op-lab {
  font-size: 13px;
}
.osint-desk .osint-facts .of-operating .of-op-detail,
.osint-desk .osint-facts .of-support .of-op-detail {
  font-size: 12.5px;
}
.osint-desk .osint-facts .of-operating li,
.osint-desk .osint-facts .of-support li,
.osint-desk .osint-facts .of-operating .of-empty,
.osint-desk .osint-facts .of-support .of-empty {
  font-size: 13px;
}
.osint-desk .osint-facts ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.osint-desk .osint-facts li {
  font-size: 14px;
  line-height: 1.45;
  color: #18211f;
}
.osint-desk .osint-facts .of-k {
  color: #8a9490;
  font-weight: 500;
}
.osint-desk .osint-facts .of-empty {
  margin: 0;
  font-size: 13.5px;
  color: #8a9490;
}
.osint-desk .tl { margin-top: 10px; }
.osint-desk .map-box .tl { margin-top: 0; }
.osint-desk .tl-card {
  position: relative;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 2px 0 4px;
}
.osint-desk .tl-card svg { display: block; }
.osint-desk .crawl-axis .map-label { margin-bottom: 2px; }
.osint-desk .crawl-cap {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: #5f6b66;
}
.osint-desk .crawl-dot { cursor: pointer; }
.osint-desk .follow-axis {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(23, 33, 31, 0.06);
}
.osint-desk .follow-axis .ws-k {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 500;
  color: #8a938e;
}
.osint-desk .mw-follow-rail {
  display: flex;
  align-items: flex-start;
  gap: 0;
  overflow-x: auto;
}
.osint-desk .mw-follow-dot {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 4.4rem;
  position: relative;
}
.osint-desk .mw-follow-dot::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  border: 1.4px solid #8a8580;
  z-index: 1;
}
.osint-desk .mw-follow-dot + .mw-follow-dot::after {
  content: "";
  position: absolute;
  right: 50%;
  top: 3px;
  width: 100%;
  height: 1.5px;
  background: #c4bfb4;
}
.osint-desk .mw-follow-dot .d {
  margin-top: 6px;
  font-size: 11px;
  color: #8a938e;
}
.osint-desk .mw-follow-dot .lab {
  font-size: 11px;
  font-weight: 500;
  color: #24302c;
  text-align: center;
}
.osint-desk .mw-follow-empty {
  margin: 0;
  font-size: 12px;
  font-style: italic;
  color: #8a938e;
}
.osint-desk .pill.hot,
.osint-desk .pill.warm { background: #fde0d2; color: #c4330a; }
.osint-desk .pill.cool { background: #F4E9CF; color: #8A6517; }
.osint-desk .pill.quiet,
.osint-desk .pill.cold { background: #e4eef1; color: #3d6a7a; }
.osint-desk .insight-why-btn { display: none; }
.osint-desk svg.map { width: 100%; height: auto; min-height: 255px; max-height: none; display: block; }
.osint-desk .branch { cursor: default; }

.osint-desk .map-wrap { margin-top: 4px;}
.osint-desk .map-label {
font-size: 12px;
letter-spacing: 0;
text-transform: none;
color: var(--muted);
font-weight: 500;
margin-bottom: 4px;}
.osint-desk svg.map { width: 100%; height: auto; min-height: 255px; max-height: none; display: block;}
.osint-desk .branch { cursor: pointer;}
.osint-desk .cap {
position: absolute;
font-family: "DM Sans", sans-serif;
pointer-events: none;
padding: 0 2px;}
.osint-desk .cap.side-right { text-align: right; width: 200px;}
.osint-desk .cap.side-left { text-align: left; width: 200px;}
.osint-desk .cap.side-center { text-align: center; width: 240px;}
.osint-desk .cap .en {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #17211f;}
.osint-desk .cap .stars {
display: inline-flex;
gap: 1px;
margin-left: 8px;
vertical-align: -2px;}
.osint-desk .cap.side-right .stars { margin-left: 0; margin-right: 8px;}
.osint-desk .cap .stars svg {
width: 11px;
height: 11px;
display: block;}
.osint-desk .cap .rows { margin-top: 3px;}
.osint-desk .cap.side-right .rows {
display: inline-flex;
flex-direction: column;
align-items: stretch;
text-align: left;
max-width: 11em;}
.osint-desk .cap.side-right .row {
display: flex;
align-items: flex-start;}
.osint-desk .cap.side-right .tw { margin-left: auto; padding-left: 5px;}
.osint-desk .cap.side-left .rows {
max-width: 11em;}
.osint-desk .cap.side-center .rows {
display: inline-block;
text-align: left;
padding-left: 14px;}
.osint-desk .cap .row {
font-size: 12px;
line-height: 1.35;
color: #17211f;
margin-top: 1px;
white-space: normal;
overflow-wrap: break-word;
word-break: break-word;}
.osint-desk .cap .row .t {
font-weight: 400;
display: inline;
max-width: none;
overflow: visible;
text-overflow: unset;
vertical-align: top;}
.osint-desk .cap .tw {
display: inline-block;
color: #c5c2ba;
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 1.25;
margin-right: 5px;
vertical-align: top;}
.osint-desk .cap.side-right .tw { margin-right: 0;}
.osint-desk .cap .row .ago {
color: #6d7873;
font-size: 10px;
font-weight: 500;
font-variant-numeric: tabular-nums;
margin-left: 0.35em;}
.osint-desk .cap .new {
display: inline-block;
margin-left: 4px;
padding: 0 4px;
border-radius: 3px;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.04em;
color: #c4330a;
background: #fde0d2;
vertical-align: 1px;}
.osint-desk .cap .quiet {
display: inline-block;
max-width: 10.5em;
font-size: 12px;
line-height: 1.25;
color: #8a938e;
font-style: italic;
white-space: normal;
overflow-wrap: break-word;
word-break: break-word;
vertical-align: top;}
.osint-desk .cap.signal-empty {
color: #a6aeaa;}
.osint-desk .cap.signal-empty .en {
color: #a6aeaa;
font-weight: 500;}
.osint-desk .cap.signal-empty .stars svg {
opacity: 0.82;}
.osint-desk .cap.signal-empty .stars svg path {
stroke: #c4cbc7;}
.osint-desk .cap.signal-empty .quiet {
color: #9da6a1;}
.osint-desk .map-foot {
  display: block;
  padding: 0;
}
.osint-desk .map-leg { display: none; }
.osint-desk .map-leg svg {
width: 8px;
height: 8px;
margin-right: 4px;
vertical-align: -1px;}
.osint-desk .insight {
position: relative;
margin-top: 0;
border: 0;
border-radius: 0;
padding: 2px 6px 6px 0;
background: transparent;}
.osint-desk .insight::after,
.osint-desk .osint-facts::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
background:
  linear-gradient(to left, rgba(23, 33, 31, 0.28), rgba(23, 33, 31, 0)) bottom left / 100% 1px no-repeat,
  linear-gradient(to top, rgba(23, 33, 31, 0.28), rgba(23, 33, 31, 0)) bottom right / 1px 100% no-repeat;}
.osint-desk .insight::after {
width: 132px;
height: 28px;}
.osint-desk .osint-facts::after {
width: 52px;
height: 132px;}
.osint-desk .insight-col {
position: static;
transform: none;
margin: 0 0 6px;
padding: 0;
background: transparent;}
.osint-desk .insight-q {
margin: 14px 0 0;
padding-top: 12px;
border-top: 1px solid #eceae4;}
.osint-desk .insight-q-first {
margin-top: 0;
padding-top: 0;
border-top: none;}
.osint-desk .insight-q .map-label { margin-bottom: 8px;}
.osint-desk .insight-scores {
margin: 0 0 6px;
padding: 0 0 6px;
border-bottom: 1px solid #ebe8e1;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 4px 10px;}
@media (max-width: 720px) {
  .osint-desk .insight-scores { grid-template-columns: 1fr 1fr; }
}
.osint-desk .insight-scores .insight-row {
display: grid;
grid-template-columns: 1fr;
row-gap: 3px;
margin: 0;}
.osint-desk .insight-kv {
margin: 0;
display: flex;
flex-direction: column;
gap: 4px;}
.osint-desk .insight-row {
display: grid;
grid-template-columns: 8.6em 1fr;
column-gap: 12px;
align-items: baseline;
margin: 0;}
.osint-desk .insight-row-pair {
grid-template-columns: 1fr 1fr;
column-gap: 32px;}
.osint-desk .insight-pair {
display: grid;
grid-template-columns: 13em 1fr;
column-gap: 12px;
align-items: baseline;}
.osint-desk .insight-row dt,
.osint-desk .insight-pair dt {
margin: 0;
font-size: 13px;
font-weight: 450;
letter-spacing: 0;
text-transform: none;
color: #6a7570;
white-space: nowrap;}
.osint-desk .insight-row dd,
.osint-desk .insight-pair dd {
margin: 0;
font-size: 15px;
font-weight: 450;
line-height: 1.35;
color: #121918;}
.osint-desk .insight-to {
font-size: 1.28rem;
font-weight: 650;
letter-spacing: -0.02em;
line-height: 1.15;}
.osint-desk .insight-to.heat-hot { color: #c4330a; }
.osint-desk .insight-to.heat-warm { color: #B98522; }
.osint-desk .insight-to.heat-quiet { color: #3d6a7a; }
.osint-desk .insight-to.heat-warm_minus,
.osint-desk .insight-to.heat-warm-minus { color: #3d6a7a; }
.osint-desk .insight-to .heat-up {
  color: #e07a12;
  font-weight: 800;
  margin-left: 1px;
}
.osint-desk .insight-conf { font-weight: 500; }
.osint-desk .insight-ev {
  margin-left: 0.28em;
  font-size: 0.58em;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #8a918c;
}
.osint-desk .insight-lvl {
font-size: 1.05rem;
font-weight: 450;
line-height: 1.2;}
.osint-desk .insight-lvl.fit-strong,
.osint-desk .insight-lvl.prod-strong {
font-weight: 600;}
.osint-desk .insight-row dd.insight-demand,
.osint-desk .insight-row dd.insight-counter {
  font-weight: 400;
}
.osint-desk .insight-yours-on { color: #17211f; font-weight: 450; }
.osint-desk .insight-yours-off { color: #9aa39e; font-weight: 450; }
.osint-desk .insight-hit { color: #2f8a4e; font-weight: 550; }
.osint-desk .insight-counter { color: #6d7873; }
.osint-desk .insight-cross {
margin: 0;
font-size: 13.5px;
font-weight: 500;
line-height: 1.45;
color: #3a433f;}
.osint-desk .insight-needs { margin: 0 0 4px; }
.osint-desk .insight-needs .map-label { margin-bottom: 6px; }
.osint-desk .insight-needs .nm-empty { margin: 0; font-size: 12px; }
.osint-desk .xtok {
display: inline-block;
font-size: 12.5px;
font-weight: 500;
padding: 2px 8px;
border-radius: 6px;}
.osint-desk .xmul { color: #b0aab8; font-size: 12px;}
.osint-desk .insight-grid {
display: flex;
flex-direction: column;
gap: 12px;}
.osint-desk .angle {
background: #f6f3fc;
border-radius: 10px;
padding: 10px 12px;}
.osint-desk .angle p { margin: 5px 0 0; font-size: 16px; font-weight: 600; line-height: 1.35;}
.osint-desk .wn {
display: grid;
grid-template-columns: 8.2em 1fr;
gap: 8px;
margin: 0 0 5px;
font-size: 13px;
line-height: 1.35;}
.osint-desk .wn b { font-weight: 500;}
.osint-desk .wn span { font-weight: 400; color: #17211f;}
.osint-desk .evidence-chain { grid-column: 1 / -1;}
.osint-desk .tip {
display: none;
position: absolute;
background: var(--ink);
color: #fff;
font-size: 12px;
padding: 6px 9px;
border-radius: 8px;
pointer-events: none;
z-index: 8;
max-width: min(280px, calc(100% - 16px));
white-space: normal;
box-sizing: border-box;}
.osint-desk .tl-follow {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(168px, 28%);
gap: 10px 16px;
align-items: start;
margin: 0 10px;
padding-top: 8px;
border-top: 0;
}
@media (max-width: 720px) {
  .osint-desk .tl-follow { grid-template-columns: 1fr; }
}
.osint-desk .tl-fold {
margin: 0;
min-width: 0;
border-top: 0;
padding-top: 0;}
.osint-desk .tl-follow-status {
display: grid;
gap: 12px;
padding: 2px 0 4px 14px;
border-left: 1px solid #e4e0d8;
}
.osint-desk .tl-follow-status .tfs-k {
margin: 0 0 3px;
font-size: 11px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
color: var(--muted, #71807a);
}
.osint-desk .tl-follow-status .tfs-v {
margin: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.3;
color: #17211f;
}
.osint-desk .tl-follow-status .tfs-v.muted {
color: #8a938e;
font-weight: 550;
}
.osint-desk .tl-follow-status .tfs-item.is-due .tfs-v {
color: #c4330a;
}
.osint-desk .tl-fold > summary {
cursor: pointer;
font-size: 12px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
color: var(--muted);
list-style: none;}
.osint-desk .tl-fold > summary::-webkit-details-marker { display: none; }
.osint-desk .tl-fold > summary::before { content: "▸ "; color: #b0aea6; }
.osint-desk .tl-fold[open] > summary::before { content: "▾ "; }
.osint-desk .tl-fold-n {
margin-left: 6px;
font-variant-numeric: tabular-nums;
color: #8a938e;}
.osint-desk .tl-fold-list {
margin: 6px 0 0;
padding: 0;
max-height: 148px;
overflow-y: auto;
overscroll-behavior: contain;
list-style: none;}
.osint-desk .tl-fold-list li {
display: flex;
align-items: baseline;
gap: 8px;
min-width: 0;
font-size: 12px;
line-height: 1.35;
color: #17211f;
padding: 2px 0;}
.osint-desk .tl-fold-list .d {
flex: 0 0 auto;
min-width: 2.4em;
color: #8a938e;
font-variant-numeric: tabular-nums;}
.osint-desk .tl-fold-list .tl-follow-body {
min-width: 0;
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.osint-desk .tl-fold-list .tl-follow-note {
color: #3f4a46;
font-weight: 450;}
.osint-desk .tl-fold-list .tl-follow-note::before {
content: " · ";
color: #b0aea6;}
.osint-desk .tl-fold-empty { color: #8a938e; font-style: italic; }
.osint-desk .tl-follow:has(.tl-fold-empty) {
  padding-top: 2px;
  gap: 8px;
}
.osint-desk .tl-fold:has(.tl-fold-empty) .tl-fold-list {
  max-height: none;
  margin-top: 4px;
}
.osint-desk .map-box, .osint-desk .tl { position: relative;}
.osint-desk .map-box {
background: #f3f0e8;
border: 0;
border-radius: 12px;
overflow: visible;
padding: 2px 4px 6px;
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;}
.osint-desk .map-stage {
  flex: 1 1 auto;
  min-height: 255px;
  display: flex;
  flex-direction: column;
}
.osint-desk .map-stage svg.map {
  height: 100%;
}
.osint-desk .map-box .crawl-axis {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}
.osint-desk .map-box .crawl-axis .tl-card {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
}
.osint-desk .map-new {
  flex: 0 0 auto;
  margin: 0 0 1px;
  padding: 3px 7px;
  border-radius: 999px;
  font: 750 0.72rem/1 system-ui, sans-serif;
  letter-spacing: 0.02em;
  color: #c4330a;
  background: #fde0d2;
  white-space: nowrap;
}
.osint-desk .map-new[hidden] { display: none !important; }
.osint-desk .map-box .crawl-axis svg {
  height: 32px;
}
.osint-desk .map-stage { position: relative; box-sizing: border-box; flex: 1 1 auto; min-height: 255px;}
.osint-desk .map-caps { position: absolute; inset: 0; pointer-events: none;}
