/* Read surface: inherit the help center's typography, palette and navigation. */
.lesson-heading-part{display:inline-block}
.learning-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;margin-bottom:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.learning-entry h2{margin-bottom:4px;font-size:20px}.learning-entry p{margin:0;color:var(--muted);font-size:14px}.learning-entry>a{display:flex;align-items:center;gap:14px;min-height:44px;flex-shrink:0;font-size:14px;font-weight:600}
.learning-start{padding:24px;background:var(--soft);border-radius:12px}.learning-start h2{font-size:21px}.learning-start p{margin:0;color:#405067;font-size:15px}.learning-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.learning-actions>a:not(.button){display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.learning-routes{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}.learning-routes a{display:flex;align-items:center;min-height:44px;font-size:14px;gap:12px}.learning-routes span{color:var(--muted);font-size:12px}
.learning-track{margin-top:36px}.track-intro{margin:0 0 12px;color:var(--muted);font-size:14px}.lesson-list{list-style:none;margin:0;padding:0}.lesson-list li{border-bottom:1px solid var(--line)}.lesson-list a{display:flex;align-items:center;gap:18px;padding:22px 0;text-decoration:none;color:var(--ink)}.lesson-number{align-self:flex-start;min-width:24px;color:var(--muted);font-variant-numeric:tabular-nums}.lesson-copy{flex:1;min-width:0}.lesson-copy strong{display:block;font-size:17px;font-weight:650;line-height:1.6}.lesson-copy>span{display:block;color:var(--muted);font-size:14px;line-height:1.75;margin-top:5px}.lesson-open{font-size:13px;color:var(--blue);flex-shrink:0}.lesson-list a:hover strong{color:var(--blue)}
.learning-note{margin-top:28px;padding:18px 20px;background:var(--soft);border-radius:8px;color:#405067;font-size:14px;line-height:1.85}.learning-note h2{font-size:17px;margin-bottom:8px}.learning-note p{margin:0}.lesson-context{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-bottom:20px;padding:16px 0;border-block:1px solid var(--line);font-size:13px}.lesson-context>span{color:var(--muted);font-variant-numeric:tabular-nums}.lesson-context p{flex-basis:100%;margin:0;font-size:14px;color:#405067}.lesson-section p+p{margin-top:12px}.lesson-section .steps{margin-top:20px}.lesson-section .steps li:last-child{padding-bottom:0}.lesson-bullets{color:#405067;padding-left:22px;margin:14px 0 0;line-height:1.95}.lesson-bullets li+li{margin-top:8px}
.lesson-sample{margin:20px 0}.lesson-sample figcaption{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--ink)}.lesson-sample pre{margin:0;padding:18px 20px;background:var(--soft);border:1px solid var(--line);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:14px/1.9 Consolas,'Microsoft YaHei',monospace;color:var(--ink);tab-size:2}.lesson-sample code{font:inherit}.sample-copy{display:block;margin-top:8px;min-height:44px;padding:8px 14px;font:600 13px/1.6 HelpSans,'Microsoft YaHei',sans-serif;border:1px solid #b5c4db;border-radius:6px;color:var(--blue);background:var(--white);cursor:pointer}.sample-copy:hover{background:#edf3ff;border-color:var(--blue)}.sample-copy:disabled{cursor:wait;color:var(--muted)}.sample-copy:focus-visible,.lesson-sample pre:focus-visible{outline:3px solid #6d95e7;outline-offset:4px}.lesson-source-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-top:12px}
.lesson-check{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.lesson-check>p,.lesson-sources>p{font-size:14px;color:var(--muted);margin:0}.lesson-check ul,.lesson-sources ul{padding-left:22px;color:#405067;line-height:1.9}.lesson-check li+li{margin-top:8px}.lesson-sources{margin-top:32px}.lesson-sources h2{font-size:18px}.lesson-sources a{display:inline-block;min-height:44px;padding:8px 0;font-size:14px}.lesson-pagination{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;border-block:1px solid var(--line);padding:20px 0}.lesson-pagination a{min-width:0;min-height:52px;font-size:15px;text-decoration:none;overflow-wrap:anywhere}.lesson-pagination a:last-child{text-align:right}.lesson-pagination small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.copy-status:empty{display:none}.copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);width:max-content;background:var(--ink);color:var(--white);padding:10px 16px;border-radius:8px;font-size:14px;z-index:6;margin:0}
@media(max-width:760px){.learning-entry{align-items:flex-start;flex-direction:column;gap:8px}.learning-start{padding:20px}.learning-actions{align-items:flex-start;flex-direction:column;gap:8px}.learning-routes{gap:20px}.learning-routes a{gap:8px}.learning-track{margin-top:28px}.lesson-list a{gap:12px;padding:18px 0}.lesson-copy strong{font-size:16px}.lesson-open{font-size:0}.lesson-open>span{font-size:18px}.lesson-number{min-width:16px}.lesson-sample pre{padding:14px 16px}.lesson-pagination{gap:16px}.learning-note{padding:16px}.header nav{gap:10px}.header nav a{min-height:44px;display:inline-flex;align-items:center}.copy-status{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}