/* ============ MirrorKnows · Learn article layout ============ */
.learn-body { background: #0b0a13; min-height: 100vh; }
.learn-wrap { max-width: 760px; margin: 0 auto; padding: 48px 22px 80px; }
.learn-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 44px; }
.learn-brand { font-family: Georgia, "Playfair Display", serif; letter-spacing: .34em; font-size: 14px; color: #c9b37e; text-decoration: none; text-transform: uppercase; }
.learn-top .btn { white-space: nowrap; }
.learn-eyebrow { color: #a89fd6; letter-spacing: .28em; text-transform: uppercase; font-size: 12px; margin-bottom: 14px; }
.learn-wrap h1 { font-family: Georgia, "Playfair Display", serif; font-weight: 400; font-size: clamp(30px, 5vw, 44px); line-height: 1.2; color: #eceaf2; margin: 0 0 10px; }
.learn-sub { color: #8f8ca0; font-style: italic; font-size: 17px; margin-bottom: 40px; }
.learn-wrap h2 { font-family: Georgia, serif; font-weight: 500; font-size: 24px; color: #c9b37e; margin: 44px 0 12px; }
.learn-wrap p, .learn-wrap li { font-family: Georgia, "Times New Roman", serif; font-size: 17.5px; line-height: 1.85; color: #cfccd9; }
.learn-wrap ul, .learn-wrap ol { padding-left: 22px; }
.learn-wrap b, .learn-wrap strong { color: #eceaf2; }
.learn-wrap a { color: #c9b37e; }
.zh-inline { color: #a89fd6; font-style: normal; }
.learn-cta { margin: 46px 0; padding: 26px; border: 1px solid rgba(201,179,126,.35); border-radius: 14px; background: rgba(201,179,126,.06); text-align: center; }
.learn-cta p { margin: 0 0 16px; color: #eceaf2; }
.learn-cta .btn, .learn-top .btn { display: inline-block; padding: 12px 26px; border-radius: 999px; background: #c9b37e; color: #0b0a13; font-weight: 600; text-decoration: none; font-family: Georgia, serif; }
.learn-note { margin-top: 56px; padding: 18px 20px; border-left: 3px solid #a89fd6; background: rgba(168,159,214,.07); border-radius: 0 10px 10px 0; font-size: 14.5px; color: #8f8ca0; }
.learn-more { margin-top: 40px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.08); font-size: 15px; color: #8f8ca0; }
.learn-foot { margin-top: 30px; font-size: 13px; color: #6a6878; }
@media (max-width: 560px) { .learn-top { flex-direction: column; align-items: flex-start; } }