/* AI 教程页补充样式；并入 site/ 时和 style.css 放同一层（/ai.css）。不含内联脚本，符合 _headers 的 CSP */
/* 行内命令不在连字符处断开（照抄会抄错）：整段挪到下一行，比一行还长就横滑 */
code{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.9em;background:var(--panel);padding:1px 6px;border-radius:3px;
  white-space:nowrap;display:inline-block;max-width:100%;overflow-x:auto;vertical-align:bottom;line-height:1.5}
pre.code{margin:0 0 22px;padding:18px 22px;background:var(--ink);color:var(--paper);overflow-x:auto;max-width:100%}
@media(max-width:560px){pre.code{padding:14px 16px}pre.code code{font-size:13px!important}}
pre.code code{background:none;padding:0;color:inherit;font-size:15px;line-height:1.7;white-space:pre;display:block;overflow:visible}
section p{max-width:70ch;color:var(--ink2)}
html[lang="zh-Hans"] section p{max-width:40em}
.hero.ai-hero .wrap{display:block}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
@media(max-width:820px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:980px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}   /* 页边栏版式下右栏只有 2/3 宽 */
@media(max-width:520px){.cards{grid-template-columns:1fr}}
.card{display:block;height:100%;padding:22px 24px 22px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.card strong{display:block;font-family:var(--serif);font-weight:600;font-size:22px;margin-bottom:6px}
.card span{display:block;color:var(--mut);font-size:15.5px}
.card strong::after{content:" →";color:var(--red)}
.card:hover strong{color:var(--red)}
.ai-doc .wrap{max-width:760px}
.ai-doc .lede{margin-bottom:22px}
.ai-doc h2{margin-top:44px}
.ai-doc .short{margin-bottom:8px}
.crumb{margin:0 0 18px;font-size:15px}
.crumb a{color:var(--mut)}
.files,.notes{margin:0 0 16px;padding:0;list-style:none}
.files li{padding:12px 0;border-bottom:1px solid var(--rule)}
.files li>code{display:block;margin-bottom:4px;background:none;padding:0;font-weight:600}
.files li span{color:var(--ink2);font-size:16px}
.notes li{padding:11px 0 11px 18px;border-bottom:1px solid var(--rule);position:relative;color:var(--ink2)}
.notes li::before{content:"";position:absolute;left:0;top:24px;width:7px;height:2px;background:var(--red)}
.inline{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
section > .wrap > p a,.faq a,.caps a{color:var(--red)}
/* 让用户对 AI 说的话：引文样式，和终端命令（黑底代码块）分开 */
blockquote.say{margin:0 0 22px;padding:2px 0 2px 18px;border-left:2px solid var(--ink);font-family:var(--serif);font-size:19px;color:var(--ink)}
ol.checks{margin:10px 0 0;padding-left:1.3em;color:var(--ink2)}
ol.checks li{margin:6px 0;padding-left:4px}
.hero.ai-hero pre.code{max-width:520px;margin:6px 0 0}