.cli-link, .cli-page a { color:var(--acid); }
.cli-link { text-decoration:none; }
.cli-link:hover, .cli-page a:hover { text-decoration:underline; }
.cli-page a:focus-visible, .cli-link:focus-visible { outline:2px solid var(--acid); outline-offset:5px; }
.cli-page .skip-link { position:absolute; top:0; left:25px; padding:12px; background:var(--ink); transform:translateY(-120%); z-index:5; }
.cli-page .skip-link:focus { transform:translateY(0); }
.cli-page main { max-width:1600px; margin:auto; }
.cli-page nav { flex-wrap:wrap; }
.cli-page .brand { display:flex; align-items:center; gap:12px; color:var(--paper); text-decoration:none; }
.cli-page .web-link { margin-left:auto; font-size:11px; letter-spacing:0; }
.cli-hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:6vw; padding:100px 0 90px; }
.cli-hero h1 { margin:24px 0; font:500 clamp(62px,7vw,104px)/.94 ui-serif,serif; letter-spacing:-.055em; }
.cli-hero h1 em { color:var(--acid); font-weight:400; }
.cli-hero .lede { font-size:21px; }
.release-note { max-width:570px; padding:15px 18px; border-left:3px solid var(--signal); color:#bbb9b0; font-size:12px; line-height:1.7; }
.release-note strong { color:var(--paper); }
.guide-link { display:inline-flex; align-items:center; gap:30px; margin-top:22px; font-size:13px; text-decoration:none; }
.terminal { border:1px solid #57574b; background:var(--ink); box-shadow:10px 10px 0 var(--signal); }
.terminal-bar { display:flex; justify-content:space-between; padding:16px 20px; border-bottom:1px solid #3c3c38; color:#aaa9a2; font-size:11px; }
.terminal-bar span:first-child { color:var(--signal); letter-spacing:4px; }
.cli-page pre { margin:0; padding:24px; border:1px solid #57574b; background:var(--ink); color:var(--paper); font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.terminal pre { min-height:220px; border:0; font-size:16px; }
.terminal .prompt { color:#aaa9a2; }
.terminal .example-code, .terminal .cursor { color:var(--acid); }
.terminal p { margin:0; padding:0 24px 22px; color:#aaa9a2; font-size:11px; line-height:1.7; }
.cli-guide { max-width:1200px; margin:auto; }
.cli-page .guide-section { display:grid; grid-template-columns:.8fr 1.2fr; align-items:start; min-height:0; padding:54px 0; gap:6vw; border-top:1px solid #57574b; scroll-margin-top:24px; }
.cli-page h2 { margin:16px 0 20px; font:500 clamp(30px,3.4vw,44px)/1.12 ui-serif,serif; letter-spacing:-.025em; }
.cli-page .guide-section p, .cli-page dd { color:#bbb9b0; font-size:13px; line-height:1.85; }
.section-content > :first-child { margin-top:0; }
.cli-page code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; overflow-wrap:anywhere; }
.cli-page p code { color:var(--paper); }
.cli-page dl { margin:0; }
.cli-page dt { margin-top:22px; color:var(--acid); font-size:13px; line-height:1.8; }
.cli-page dt:first-child { margin-top:0; }
.cli-page dd { margin:5px 0 0; padding-bottom:18px; border-bottom:1px solid #3c3c38; }
.cli-page footer { margin-top:30px; }
.cli-page footer a { text-decoration:none; }
@media(max-width:900px) {
  .cli-hero { grid-template-columns:1fr; padding:65px 0; gap:40px; }
  .cli-hero h1 { font-size:clamp(58px,10vw,88px); }
  .cli-page .guide-section { grid-template-columns:1fr; gap:18px; padding:36px 0; }
  .cli-page .section-intro { max-width:600px; }
}
@media(max-width:380px) {
  .cli-page .web-link { width:100%; margin:8px 0 0 50px; }
  .cli-page pre { padding:17px; font-size:12px; }
  .cli-hero h1 { font-size:56px; }
  .cli-page footer { gap:18px; }
}