/* xailon-review additions on top of the shared XailonCode / Infinia Labs styles. */
code.inline{font:12px var(--mono);background:var(--lavender);padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}
.surfaces strong{color:var(--ink);font-weight:600}
.warn-mark{color:#b42318}
.terminal-diff .removed{white-space:normal}
.evidence-demo .tag-row{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.evidence-demo .tag-row span{color:var(--muted)}
.evidence-demo b{font:600 12px var(--mono)}.t-obs{color:#1d7a46}.t-cmp{color:var(--accent-deep)}.t-inf{color:#a16207}
.evidence-demo>code{margin-top:18px}
.viewer-section{background:#efede8;border-block:1px solid var(--line);padding-block:100px}
.shots{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto}
.shots button{border:0;border-bottom:2px solid transparent;padding:0 0 12px;background:none;font-size:13px;color:#8f8da5;white-space:nowrap}
.shots button[aria-selected=true]{border-color:var(--accent);color:var(--ink)}
.shot-frame{margin:0;background:#fff;border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden}
.shot-frame img{width:100%;height:auto}
.shot-frame figcaption{font-size:12px;color:var(--muted);padding:14px 20px;border-top:1px solid var(--line)}
.pipeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}
.pipeline li{padding:0 22px;border-left:1px solid var(--line)}.pipeline li:first-child{border-left:0;padding-left:0}
.pipeline h3{font-size:19px;margin:16px 0 10px}.pipeline p{font-size:13px;line-height:1.75}
.sample-panel{display:grid;gap:14px}
.sample{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:12px;transition:border-color .2s,transform .2s}
.sample:hover{border-color:var(--accent);transform:translateY(-1px)}
.sample h3{font-size:18px;margin:10px 0 6px}.sample p{font-size:13px;margin-bottom:12px}.sample .text-link{font-size:12px}
.start-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:80px;align-items:center}
.start-layout p{font-size:14px;line-height:1.8;max-width:420px}
@media(max-width:1000px){.pipeline{grid-template-columns:repeat(2,1fr);row-gap:32px}.pipeline li:nth-child(odd){border-left:0;padding-left:0}.start-layout{gap:40px}}
@media(max-width:700px){.pipeline{grid-template-columns:1fr}.pipeline li{border-left:0;padding:22px 0 0;border-top:1px solid var(--line)}.pipeline li:first-child{border-top:0;padding-top:0}
  .viewer-section{padding-block:58px}.start-layout{grid-template-columns:1fr;gap:25px}.evidence-demo .tag-row{grid-template-columns:1fr;gap:2px}}
/* guide page */
.guide-article blockquote{margin:22px 0;padding:12px 18px;border-left:3px solid var(--accent);background:#fff;border-radius:0 8px 8px 0}
.guide-article blockquote p{margin:0}
/* mobile: keep everything inside the viewport */
html,body{overflow-x:hidden}
.hero-copy,.product-preview{min-width:0}
.terminal-prompt,.terminal-tools p,.terminal-diff code{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:700px){
  .hero h1{font-size:clamp(44px,13vw,82px);letter-spacing:-.03em}
  .site-header nav>a[href="#in-the-loop"],.site-header nav>a[href="/#in-the-loop"]{display:none}
  .product-preview{max-width:100%}
  .terminal-content{padding:20px 16px 12px}
  .principles p{font-size:11px}
  .principles i{display:none}
}