/* Extra styles for the Calculus guides only (loaded after guides.css; existing guides are unaffected). */
.tex{font-family:var(--math)}
.tex:not([data-done]){color:var(--dim);font-size:.92em}
.tex-d{display:block;margin:12px 0;padding:12px 16px;overflow-x:auto;overflow-y:hidden;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;font-size:19px;line-height:1.5}
.tex-d math{font-size:1.15em;text-align:left;margin:0}
.tex-d math[display=block]{display:inline math;math-style:normal;math-depth:0}
.tex math{font-family:var(--math)}
.art .cg-jump{display:flex;flex-wrap:wrap;gap:6px 8px;margin:16px 0 0;padding:0;list-style:none}
.cg-jump li{margin:0}
.cg-jump a{display:inline-block;font-size:12.5px;line-height:1.3;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--ink);text-decoration:none}
.cg-jump a:hover{color:var(--mint);border-color:rgba(92,242,176,.45)}
.art h2[id]{scroll-margin-top:16px}
.cg-use{margin:0 0 6px;color:var(--ink)}
.cg-use strong{color:var(--mint);font-weight:600}
.cg-ex{margin:12px 0;padding:12px 16px;border:1px solid rgba(255,200,87,.3);border-left:3px solid var(--amber);border-radius:12px;background:rgba(255,200,87,.05)}
.cg-ex p{margin:0 0 6px}.cg-ex p:last-child{margin-bottom:0}
.cg-ex strong{color:var(--amber);font-weight:600}
.cg-ex .tex-d{background:rgba(0,0,0,.18);margin:8px 0}
.cg-watch{margin:8px 0 0;color:var(--dim);font-size:14px}
.cg-watch strong{color:var(--ink);font-weight:600}
.cg-try{margin:8px 0 0;font-size:14px}
.cg-steps{margin:8px 0}
.cg-steps li{margin:6px 0}
@media(max-width:820px){.tex-d{font-size:17px;padding:10px 12px}.cg-ex{padding:10px 12px}}
@media(max-width:820px){.shell{align-items:stretch}.art{width:100%;max-width:100%;min-width:0}.tex-d{max-width:100%}}