/* CLI-037. Extend existing product components; leave home geometry untouched. */
.cli-page .cli-hero{grid-template-columns:1.08fr 1fr;gap:7%;padding-block:80px 90px}
.cli-page .hero-copy h1{font-size:clamp(60px,6.8vw,104px)}
.cli-page .cli-workspace{margin:0;min-width:0;align-self:center}
.cli-page .cli-session{padding:32px;font-family:var(--font-f-primary);font-weight:300;font-size:14px;line-height:1.65}
.cli-page .cli-prompt{margin:0;color:var(--color-creme);font-size:18px;letter-spacing:-.035em}
.cli-page .cli-prompt>span{color:var(--amirahco-accent);margin-right:8px}
.cli-page .cli-response{color:var(--muted);margin:14px 0 28px}
.cli-page .cli-session-list{margin:0;border-top:1px solid var(--line)}
.cli-page .cli-session-list>div{padding:20px 0;border-bottom:1px solid var(--line)}
.cli-page .cli-session-list dt{color:var(--amirahco-accent)}
.cli-page .cli-session-list dd{margin:6px 0 0;color:var(--muted);font-size:12px}
.cli-page .cli-records{display:flex;gap:12px 20px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:26px}
.cli-page .cli-principles>div{border-top:1px solid var(--line);padding:24px 0}
.cli-page .cli-principles p{font-size:17px;color:var(--muted);max-width:45ch;margin:0}
.cli-page .cli-record-section{align-items:start}
.cli-page .base-button:disabled{opacity:.65;cursor:not-allowed;clip-path:none}
.cli-page #workflow,.cli-page #availability{scroll-margin-top:24px}
body[data-cli-navigation] .ai-header nav{flex-wrap:wrap;gap:10px 24px}
body[data-cli-navigation] .ai-header nav>a{white-space:nowrap}
.cli-home-nav{position:fixed;z-index:100;right:clamp(18px,3vw,48px);top:16px;font-family:var(--font-f-primary,"JetBrains Mono",monospace);font-size:12px;line-height:1.3}
.cli-home-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;color:#f4f3e8;background:#13140ef0;border:1px solid #f4f3e84d;text-transform:uppercase;text-decoration:none}
.cli-home-nav a:hover{color:#15c180;border-color:#15c180}
.cli-home-nav a:focus-visible{outline:2px solid #15c180;outline-offset:4px}
@media(max-width:1000px){body[data-cli-navigation] .ai-header{flex-wrap:wrap;padding-block:16px}body[data-cli-navigation] .ai-header nav{gap:8px 18px;max-width:100%}.cli-page .cli-hero{gap:5%}.cli-page .cli-session{padding:24px}}
@media(max-width:700px){.cli-page .cli-hero{grid-template-columns:1fr;padding-block:48px 56px;gap:36px}.cli-page .hero-copy h1{font-size:clamp(55px,10.5vw,76px)}.cli-page .cli-session{padding:24px}.cli-page .cli-principles>div:first-child{padding-top:20px}body[data-cli-navigation] .ai-header nav{width:100%;justify-content:flex-start}body[data-cli-navigation] #portal-session-nav{gap:18px}.cli-home-nav{top:12px;font-size:11px}}
@media(max-width:400px){.cli-page .hero-copy h1{font-size:clamp(40px,11.5vw,46px)}.cli-page .cli-session{padding:20px}.cli-page .cli-prompt{font-size:16px}.cli-page .cli-session-list>div{padding-block:16px}.cli-page .code-heading{font-size:9px}.cli-page .hero-actions{align-items:flex-start}.cli-page .base-button{max-width:100%}body[data-cli-navigation] .ai-header nav{gap:0 18px}}
@media(prefers-reduced-motion:reduce){.cli-page *{scroll-behavior:auto!important}}