/* An inspectable task/result surface, rather than another abstract flow diagram. */
#sr-landing .sr-agent-workbench { margin-top:46px; }
#sr-landing .sr-capability-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
#sr-landing .sr-capability-tabs button { padding:20px 0; min-height:63px; border:0; border-bottom:1px solid #485151; border-radius:0; background:transparent; color:#aab4b0; text-align:left; font-size:16px; transition:color .2s,border-color .2s; }
#sr-landing .sr-capability-tabs button[aria-selected="true"] { color:var(--sr-ink); border-color:var(--sr-orange); }
#sr-landing .sr-capability-tabs button:hover { color:var(--sr-ink); }
#sr-landing .sr-capability-canvas { margin-top:30px; border:1px solid #3b4546; background:radial-gradient(ellipse at 50% 85%,#252d3055,transparent 70%),#13191b; padding:43px 48px 48px; }
#sr-landing .sr-capability-request { max-width:890px; margin-inline:auto; }
#sr-landing .sr-capability-request > .sr-mono { color:#bfa28a; }
#sr-landing .sr-capability-request h3 { margin-top:16px; font-size:clamp(28px,3.2cqw,42px); line-height:1.18; letter-spacing:-.035em; min-height:80px; max-width:780px; }
#sr-landing .sr-capability-record-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
#sr-landing .sr-capability-record-tags > span { border:1px solid #424d50; background:#1b2326; padding:5px 10px; color:#b2bfbc; font-size:13px; }
#sr-landing .sr-capability-document { position:relative; margin:32px auto 0; max-width:890px; border:1px solid #566064; border-top-color:#8b9798; background:linear-gradient(140deg,#252d30,#1b2225 72%); box-shadow:0 24px 50px #0004; padding:30px 36px 0; }
#sr-landing .sr-capability-document:before { content:''; position:absolute; inset:-7px 7px auto; height:5px; border:1px solid #3d484c; border-bottom:0; pointer-events:none; }
#sr-landing .sr-capability-document-head { display:flex; justify-content:space-between; gap:20px; align-items:center; }
#sr-landing .sr-capability-document-head .sr-mono { color:#c8b098; font-size:.75rem; }
#sr-landing .sr-capability-document-head > span:last-child { font-size:12px; color:#b7c1bd; }
#sr-landing .sr-capability-document h4 { margin:28px 0 0; color:var(--sr-ink); font-size:clamp(27px,3.1cqw,39px); font-weight:400; line-height:1.15; letter-spacing:-.04em; min-height:72px; }
#sr-landing .sr-capability-answer-copy { max-width:730px; margin-top:14px; min-height:53px; font-size:16px; color:#bec7c2; line-height:1.65; }
#sr-landing .sr-capability-facts { margin:25px 0 0; }
#sr-landing .sr-capability-facts > div { display:grid; grid-template-columns:125px 1fr; gap:25px; padding-block:13px; border-top:1px solid #404c50; align-items:baseline; }
#sr-landing .sr-capability-facts dt { color:#9ba9a8; font-size:14px; }
#sr-landing .sr-capability-facts dd { margin:0; font-size:15px; color:#e0e5df; }
#sr-landing .sr-capability-review { padding:17px 0 20px; border-top:1px solid #404c50; margin-top:13px; color:#d5b293; font-size:14px; line-height:1.6; }
#sr-landing .sr-capability-sources { border-top:1px solid #4c585b; }
#sr-landing .sr-capability-sources summary { cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:61px; padding:18px 0; list-style:none; font-size:14px; color:#d1d8d3; }
#sr-landing .sr-capability-sources summary::-webkit-details-marker { display:none; }
#sr-landing .sr-capability-sources summary:focus-visible { outline:2px solid var(--sr-orange); outline-offset:5px; }
#sr-landing .sr-capability-sources summary > span { font-size:20px; transition:transform .3s; }
#sr-landing .sr-capability-sources[open] summary > span { transform:rotate(45deg); }
#sr-landing .sr-capability-sources ol { list-style:decimal-leading-zero; margin:0; padding:0 0 22px 27px; }
#sr-landing .sr-capability-sources li { padding:12px 0 10px 7px; font-size:14px; color:#a7b6b4; }
#sr-landing .sr-capability-sources li::marker { font:12px 'Courier New',monospace; color:#bda087; }
#sr-landing .sr-capability-sources strong { display:block; font-size:15px; font-weight:400; color:#e0e5df; }
#sr-landing .sr-capability-sources li p { margin-top:5px; max-width:690px; line-height:1.6; }
#sr-landing .sr-capability-foot { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-block:23px 35px; }
#sr-landing .sr-capability-foot > p { color:#99a4a0; font-size:12px; }
#sr-landing .sr-agent-workbench.is-revealing .sr-capability-document { animation:sr-agent-document .65s cubic-bezier(.22,1,.36,1); }
#sr-landing .sr-agent-workbench.is-revealing .sr-capability-facts > div { animation:sr-agent-fact .55s ease backwards; }
#sr-landing .sr-agent-workbench.is-revealing .sr-capability-facts > div:nth-child(2) { animation-delay:.08s; }
#sr-landing .sr-agent-workbench.is-revealing .sr-capability-facts > div:nth-child(3) { animation-delay:.16s; }
@keyframes sr-agent-document { from { opacity:.5; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@keyframes sr-agent-fact { from { opacity:.2; transform:translateX(6px); } to { opacity:1; transform:translateX(0); } }
#sr-landing[data-motion="false"] .sr-agent-workbench * { transition:none!important; animation:none!important; }
@media (prefers-reduced-motion:reduce) { #sr-landing .sr-agent-workbench * { transition:none!important; animation:none!important; } }
@container (max-width:760px) {
  #sr-landing .sr-agent-workbench { margin-top:35px; }
  #sr-landing .sr-capability-tabs { gap:20px; }
  #sr-landing .sr-capability-tabs button { font-size:14px; }
  #sr-landing .sr-capability-canvas { padding:30px 25px 30px; }
  #sr-landing .sr-capability-request h3 { min-height:90px; }
  #sr-landing .sr-capability-document { padding:25px 25px 0; }
  #sr-landing .sr-capability-document h4 { min-height:86px; }
  #sr-landing .sr-capability-answer-copy { min-height:80px; }
  #sr-landing .sr-capability-facts > div { grid-template-columns:95px 1fr; gap:17px; }
  #sr-landing .sr-capability-foot { flex-direction:column; align-items:flex-start; gap:10px; }
}
@container (max-width:480px) {
  #sr-landing .sr-capability-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
  #sr-landing .sr-capability-tabs button { min-height:55px; font-size:15px; }
  #sr-landing .sr-capability-canvas { padding:25px 17px 23px; margin-inline:-3%; }
  #sr-landing .sr-capability-request h3 { font-size:29px; min-height:105px; }
  #sr-landing .sr-capability-record-tags { min-height:70px; align-content:start; }
  #sr-landing .sr-capability-document { padding:22px 17px 0; }
  #sr-landing .sr-capability-document-head { align-items:flex-start; gap:15px; }
  #sr-landing .sr-capability-document-head > span:last-child { max-width:75px; text-align:right; }
  #sr-landing .sr-capability-document h4 { font-size:30px; min-height:105px; }
  #sr-landing .sr-capability-answer-copy { min-height:106px; }
  #sr-landing .sr-capability-facts > div { grid-template-columns:1fr; gap:5px; }
  #sr-landing .sr-capability-facts dd { font-size:15px; }
  #sr-landing .sr-capability-sources summary { font-size:13px; }
}