.cli-doc-page { --cli-cyan: #16c8ee; --cli-ice: #e1eaf1; --cli-muted: #9db1c1; --cli-line: rgba(150, 204, 224, 0.16); } .cli-doc-page .detail-container { width: min(1040px, calc(100% - 48px)); margin: 0 auto; padding: 142px 0 110px; background: none !important; border: 0 !important; box-shadow: none !important; } .cli-doc-page .detail-container::before { display: none; } .cli-doc-page .back-link { color: var(--cli-cyan); font-family: var(--font-mono, "IBM Plex Mono", monospace); font-size: 0.79rem; font-weight: 700; letter-spacing: 0.05em; } .cli-doc-page .cli-doc-kicker { margin: 34px 0 14px; color: var(--cli-cyan); font-family: var(--font-mono, "IBM Plex Mono", monospace); font-size: .73rem; font-weight: 700; letter-spacing: .14em; } .cli-doc-page .page-title { max-width: 16ch; margin: 22px 0 18px; color: var(--cli-ice); font-family: var(--font-display, Fraunces, Georgia, serif); font-size: clamp(2.7rem, 5vw, 5.15rem); font-weight: 900; line-height: 0.98; letter-spacing: 0; } .cli-doc-page .summary { max-width: 72ch; margin: 0; color: var(--cli-muted); font-size: 1.04rem; line-height: 1.7; } .cli-doc-quicklinks { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 31px; } .cli-doc-quicklinks a { color: var(--cli-cyan); font-family: var(--font-mono, "IBM Plex Mono", monospace); font-size: .78rem; font-weight: 700; } .cli-doc-quicklinks a::after { margin-left: 7px; content: "→"; } .cli-doc-toc { display: flex; flex-wrap: wrap; gap: 0; margin: 54px 0 0; border-top: 1px solid var(--cli-line); border-bottom: 1px solid var(--cli-line); } .cli-doc-toc a { position: relative; padding: 14px clamp(14px, 2.1vw, 26px); color: var(--cli-muted); font-family: var(--font-mono, "IBM Plex Mono", monospace); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; } .cli-doc-toc a + a::before { position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: var(--cli-line); content: ""; transform: translateY(-50%); } .cli-doc-toc a:hover, .cli-doc-toc a:focus-visible { color: var(--cli-cyan); } .cli-doc-page .detail-card { margin: 0; padding: 54px 0; background: none !important; border: 0 !important; border-bottom: 1px solid var(--cli-line) !important; border-radius: 0 !important; box-shadow: none !important; } .cli-doc-page .cli-doc-section { scroll-margin-top: 102px; border-top: 1px solid rgba(22, 200, 238, .32); } .cli-doc-page .cli-doc-section + .detail-card { border-top: 0; } .cli-doc-page .detail-card h3 { max-width: 25ch; margin: 0 0 18px; color: var(--cli-ice); font-family: var(--font-display, Fraunces, Georgia, serif); font-size: clamp(1.75rem, 3vw, 2.55rem); line-height: 1.08; } .cli-doc-page .cli-doc-section > h3::before { display: block; margin-bottom: 13px; color: var(--cli-cyan); font-family: var(--font-mono, "IBM Plex Mono", monospace); font-size: .7rem; font-weight: 700; letter-spacing: .13em; content: "GUIDE CLI"; } .cli-doc-page .detail-card p, .cli-doc-page .detail-card li { color: var(--cli-muted); font-size: 0.98rem; line-height: 1.68; } .cli-doc-page .detail-card > p, .cli-doc-page .detail-card > ul, .cli-doc-page .detail-card > ol { max-width: 76ch; } .cli-doc-page .detail-card a { color: var(--cli-cyan); } .cli-doc-page .detail-card > ol { display: grid; gap: 30px; padding-left: 1.4rem; } .cli-doc-page .detail-card > ol > li::marker { color: var(--cli-cyan); font-family: var(--font-mono, "IBM Plex Mono", monospace); font-weight: 700; } .cli-doc-page .detail-card strong { color: var(--cli-ice); } .cli-doc-page .cli-doc-command { max-width: none; padding: 13px 15px; border: 1px solid rgba(22, 200, 238, 0.18); border-radius: 6px; background: rgba(3, 14, 24, 0.76); } .cli-doc-page .detail-card:not(.cli-doc-section) { padding-top: 34px; padding-bottom: 34px; } .cli-doc-page .detail-card:not(.cli-doc-section) h3 { font-family: var(--font-body, "IBM Plex Sans", sans-serif); font-size: 1.2rem; line-height: 1.25; } .cli-doc-page .cli-doc-command code, .cli-doc-page .cli-command-label, .cli-doc-page .cli-shell-switch { font-family: var(--font-mono, "IBM Plex Mono", monospace); } .cli-doc-page .cli-doc-actions, .cli-doc-page .cli-shell-switch { display: flex; flex-wrap: wrap; gap: 10px; } .cli-doc-page .cli-copy-install, .cli-doc-page .cli-doc-read-report .core-btn { border-radius: 7px; background: var(--cli-cyan); color: #04131f; } .cli-doc-page .cli-shell-switch button { border-radius: 6px; } .cli-doc-page .cli-doc-read-report { margin-top: 28px; } @media (max-width: 720px) { .cli-doc-page .detail-container { width: min(100% - 32px, 1040px); padding-top: 118px; } .cli-doc-page .page-title { font-size: clamp(2.65rem, 13vw, 4rem); } .cli-doc-toc { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; } .cli-doc-toc::-webkit-scrollbar { display: none; } .cli-doc-toc a { flex: 0 0 auto; padding-inline: 14px; } .cli-doc-page .detail-card { padding: 42px 0; } .cli-doc-quicklinks { gap: 9px 16px; } .cli-doc-page .detail-card h3 { font-size: clamp(1.7rem, 9vw, 2.35rem); } .cli-doc-page .cli-doc-command { overflow-x: auto; } }