.cti-page { --danger:#a9323b; --danger-bg:#fbecef; }
[data-theme=dark] .cti-page { --danger:#ff9da4; --danger-bg:#412c36; }
.cti-page .site-header nav a[aria-current=page] { color:var(--teal); border-bottom:2px solid var(--teal); }
.cti-subnav { display:flex; justify-content:space-between; gap:20px; padding:23px 0; border-bottom:1px solid var(--line); color:var(--muted); font:11px var(--mono); }
.cti-subnav a { text-decoration:none; }
.cti-subnav>span a { margin-right:13px; }
.cti-subnav>div { display:flex; gap:28px; }
.cti-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; padding:62px 0 52px; align-items:center; }
.cti-hero h1 { font-size:clamp(52px,5.6vw,84px); line-height:1.02; letter-spacing:-3.7px; font-weight:450; margin:24px 0; }
.cti-hero h1 em { color:var(--teal); font-style:normal; }
.cti-lead { max-width:560px; font-size:18px; line-height:1.75; }
.hero-proof { font:8px var(--mono); letter-spacing:.7px; margin-top:32px; }
.hero-proof span { color:var(--teal); margin:0 10px; }
.signal-diagram { background:var(--night); color:var(--on-night); border:1px solid #35505b; padding:24px 28px 22px; position:relative; box-shadow:10px 10px 0 var(--soft); }
.signal-diagram::before { content:""; position:absolute; left:0; top:0; width:55px; height:3px; background:var(--aqua); }
.diagram-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:14px; }
.diagram-top .eyebrow { color:var(--aqua); font-size:9px; }
.tag { display:inline-block; width:max-content; font:9px var(--mono); letter-spacing:.3px; padding:5px 8px; color:var(--teal); background:var(--soft); border:1px solid var(--line); white-space:nowrap; }
.diagram-top .tag { color:var(--aqua); background:transparent; border-color:#35505b; }
.diagram-line { display:flex; gap:17px; align-items:center; padding:20px 0; position:relative; border-bottom:1px solid #34505d; }
.node-number { width:36px; height:36px; border:1px solid #53707b; border-radius:50%; display:grid; place-items:center; font:10px var(--mono); color:var(--aqua); background:var(--night); flex-shrink:0; z-index:1; }
.diagram-line:not(:nth-last-of-type(1))::after { content:""; position:absolute; height:49px; border-left:1px dashed #53707b; left:18px; top:57px; }
.diagram-label { display:block; font:8px var(--mono); color:#9db8c3; letter-spacing:.7px; margin-bottom:6px; }
.diagram-line strong { font-size:22px; font-weight:450; line-height:1.3; }
.diagram-line small { display:block; color:#b7cbd3; font-size:11px; margin-top:3px; }
.diagram-status { margin-left:auto; color:var(--aqua); font:7px var(--mono); letter-spacing:.5px; white-space:nowrap; }
.diagram-status.amber { color:#efbb8e; }
.diagram-note { font-size:12px; color:#b7cbd3; margin-top:19px; line-height:1.7; }
.diagram-note strong { color:var(--on-night); font-weight:400; }
.cti-release { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:17px 0; border-top:1px solid var(--line); font:10px var(--mono); color:var(--muted); }
.cti-release>span:first-child { letter-spacing:1px; }
.cti-release a { color:var(--teal); text-decoration:none; }
.cti-metrics { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:var(--surface); }
.cti-metrics article { padding:25px 30px; border-right:1px solid var(--line); }
.cti-metrics article:last-child { border:0; }
.cti-metrics .eyebrow { font-size:9px; color:var(--muted); }
.cti-metrics strong { display:block; font-weight:450; font-size:43px; letter-spacing:-1.2px; line-height:1.3; margin:12px 0 5px; font-variant-numeric:tabular-nums; }
.cti-metrics strong small { font:10px var(--mono); margin-left:14px; letter-spacing:0; color:var(--teal); }
.cti-metrics p { font-size:12px; }
#cti-freshness { margin-top:22px; }
.cti-page .section { padding-top:68px; }
.investigation-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); border:1px solid var(--line); background:var(--surface); }
.investigation-console { padding:32px; min-width:0; }
.cti-page label { font-size:12px; color:var(--ink); display:block; }
.cti-input-row { display:flex; gap:10px; margin:12px 0; }
.cti-page input:not([type=checkbox]) { min-width:0; border:1px solid var(--line); padding:13px 15px; background:var(--paper); color:var(--ink); border-radius:0; font:13px var(--mono); }
.cti-input-row input { flex:1; width:100%; }
.cti-input-row .button { white-space:nowrap; gap:12px; }
.lookup-status { font-size:12px; margin-top:15px; min-height:22px; color:var(--teal); }
.empty-investigation { border-top:1px solid var(--line); margin-top:24px; padding:36px 0 20px; text-align:center; }
.reticle { display:grid; place-items:center; width:48px; height:48px; border:1px solid var(--line); border-radius:50%; font:28px var(--mono); color:var(--teal); margin:0 auto 16px; position:relative; }
.reticle::before { content:""; position:absolute; inset:6px; border:1px dashed var(--line); border-radius:50%; }
.empty-investigation p { color:var(--ink); font-size:17px; }
.empty-investigation>span:last-child { display:block; color:var(--muted); font-size:12px; margin-top:7px; }
.reading-key { border-left:1px solid var(--line); padding:28px 30px; background:var(--paper); }
.reading-key>.eyebrow { font-size:9px; margin-bottom:8px; }
.reading-key>div { position:relative; padding:18px 0 18px 24px; border-bottom:1px solid var(--line); }
.reading-key h3 { font-size:18px; letter-spacing:-.2px; margin-bottom:9px; }
.reading-key p { font-size:12px; line-height:1.75; }
.key-dot { position:absolute; width:7px; height:7px; border-radius:50%; left:0; top:23px; }
.key-dot.teal { background:var(--teal); }.key-dot.amber { background:var(--orange); }.key-dot.neutral { background:var(--muted); }
.reading-key>.text-link { display:block; margin-top:20px; font-size:12px; }
.investigation-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--line); padding-top:24px; margin-top:22px; }
.investigation-heading h3 { font:24px var(--mono); letter-spacing:-.5px; }
.membership-cards { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:20px 0 14px; }
.membership-cards>div { padding:15px 18px; background:var(--paper); border:1px solid var(--line); }
.membership-cards span { display:block; font-size:12px; color:var(--muted); margin-bottom:4px; }
.membership-cards strong { font-size:22px; font-weight:450; }
.membership-cards .listed { color:var(--orange); }
.consent { display:flex; gap:12px; align-items:flex-start; margin:22px 0 16px; padding-top:22px; border-top:1px solid var(--line); }
.consent input { flex:none; width:18px; height:18px; accent-color:var(--teal); margin:3px 0 0; }
.consent label { color:var(--muted); font-size:12px; line-height:1.7; cursor:pointer; }
#enrichment-controls>.fine-print { margin-top:12px; font-size:11px; }
.investigation-result { margin-top:26px; padding:28px; border:1px solid var(--line); background:var(--surface); }
.investigation-result .section-heading { margin-bottom:20px; }
.investigation-result h3 { font-size:24px; }
.assessment-cards { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); margin-bottom:18px; }
.assessment-cards>div { padding:20px; border-right:1px solid var(--line); }
.assessment-cards>div:last-child { border:0; }
.assessment-cards .eyebrow { font-size:8px; }
.assessment-cards strong { display:block; font-size:21px; font-weight:450; margin:10px 0 6px; }
.assessment-cards p { font-size:11px; }
#observation-note { margin:16px 0; }
.evidence-details { padding:18px 0; overflow-wrap:anywhere; }
.evidence-details p { font-size:12px; margin-bottom:12px; }
.watch-intro { font-size:14px; max-width:880px; margin-bottom:23px; line-height:1.85; }
.watch-intro strong { font-weight:500; color:var(--ink); }
.watch-controls { display:flex; align-items:end; gap:20px; margin-bottom:20px; }
.watch-controls label { color:var(--muted); font-size:11px; }
.watch-controls select,.watch-controls input { display:block; margin-top:8px; min-height:44px; width:100%; max-width:none; }
.watch-search { flex:1; }
.watch-controls>label:not(:first-child) { width:215px; }
.cti-table { font-size:13px; min-width:820px; }
.cti-table th { padding:15px 20px; font-size:9px; }
.cti-table td { padding:18px 20px; vertical-align:top; }
.cti-table td:first-child { min-width:170px; font:11px var(--mono); color:var(--teal); }
.cti-table a { text-decoration:none; }
.cti-table a:hover { text-decoration:underline; }
.cti-table small { display:block; margin-top:6px; font:10px/1.65 var(--font); color:var(--muted); max-width:350px; }
.cti-table td:first-child small { font:11px var(--font); margin-top:9px; }
.cti-table details { border:0; padding:5px 0 0; }
.cti-table details summary { font-size:10px; color:var(--muted); }
.cti-table details code { display:block; font-size:9px; overflow-wrap:anywhere; max-width:200px; margin-top:6px; }
.probability { font:13px var(--mono); color:var(--ink); }
.severity { display:inline-block; font:10px var(--mono); padding:5px 8px; white-space:nowrap; background:var(--paper); border:1px solid var(--line); color:var(--muted); }
.severity.critical { color:var(--danger); background:var(--danger-bg); border-color:var(--danger); }
.severity.high { color:var(--orange); border-color:var(--orange); }
.severity.medium { color:var(--teal); border-color:var(--line); background:var(--soft); }
.muted-tag { color:var(--muted); background:var(--paper); }
.watch-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:20px 0; }
.watch-footer .button { padding:10px 18px; min-height:40px; font-size:12px; }
.source-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin:32px 0; }
.source-grid article { border-top:2px solid var(--teal); background:var(--surface); padding:24px 22px; display:flex; flex-direction:column; }
.source-index { font:8px var(--mono); color:var(--muted); letter-spacing:.7px; }
.source-grid h3 { margin:16px 0; font-size:22px; }
.source-grid p { font-size:13px; line-height:1.8; flex:1; }
.source-grid article>div { border-top:1px solid var(--line); margin-top:22px; padding-top:15px; }
.source-grid article>div span { display:block; font:9px var(--mono); color:var(--muted); margin-bottom:6px; }
.source-grid article>div strong { font-weight:450; font-size:11px; }
.source-grid a { font-size:11px; color:var(--teal); text-decoration:none; margin-top:15px; }
.cti-bottom { display:flex; justify-content:space-between; align-items:center; gap:40px; border-top:1px solid var(--line); margin-top:60px; padding:40px 0 60px!important; }
.cti-bottom h2 { font-size:34px; margin:14px 0 18px; }
.cti-bottom p { font-size:14px; max-width:660px; }
.cti-bottom>div:last-child { display:flex; flex-direction:column; gap:20px; flex-shrink:0; }
@media(max-width:1200px) {
  .cti-hero { gap:35px; }.signal-diagram { padding:22px; }.diagram-status { display:none; }
  .cti-hero h1 { font-size:66px; }.cti-lead { font-size:16px; }
  .hero-proof span { margin:0 5px; }.hero-proof { font-size:7px; }
  .cti-metrics article { padding:23px; }.cti-metrics strong { font-size:38px; }
  .cti-metrics strong small { display:block; margin:8px 0; }
  .investigation-console,.reading-key { padding:25px; }.source-grid { grid-template-columns:repeat(2,1fr); }
  .cti-input-row { flex-wrap:wrap; }.cti-input-row input { flex-basis:100%; }
  .cti-input-row button { width:100%; }.assessment-cards>div { padding:16px; }
}
@media(max-width:800px) {
  .cti-subnav { font-size:9px; flex-wrap:wrap; gap:14px; }.cti-subnav>div { gap:20px; }
  .cti-hero { grid-template-columns:1fr; gap:34px; padding:36px 0; }.cti-hero h1 { font-size:60px; letter-spacing:-2.5px; margin:20px 0; }
  .cti-hero .eyebrow { font-size:9px; }.cti-lead { max-width:600px; }
  .signal-diagram { max-width:580px; width:calc(100% - 10px); }.diagram-status { display:block; }
  .hero-proof { margin-top:24px; }.cti-release { font-size:9px; line-height:1.8; }
  .cti-metrics article { padding:19px 16px; }.cti-metrics .eyebrow { font-size:7px; }
  .cti-metrics strong { font-size:31px; }.cti-metrics p { font-size:10px; }.cti-metrics strong small { font-size:9px; }
  .cti-page .section { padding-top:45px; }.investigation-layout { grid-template-columns:1fr; }
  .reading-key { border-left:0; border-top:1px solid var(--line); }
  .cti-input-row { flex-wrap:nowrap; }.cti-input-row input { flex-basis:auto; }.cti-input-row button { width:auto; }
  .empty-investigation { padding-top:24px; }.watch-controls { flex-wrap:wrap; gap:14px; }.watch-search { flex-basis:100%; }
  .watch-controls>label:not(:first-child) { width:auto; flex:1; min-width:150px; }
  .cti-table td,.cti-table th { padding:15px; }.cti-table { min-width:780px; }
  .investigation-result { padding:22px 16px; }.assessment-cards { grid-template-columns:1fr; }
  .assessment-cards>div { border:0; border-bottom:1px solid var(--line); }
  .source-grid { gap:16px; }.source-grid article { padding:20px 18px; }
  .cti-bottom { flex-direction:column; align-items:flex-start; margin-top:45px; gap:25px; }
  .cti-bottom>div:last-child { align-items:flex-start; }
}
@media(max-width:480px) {
  .cti-hero h1 { font-size:49px; }.cti-hero .eyebrow { font-size:8px; }.hero-proof { font-size:6px; letter-spacing:0; }
  .cti-hero .hero-links { flex-wrap:wrap; gap:18px; }.diagram-status { display:none; }
  .cti-subnav>div { gap:15px; }.cti-metrics { grid-template-columns:1fr; }
  .cti-metrics article { border-right:0; border-bottom:1px solid var(--line); padding:19px 22px; }
  .cti-metrics article strong { font-size:38px; }.cti-metrics .eyebrow { font-size:9px; }
  .cti-metrics strong small { display:inline; margin-left:14px; }.cti-metrics p { font-size:12px; }
  .cti-input-row { flex-wrap:wrap; }.cti-input-row input { flex-basis:100%; }.cti-input-row button { width:100%; }
  .investigation-console { padding:23px 19px; }.investigation-heading h3 { font-size:20px; }
  .source-grid { grid-template-columns:1fr; }.watch-footer { align-items:flex-start; }
  .watch-footer .button { white-space:nowrap; padding:9px 12px; font-size:11px; }
}
