/* Article-only styles: retain the site's yellow/violet identity and readable layout. */
.codex-lesson-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:56px;align-items:center;padding:36px 0 48px;border-bottom:1px solid var(--line);margin-bottom:36px}
.codex-lesson-hero h1{font-size:clamp(32px,3.5vw,48px);line-height:1.4;margin-bottom:20px}.codex-lesson-hero h1 span{color:var(--action);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:7px;text-underline-offset:7px}
.codex-lesson-hero p{font-size:17px;line-height:1.9;max-width:620px;color:var(--muted)}
.lesson-route{padding:26px 30px;background:var(--yellow);border-radius:18px}.lesson-route>strong{font-size:20px;display:block;margin-bottom:20px}.lesson-route a{display:flex;gap:16px;padding:15px 0;color:var(--ink);border-top:1px solid #29242f26;font-size:16px}.lesson-route a span{font-weight:700;color:var(--action)}
.codex-lesson .study-article{min-width:0}.codex-lesson .study-section{scroll-margin-top:calc(var(--nav-h,90px) + 30px)}.codex-lesson .study-section h3{margin:26px 0 12px;font-size:20px;line-height:1.6}.codex-lesson .study-section p{font-size:16px;line-height:2}.codex-lesson .study-nav{max-height:calc(100vh - var(--nav-h,90px) - 40px);overflow-y:auto}.codex-lesson .study-nav a{padding:10px 12px}
.lesson-source{font-size:14px;white-space:normal}.lesson-takeaway{background:var(--soft);border-left:3px solid var(--action);padding:20px 24px;border-radius:0 12px 12px 0;margin:24px 0}.lesson-takeaway strong{font-size:18px}.lesson-takeaway p{margin:8px 0 0}
.lesson-concepts,.lesson-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.lesson-concepts article,.lesson-comparison>div{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.lesson-concepts article:last-child,.lesson-comparison>div:last-child{background:var(--yellow-soft)}.lesson-concept-tag{font-size:14px;font-weight:700;color:var(--action)}.codex-lesson .lesson-concepts h3,.codex-lesson .lesson-comparison h3{margin-top:8px}.lesson-concepts p,.lesson-comparison p{margin-bottom:0}
.lesson-glossary{display:grid;gap:0;border-block:1px solid var(--line);margin:28px 0}.lesson-glossary>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;padding:20px 0}.lesson-glossary>div+div{border-top:1px solid var(--line)}.lesson-glossary p{margin:0}.lesson-glossary strong{font-size:17px;line-height:2}
.lesson-figure{box-shadow:0 8px 24px #28203305}.lesson-figure>a{cursor:zoom-in}.lesson-figure.lesson-portrait{max-width:340px;margin:28px auto}.lesson-figure.lesson-small{max-width:460px;margin:24px auto}.lesson-figure figcaption{align-items:flex-start}.lesson-portrait figcaption,.lesson-small figcaption{flex-direction:column;gap:8px}.lesson-skill-table table{table-layout:fixed}.lesson-skill-table td:first-child{width:34%;overflow-wrap:anywhere}.lesson-skill-table small{display:block;font-weight:400;font-size:14px;margin-top:5px}
.lesson-prompt{margin:28px 0;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.lesson-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--yellow-soft);border-bottom:1px solid var(--line)}.codex-lesson .lesson-prompt-head h3{font-size:18px;margin:0}.lesson-copy{padding:9px 14px;min-height:42px;flex-shrink:0;border:1px solid #b9a8e5;background:#fff;border-radius:8px;color:var(--action);font:700 14px var(--font);cursor:pointer}.lesson-copy:hover{background:var(--soft)}.lesson-copy:focus-visible{outline:3px solid var(--action);outline-offset:3px}.lesson-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:15px/1.95 var(--font);padding:22px;margin:0;color:var(--ink)}.codex-lesson .lesson-copy-feedback{font-size:14px;margin:0;padding:0 22px 14px;color:var(--action)}.lesson-copy-feedback:empty{display:none}
.panghu-experience{margin:36px 0 0;padding:28px;border:1px solid #d6c9f5;border-radius:16px;background:var(--soft)}.panghu-experience>div{display:flex;align-items:center;gap:14px}.panghu-experience img{border-radius:12px;object-fit:cover}.codex-lesson .panghu-experience h3{margin:0}.panghu-experience p:last-child{margin-bottom:0}
.lesson-faq{border-bottom:1px solid var(--line);padding:18px 0}.lesson-faq summary{font-size:17px;font-weight:700;cursor:pointer;line-height:1.8}.lesson-faq p{margin:12px 0 0}.codex-lesson .prompt-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}.codex-lesson .source-disclosure{margin-top:32px;color:var(--muted)}.codex-lesson .source-disclosure p{font-size:14px}
@media(max-width:1000px){.codex-lesson-hero{gap:28px}.lesson-glossary>div{grid-template-columns:130px minmax(0,1fr);gap:18px}}
@media(max-width:768px){.codex-lesson-hero{grid-template-columns:1fr;gap:24px;padding:24px 0 30px}.lesson-route{padding:22px}.codex-lesson .study-nav{max-height:none;overflow:visible}.lesson-concepts,.lesson-comparison{grid-template-columns:1fr;gap:14px}.lesson-concepts article,.lesson-comparison>div{padding:20px}.lesson-glossary>div{grid-template-columns:1fr;gap:4px}.lesson-prompt-head{align-items:flex-start;padding:14px;gap:10px}.codex-lesson .lesson-prompt-head h3{font-size:16px}.lesson-copy{padding:8px 10px;font-size:13px}.lesson-prompt pre{padding:16px;font-size:14px}.panghu-experience{padding:20px}.lesson-skill-table th,.lesson-skill-table td{padding:12px 10px;font-size:14px}.lesson-skill-table th:first-child{width:40%}.lesson-figure figcaption{font-size:13px}}