/* Additional guides share the existing premium cards and reader controls. */
.book-card[data-book=codex]{--card-accent:#233c3a;background:linear-gradient(145deg,#fff 30%,#edf4f2);border-color:#dce5e1}
.book-card[data-book=claude-code]{--card-accent:#a75d3f;background:linear-gradient(145deg,#fff 30%,#fff3e9);border-color:#eeded1}
.book-card[data-book=claude-code]::before{background:radial-gradient(circle,#e5b38e35,transparent 70%)}
.book-card[data-book=codex] .book-symbol,.book-card[data-book=claude-code] .book-symbol{background:#fff}
.book-card[data-book=codex] .book-symbol img,.book-card[data-book=claude-code] .book-symbol img{width:46px;height:46px;border-radius:7px;image-rendering:auto}
.article-content .lesson-callout,.article-content .lesson-tip,.article-content .lesson-warning{margin:22px 0;padding:17px 20px;border:1px solid #dfe8ec;border-left:3px solid #709d98;border-radius:7px;background:#f6faf9}
.article-content .lesson-warning{border-color:#eddfc9;border-left-color:#c69b4f;background:#fffbf3}
.article-content .lesson-tip{border-left-color:#5387a7;background:#f5f9fc}
.article-content .lesson-callout>p:first-child,.article-content .lesson-tip>p:first-child,.article-content .lesson-warning>p:first-child{margin-top:0}
.article-content .lesson-callout>p:last-child,.article-content .lesson-tip>p:last-child,.article-content .lesson-warning>p:last-child{margin-bottom:0}
.article-content .lesson-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px;background:#f7f9fa;border:1px solid var(--line);border-radius:8px;margin:22px 0}
.article-content .lesson-flow-item{flex:1;min-width:140px;padding:11px 14px;background:#fff;border:1px solid #dfe6e9;border-radius:6px;text-align:center;font-size:.9em}
.article-content .lesson-flow-arrow{color:#8aa19d}
.article-content .lesson-en{font-size:.8em;color:#82919a;margin-top:4px}
.article-content .lesson-intro{color:#536a75;font-size:1.02em}
.article-content .lesson-code-label{font-size:12px;color:#647985;background:#eef3f5;border:1px solid var(--line);padding:6px 12px;border-radius:5px}
@media(max-width:600px){.article-content .lesson-callout,.article-content .lesson-tip,.article-content .lesson-warning{padding:14px 15px}.article-content .lesson-flow{padding:12px;gap:8px}.article-content .lesson-flow-item{min-width:110px}}