/* Deeper explanation of company context, on the Agents guide. */
#sr-landing .sr-knowledge { background:var(--sr-bg); }
#sr-landing .sr-knowledge-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:7%; align-items:center; }
#sr-landing .sr-knowledge-figure { min-width:0; }
#sr-landing .sr-knowledge-question { margin-bottom:30px; }
#sr-landing .sr-knowledge-question > span { color:var(--sr-muted); font-size:.75rem; }
#sr-landing .sr-knowledge-question h3 { margin-top:10px; font-size:22px; line-height:1.35; }
#sr-landing .sr-knowledge-scene { position:relative; display:grid; grid-template-columns:1fr .94fr; gap:56px; align-items:center; min-height:352px; }
#sr-landing .sr-knowledge-wires { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
#sr-landing .sr-knowledge-wires path { fill:none; stroke:var(--sr-orange); stroke-width:1; vector-effect:non-scaling-stroke; stroke-dasharray:1; stroke-dashoffset:1; opacity:0; transition:stroke-dashoffset 1s ease, opacity .25s; }
#sr-landing .sr-knowledge-wires path:nth-child(2) { transition-delay:.12s; }
#sr-landing .sr-knowledge-wires path:nth-child(3) { transition-delay:.24s; }
#sr-landing .sr-knowledge-records { display:grid; gap:16px; position:relative; }
#sr-landing .sr-knowledge-record { position:relative; border:1px solid #42494a; padding:13px 15px 15px; background:#151819; min-height:104px; transition:border-color .4s, background .4s; }
#sr-landing .sr-record-location { display:flex; align-items:center; gap:7px; font-size:.75rem; color:#b1b8b6; margin-bottom:9px; }
#sr-landing .sr-knowledge-icon { font-family:monospace; color:#868f8c; }
#sr-landing .sr-record-ref { margin-left:auto; font-family:'Courier New',monospace; font-size:.75rem; color:#909b98; }
#sr-landing .sr-knowledge-record strong { display:block; font-weight:400; font-size:14px; }
#sr-landing .sr-knowledge-record p { margin-top:5px; font-size:.75rem; color:#abb3b0; }
#sr-landing .sr-knowledge-record mark { background:transparent; color:inherit; transition:color .4s, background .4s; }
#sr-landing .sr-knowledge-port, #sr-landing .sr-knowledge-inlet { position:absolute; width:5px; height:5px; top:50%; margin-top:-2.5px; background:#65706c; transition:background .4s; }
#sr-landing .sr-knowledge-port { right:-3px; }
#sr-landing .sr-knowledge-inlet { left:-3px; }
#sr-landing .sr-knowledge-result { position:relative; border:1px dashed #505857; padding:20px; background:var(--sr-bg); min-height:232px; display:flex; flex-direction:column; justify-content:center; transition:border-color .4s, background .4s; }
#sr-landing .sr-knowledge-result-label { color:var(--sr-muted); font-size:.75rem; letter-spacing:.08em; }
#sr-landing .sr-knowledge-result h3 { font-size:clamp(19px,1.8cqw,24px); line-height:1.25; margin-top:17px; }
#sr-landing .sr-knowledge-result p { color:var(--sr-muted); font-size:12px; line-height:1.55; margin-top:12px; }
#sr-landing .sr-knowledge-sources { display:flex; flex-wrap:wrap; gap:6px 14px; justify-content:space-between; border-top:1px solid var(--sr-line); padding-top:12px; margin-top:18px; color:#c1c8c4; font-size:.75rem; }
#sr-landing .sr-knowledge-sources > span:last-child { font-family:'Courier New',monospace; color:var(--sr-orange); }
#sr-landing .sr-knowledge-figure figcaption { margin-top:25px; font-size:.75rem; color:var(--sr-muted); }
#sr-landing .sr-knowledge-guide { min-width:0; }
#sr-landing .sr-knowledge-step { border-bottom:1px solid var(--sr-line); }
#sr-landing .sr-knowledge-step:first-child { border-top:1px solid var(--sr-line); }
#sr-landing .sr-knowledge-step button { display:flex; align-items:center; gap:18px; width:100%; min-height:76px; padding:19px 0; color:#a7aeac; border:0; background:transparent; text-align:left; font-size:20px; letter-spacing:-.025em; line-height:1.3; }
#sr-landing .sr-knowledge-step button[aria-expanded="true"] { color:var(--sr-ink); }
#sr-landing .sr-knowledge-step button > .sr-mono { color:var(--sr-orange); font-size:.75rem; }
#sr-landing .sr-knowledge-plus { margin-left:auto; font-size:18px; font-weight:400; }
#sr-landing .sr-knowledge-step p { padding:0 27px 24px 32px; color:var(--sr-muted); font-size:14px; line-height:1.7; }
#sr-landing .sr-knowledge-next { margin-top:26px; font-size:13px; min-height:44px; text-align:left; }
#sr-landing .sr-knowledge-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#sr-landing .sr-knowledge-bridge { display:flex; justify-content:space-between; align-items:center; gap:24px; border-top:1px solid var(--sr-line); margin-top:42px; padding-top:30px; }
#sr-landing .sr-knowledge-bridge > p { font-size:21px; letter-spacing:-.025em; line-height:1.35; }
#sr-landing .sr-knowledge-bridge > p > span { color:var(--sr-muted); }
#sr-landing .sr-knowledge-bridge .sr-link { font-size:13px; }
#sr-landing .sr-knowledge:not([data-knowledge-step="0"]) .sr-knowledge-wires path { stroke-dashoffset:0; opacity:.8; }
#sr-landing .sr-knowledge:not([data-knowledge-step="0"]) .sr-knowledge-record mark { color:#ffc397; background:#ee854a14; }
#sr-landing .sr-knowledge:not([data-knowledge-step="0"]) .sr-knowledge-port,
#sr-landing .sr-knowledge:not([data-knowledge-step="0"]) .sr-knowledge-inlet { background:var(--sr-orange); }
#sr-landing .sr-knowledge[data-knowledge-step="1"] .sr-knowledge-result { border-style:solid; border-color:#8a644b; background:#181c1c; }
#sr-landing .sr-knowledge[data-knowledge-step="1"] .sr-knowledge-result-label { color:#ffc397; }
@container (max-width:1000px) {
  #sr-landing .sr-knowledge-layout { grid-template-columns:1.1fr .9fr; gap:5%; }
  #sr-landing .sr-knowledge-scene { gap:34px; }
  #sr-landing .sr-knowledge-record { padding:12px; }
  #sr-landing .sr-knowledge-result { padding:16px; }
  #sr-landing .sr-knowledge-step button { font-size:18px; gap:12px; }
  #sr-landing .sr-knowledge-step p { padding-left:25px; }
}
@container (max-width:820px) {
  #sr-landing .sr-knowledge-layout { grid-template-columns:1fr; gap:32px; }
  #sr-landing .sr-knowledge-scene { grid-template-columns:1fr 1fr; gap:64px; }
  #sr-landing .sr-knowledge-result { padding:24px; }
  #sr-landing .sr-knowledge-result h3 { font-size:25px; }
  #sr-landing .sr-knowledge-step button { min-height:64px; font-size:20px; }
}
@container (max-width:540px) {
  #sr-landing .sr-knowledge-question h3 { font-size:20px; max-width:280px; }
  #sr-landing .sr-knowledge-scene { gap:28px; grid-template-columns:1fr 1fr; }
  #sr-landing .sr-knowledge-record { padding:12px 10px; min-height:110px; }
  #sr-landing .sr-record-location { font-size:.75rem; gap:4px; line-height:1.4; }
  #sr-landing .sr-knowledge-icon, #sr-landing .sr-record-ref { display:none; }
  #sr-landing .sr-knowledge-record strong { font-size:12px; }
  #sr-landing .sr-knowledge-record p { font-size:.75rem; line-height:1.6; }
  #sr-landing .sr-knowledge-result { padding:13px; min-height:245px; }
  #sr-landing .sr-knowledge-result h3 { font-size:20px; overflow-wrap:break-word; }
  #sr-landing .sr-knowledge-result p { font-size:.75rem; }
  #sr-landing .sr-knowledge-result-label { font-size:.75rem; }
  #sr-landing .sr-knowledge-bridge { align-items:flex-start; flex-direction:column; margin-top:30px; padding-top:25px; }
}
