/* Public teaching content; scoped so home/auth and workbench remain independent. */
.guide-learning-link { display:flex; align-items:center; justify-content:space-between; gap:36px; padding:22px 28px; margin:30px 0; border:1px solid #cbd6cc; border-radius:10px; background:#eef1e9; color:var(--green); text-decoration:none; }
.guide-learning-link strong { display:block; margin-bottom:6px; font-size:17px; font-weight:600; }
.guide-learning-link small { color:var(--muted); font-size:14px; line-height:1.7; }
.guide-learning-link > span:last-child { flex-shrink:0; font-size:14px; }
.guide-nav .guide-prompts-link { font-weight:650; }
.prompt-guide { padding-top:64px; scroll-margin-top:28px; }
.prompt-guide-heading { padding-bottom:32px; }
.prompt-guide-heading h2 { margin:0; font:600 36px/1.45 var(--serif); }
.prompt-guide-heading > p:last-child { margin:12px 0 0; color:var(--muted); font-size:16px; }
.prompt-layout { display:grid; grid-template-columns:215px minmax(0,1fr); gap:48px; align-items:start; }
.prompt-sidebar { position:sticky; top:24px; align-self:start; }
.prompt-toc { display:block; font-weight:400; max-height:calc(100vh - 48px); overflow-y:auto; padding:20px 0; border-block:1px solid var(--line); }
.prompt-toc p { margin:0 0 14px; font-size:12px; letter-spacing:1px; color:var(--muted); }
.prompt-toc a { display:flex; align-items:baseline; gap:10px; padding:10px 8px; border-left:2px solid transparent; color:var(--muted); font-size:13px; line-height:1.5; text-decoration:none; }
.prompt-toc a span { flex-shrink:0; color:#8d9a8f; font-size:11px; }
.prompt-toc a:hover, .prompt-toc a[aria-current="location"] { color:var(--green); background:#edf0e8; border-left-color:var(--green); }
.prompt-toc a[aria-current="location"] { font-weight:600; }
.prompt-toc .prompt-toc-return { margin-top:18px; font-size:12px; }
.prompt-content { min-width:0; }
.prompt-content p, .prompt-content td, .prompt-content th { font-size:15px; line-height:1.9; }
.prompt-content p { margin:0 0 18px; color:#586b66; }
.prompt-content strong { color:var(--ink); font-weight:600; }
.prompt-content blockquote { margin:24px 0; padding:22px 26px; border-left:3px solid var(--green); background:#eef1e9; }
.prompt-content blockquote p { margin:0; }
.prompt-content hr { margin:28px 0; border:0; border-top:1px solid var(--line); }
.prompt-intro { margin-bottom:38px; }
.prompt-chapter { padding:34px 0 20px; border-top:1px solid var(--line); scroll-margin-top:24px; }
.prompt-chapter .prompt-chapter-number { margin:0 0 10px; font-size:10px; letter-spacing:1.6px; color:var(--green); }
.prompt-chapter h3 { margin:0 0 26px; font:600 25px/1.55 var(--serif); }
.prompt-chapter h4 { margin:30px 0 14px; font-size:17px; line-height:1.7; color:var(--ink); }
.prompt-example { margin:18px 0 26px; border:1px solid #d6ddd3; border-radius:8px; overflow:hidden; background:#fffdf8; }
.prompt-example-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 18px; border-bottom:1px solid #e4e7de; color:var(--muted); font-size:11px; letter-spacing:.5px; }
.prompt-example pre { margin:0; padding:20px 22px; color:#24413a; font:13px/1.95 "SFMono-Regular", Consolas, "PingFang SC", monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.prompt-copy { flex-shrink:0; padding:8px 12px; min-height:34px; border:1px solid #c6d1c7; border-radius:6px; background:transparent; color:var(--green); font:500 12px/1.5 "PingFang SC", system-ui, sans-serif; cursor:pointer; }
.prompt-copy:hover { background:#eaf0e6; }
.prompt-copy:disabled { opacity:.55; cursor:wait; }
.prompt-full-copy { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px; margin:24px 0; border:1px solid #b9cec1; border-radius:10px; background:#eaf0e7; }
.prompt-full-copy strong { font-size:16px; }
.prompt-full-copy p { margin:8px 0 0; font-size:13px; line-height:1.8; }
.prompt-copy-primary { padding:12px 16px; background:var(--green); color:#fffdf8; border-color:var(--green); font-size:13px; }
.prompt-copy-primary:hover { background:#083e35; }
.prompt-template { margin:16px 0 24px; border:1px solid #d2dbd0; border-radius:8px; padding:0 22px; background:#faf9f3; }
.prompt-template summary { padding:20px 0; color:var(--ink); font-size:15px; font-weight:600; cursor:pointer; }
.prompt-template summary span { float:right; color:var(--muted); font-size:12px; font-weight:400; }
.prompt-template[open] summary { border-bottom:1px solid var(--line); margin-bottom:18px; }
.prompt-template[open] summary span { display:none; }
.prompt-table { margin:22px 0 28px; border:1px solid #d6ddd3; border-radius:8px; overflow:hidden; }
.prompt-table table { width:100%; border-collapse:collapse; table-layout:fixed; }
.prompt-table th, .prompt-table td { text-align:left; padding:14px 18px; vertical-align:top; border-bottom:1px solid #e1e5dc; overflow-wrap:anywhere; font-size:13px; }
.prompt-table th { background:#edf0e8; font-weight:600; color:var(--ink); }
.prompt-table td { color:#586b66; }
.prompt-table tr:last-child td { border:0; }
.prompt-table th:first-child { width:20%; }
.prompt-interface-note { margin:0 0 24px; padding:20px 24px; border:1px solid #cbd8c9; border-radius:8px; }
.prompt-interface-note > strong { font-size:14px; }
.prompt-interface-note p { margin:8px 0 0; font-size:13px; }
.guide-back-to-top { position:fixed; right:32px; bottom:28px; z-index:15; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-width:84px; min-height:76px; padding:12px; border:1px solid #cad7cd; border-radius:12px; background:#fffdf8; color:var(--green); box-shadow:0 5px 20px #102c281a; font:500 13px/1.5 "PingFang SC", system-ui, sans-serif; text-decoration:none; }
.guide-back-to-top > span:first-child { font-size:25px; line-height:1; }
.guide-back-to-top:hover { border-color:var(--green); background:#edf2ea; }
.guide-back-to-top:focus-visible { outline:2px solid var(--green); outline-offset:4px; }
.prompt-copy-status { position:fixed; right:32px; bottom:120px; z-index:15; max-width:420px; margin:0; padding:14px 20px; border-radius:8px; background:var(--green); color:#fffdf8; box-shadow:0 5px 20px #102c2826; font-size:13px; line-height:1.7; }
.prompt-copy-status:empty { display:none; }
.prompt-guide :is(a,button,summary):focus-visible, .guide-learning-link:focus-visible { outline:2px solid var(--green); outline-offset:4px; }
@media(max-width:1250px) { .prompt-layout { grid-template-columns:190px minmax(0,1fr); gap:32px; } .prompt-guide-heading h2 { font-size:32px; } }