.python-guide{margin:0;background:#fcfdfc;color:#263a30;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.8}.python-guide *{box-sizing:border-box}.python-guide a:focus-visible,.python-guide button:focus-visible,.python-guide input:focus-visible{outline:2px solid #13815f;outline-offset:3px}.guide-wrap{width:100%;max-width:1480px;margin:auto}.reader-layout{display:grid;grid-template-columns:245px minmax(0,1fr) 210px;align-items:start;min-height:80vh}.reader-sidebar{background:#f3f7f4;border-right:1px solid #e5ece7;padding:24px 18px;position:sticky;top:64px;height:calc(100vh - 64px)}.reader-sidebar summary{list-style:none;font-size:22px;font-weight:700;color:#172b22;margin-bottom:14px}.course-search{display:block}.course-search input{width:100%;padding:10px 12px;font-size:13px;border:1px solid #dbe5de;border-radius:4px;background:#fcfdfc;color:#344e40}.reader-sidebar nav{height:calc(100% - 110px);overflow:auto;scrollbar-width:thin;padding:8px 0 24px}.reader-sidebar nav h2{font-size:14px;color:#293b31;font-weight:700;margin:19px 3px 7px}.reader-sidebar nav a{display:block;font-size:13px;line-height:1.6;padding:7px 12px;color:#53665b;text-decoration:none;border-radius:3px}.reader-sidebar nav a[hidden]{display:none}.reader-sidebar nav a.active{background:#deeee4;color:#08704d;font-weight:700}.reader-sidebar nav a:hover{color:#13815f;background:#e7f1eb}.reader-main{min-width:0;padding:25px 30px 50px}.reader-article{background:transparent;border:0;border-radius:0;padding:0}.reader-breadcrumb{font-size:12px;color:#87938c;margin-bottom:14px}.reader-breadcrumb a{color:#76877c;text-decoration:none}.reader-title{color:#101b15;font-size:clamp(28px,3vw,43px);font-weight:700;line-height:1.3;letter-spacing:-.7px;margin:12px 0}.reader-deck{font-size:16px;line-height:1.8;color:#617267;margin:12px 0 28px}.reader-outline{border-left:1px solid #e6ede7;padding:28px 18px 24px 22px;position:sticky;top:64px;max-height:calc(100vh - 64px);overflow:auto}.reader-toc{border:0;background:none;padding:0;margin:0}.reader-toc summary{font-weight:700;font-size:14px;border-left:3px solid #13815f;padding-left:10px;list-style:none;color:#283d30}.reader-toc nav{display:flex;flex-direction:column;gap:0;margin-top:14px;max-height:60vh;overflow:auto;scrollbar-width:thin}.reader-toc a{font-size:12px;line-height:1.6;color:#697c6f;text-decoration:none;padding:7px 10px;border-left:1px solid #e2eae4}.reader-toc a.h3{padding-left:20px}.reader-toc a.active{color:#13815f;font-weight:600;border-left:2px solid #13815f}.outline-practice,.outline-feedback{display:block;font-size:12px;color:#5e7567;text-decoration:none;border-top:1px solid #e0e9e2;padding-top:20px;margin-top:24px}.reader-content{font-size:15px;line-height:1.95;color:#43584a;overflow-wrap:anywhere}.reader-content h2,.reader-content h3{color:#182d20;line-height:1.5;scroll-margin-top:85px;margin:28px 0 13px}.reader-content h2{font-size:25px;border-left:4px solid #13815f;padding-left:13px}.reader-content h3{font-size:19px}.reader-content p{margin:12px 0}.reader-content ul,.reader-content ol{padding-left:24px;margin:12px 0}.reader-content img{max-width:100%;height:auto}.reader-content a{color:#13815f}.reader-content table{display:table;width:100%;border-collapse:collapse;font-size:13px;margin:16px 0 26px}.reader-content th,.reader-content td{padding:8px 13px;text-align:left;border-bottom:1px solid #edf1ee}.reader-content th{background:#edf3ef;color:#24382b;font-weight:600}.reader-content tr:nth-child(even){background:#f3f7f4}.reader-content .example{border:0;background:none;padding:0;margin:16px 0}.reader-content .example>h2{display:none}.reader-content .showbtn{display:none}.reader-content .example_code,.reader-content pre{font:13px/1.8 ui-monospace,Consolas,monospace;white-space:pre;overflow:auto}.reader-content hr{border:0;border-top:1px solid #e7ede8;margin:24px 0}.reader-pagination{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #e1e9e3;margin-top:36px;padding-top:20px}.reader-pagination a{display:flex;flex-direction:column;text-decoration:none}.reader-pagination a:last-child{text-align:right}.reader-pagination span{font-size:12px;color:#829084}.reader-pagination strong{font-size:14px;color:#365843;font-weight:500}.reader-content .code-block-wrap{margin:16px 0 24px;max-width:100%;overflow:hidden;border:1px solid #273b30;border-radius:4px;background:#17231f;box-shadow:none}.reader-content .code-block-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:#21312b;color:#dce9e0;font-size:12px}.reader-content .code-block-bar:before{display:none}.tutorial-code-actions{display:flex;align-items:center;gap:12px}.reader-content .code-copy-btn{background:transparent;border:0;color:#dce7df;font-size:12px;cursor:pointer;padding:5px}.reader-content .tutorial-code-run{background:#13815f;border:0;border-radius:3px;color:white;text-decoration:none;font-size:12px;padding:6px 13px;white-space:nowrap}.reader-content .code-block-wrap pre{margin:0;padding:18px 20px;color:#e0e9dd;background:#17231f;border:0;border-radius:0;font:14px/1.8 ui-monospace,Consolas,monospace;white-space:pre;overflow:auto}.reader-content .code-block-wrap code{color:inherit;font:inherit;white-space:pre;background:transparent}.reader-content .example-output{background:#21312b;color:#d5e4d9;border-top:1px solid #34463b;padding:9px 20px;font-size:12px}.reader-content .example-output pre{padding:0;background:none;font-size:13px;margin:4px 0}.sr-only,.tutorial-copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.python-guide .site-footer .container{max-width:1366px!important;width:calc(100% - 48px)!important;min-width:0!important}
@media(max-width:1180px){.reader-layout{grid-template-columns:220px minmax(0,1fr)}.reader-outline{position:static;grid-column:2;grid-row:1;padding:16px 26px 0;border-left:0;max-height:none}.reader-outline .reader-toc{border-bottom:1px solid #e2eae4;padding-bottom:14px}.reader-outline .reader-toc nav{max-height:120px;flex-direction:row;flex-wrap:wrap}.reader-outline .outline-practice,.reader-outline .outline-feedback{display:none}.reader-main{grid-column:2;grid-row:2;padding:18px 26px 40px}.reader-sidebar{grid-row:1/3}}
@media(max-width:760px){.reader-layout{display:flex;flex-direction:column}.reader-sidebar{position:static;width:100%;height:auto;padding:16px;border-right:0;border-bottom:1px solid #e1e9e3}.reader-sidebar summary{font-size:19px;cursor:pointer}.reader-sidebar nav{height:auto;max-height:220px}.reader-outline{order:1;width:100%;padding:16px 18px 0}.reader-main{order:2;width:100%;padding:18px}.reader-title{font-size:29px}.reader-deck{font-size:14px;margin-bottom:22px}.reader-content{font-size:14px}.reader-content h2{font-size:22px}.reader-content table{display:block;overflow:auto;white-space:nowrap}.reader-content .code-block-wrap pre{font-size:12px;padding:15px}.reader-content .code-block-bar{padding:8px 12px}.tutorial-code-actions{gap:8px}.reader-content .tutorial-code-run{padding:6px 9px}.reader-content .code-copy-btn{font-size:11px}.reader-content .example-output{padding:9px 15px}}
.reader-content .code-block-wrap .token.comment{color:#8fa892}.reader-content .code-block-wrap .token.string{color:#e7cc7b}.reader-content .code-block-wrap .token.keyword{color:#c6a1c9}.reader-content .code-block-wrap .token.number,.reader-content .code-block-wrap .token.boolean{color:#c4d873}.reader-content .code-block-wrap .token.function,.reader-content .code-block-wrap .token.builtin{color:#71c69e}.reader-content .code-block-wrap pre{line-height:1.65;padding:15px 20px}.reader-content .code-block-bar{padding:7px 14px}.reader-content th,.reader-content td{padding-top:6px;padding-bottom:6px}
.outline-pagination{border-top:1px solid #e1e9e3;margin-top:24px;padding-top:8px}.outline-pagination a{display:flex;flex-direction:column;gap:5px;text-decoration:none;margin:18px 0}.outline-pagination span{font-size:11px;color:#849287}.outline-pagination strong{font-size:12px;font-weight:500;color:#425d4a}.reader-pagination{display:none}@media(max-width:1180px){.outline-pagination{display:none}.reader-pagination{display:grid}}
@media(min-width:761px) and (max-width:1400px){body.python-guide>.site-header .container.header-inner{width:calc(100% - 36px);max-width:1366px}.python-guide .main-nav{margin-left:24px;gap:2px}.python-guide .main-nav a{font-size:13px;padding:6px 8px}.python-guide .header-actions{gap:6px}.python-guide .btn-trial{font-size:12px;padding:6px 10px}body.python-guide>.site-header .logo .logo-img{width:180px;height:auto}}
@media(min-width:761px) and (max-width:1180px){.python-guide .site-footer .footer-inner{flex-wrap:wrap!important;gap:24px!important}.python-guide .site-footer .footer-brand{width:220px!important;max-width:220px!important;flex:0 1 220px!important}.python-guide .site-footer .footer-links{width:auto!important;min-width:0!important;flex:1 1 300px!important;gap:20px!important}}
/* Keep the course list in a bounded flex area so its overflow can scroll. */
@media(min-width:761px){.reader-sidebar>details{display:flex;flex-direction:column;height:100%;min-height:0}.reader-sidebar>details>summary,.reader-sidebar .course-search,.reader-sidebar #course-search-empty{flex:0 0 auto}.reader-sidebar>details>nav{height:auto;flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}}
@media(min-width:761px){.reader-sidebar>details{display:block;height:100%}.reader-sidebar>details>nav{height:calc(100vh - 230px);max-height:calc(100vh - 230px);overflow-y:auto;min-height:100px}}
@media(min-width:761px){.reader-sidebar{overflow:hidden;isolation:isolate}.reader-sidebar>details>nav{overflow-x:hidden;overscroll-behavior:contain}}