.avfd-page{--avfd-paper:#fbf9f3;--avfd-ink:#30291e;--avfd-muted:#746957;--avfd-rule:#d9cfbc;--avfd-gold:#916219;--avfd-dark:#16130e;--avfd-soft:#c9a45c;--avfd-space:24px;--avfd-large:48px;--avfd-body:15px;--avfd-h2:21px;--avfd-radius:10px;--avfd-width:1180px;--avfd-touch:44px;background:var(--avfd-paper);color:var(--avfd-ink);font-family:MiSans,'Microsoft YaHei',sans-serif;font-size:var(--avfd-body);line-height:1.65}.avfd-page *{box-sizing:border-box}.avfd-page button,.avfd-page a{-webkit-tap-highlight-color:transparent}.avfd-page button{font:inherit;cursor:pointer}.avfd-page a{color:inherit;text-decoration:none}.avfd-page a:focus-visible,.avfd-page button:focus-visible{outline:2px solid var(--avfd-gold);outline-offset:4px}.avfd-top{max-width:var(--avfd-width);margin:auto;padding:var(--avfd-space);border-bottom:1px solid var(--avfd-rule);display:flex;justify-content:space-between;align-items:center;gap:var(--avfd-space);min-height:var(--avfd-touch)}.avfd-top a{display:inline-flex;align-items:center;min-height:var(--avfd-touch)}.avfd-top a:first-child{font-weight:600}.avfd-top a:last-child{color:var(--avfd-gold)}.avfd-page .avfd-main{max-width:var(--avfd-width);padding:var(--avfd-space);margin:0 auto}.avfd-heading{padding:var(--avfd-space) 0 var(--avfd-large)}.avfd-heading p{margin:0;color:var(--avfd-muted)}.avfd-heading h1{font-size:44px;line-height:1.3;font-weight:600;margin:12px 0}.avfd-book{background:var(--avfd-dark);border-radius:var(--avfd-radius);color:var(--avfd-soft);padding:32px;display:flex;flex-direction:column;align-items:flex-start;font-size:26px;line-height:1.5;font-weight:400;gap:14px}.avfd-book-line{width:100%;height:1px;background:currentColor;opacity:.35}.avfd-intro h2{font-size:var(--avfd-h2);font-weight:600;margin:var(--avfd-space) 0 8px}.avfd-intro p{margin:0 0 var(--avfd-space);color:var(--avfd-muted)}.avfd-intro-button,.avfd-text-button{width:100%;min-height:var(--avfd-touch);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--avfd-gold);border-radius:6px;background:transparent;color:var(--avfd-gold)}.avfd-text-button{margin-top:10px;border-color:transparent;justify-content:flex-start;padding-left:0;color:var(--avfd-muted);text-align:left}.avfd-intro-button{--avfd-cta:#197044;--avfd-cta-hover:#125b36;--avfd-cta-ink:#fff;background:var(--avfd-cta);color:var(--avfd-cta-ink);border-color:var(--avfd-cta)}.avfd-intro-button:hover{background:var(--avfd-cta-hover);border-color:var(--avfd-cta-hover)}.avfd-intro-button:focus-visible{outline-color:var(--avfd-cta)}.avfd-text-button:hover{color:var(--avfd-gold)}.avfd-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:16px}.avfd-section-head h2{font-size:var(--avfd-h2);font-weight:600;margin:0}.avfd-section-head>span{color:var(--avfd-muted);font-size:var(--avfd-body)}.avfd-step:hover{background:#f1ebdf}.avfd-step-copy>span:last-child{color:var(--avfd-muted)}.avfd-time>span{color:var(--avfd-gold);padding-left:8px}.avfd-extra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--avfd-rule);border-radius:var(--avfd-radius);overflow:hidden}.avfd-extra{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:var(--avfd-space);background:transparent;border:0;text-align:left;color:var(--avfd-ink)}.avfd-extra+.avfd-extra{border-left:1px solid var(--avfd-rule)}.avfd-extra:hover{background:#f1ebdf}.avfd-extra-title{font-size:18px;font-weight:600}.avfd-extra>span:nth-child(2){color:var(--avfd-muted);flex:1}.avfd-extra small{font-size:var(--avfd-body);color:var(--avfd-gold)}.avfd-footer{margin-top:var(--avfd-large);padding:var(--avfd-space) 0;display:flex;gap:var(--avfd-space);justify-content:space-between;color:var(--avfd-muted);flex-wrap:wrap;border-top:1px solid var(--avfd-rule)}.avfd-footer a{color:var(--avfd-gold);min-height:var(--avfd-touch);display:flex;align-items:center}.avfd-page .avfg-dialog{font-family:inherit}
@media(max-width:850px){.avfd-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avfd-extra:nth-child(3){border-left:0}.avfd-extra:nth-child(n+3){border-top:1px solid var(--avfd-rule)}}
@media(max-width:600px){.avfd-page{--avfd-space:20px;--avfd-large:32px}.avfd-heading h1{font-size:34px}.avfd-book{display:none}.avfd-intro h2{margin-top:0}.avfd-section-head{gap:4px}.avfd-extra{padding:16px}.avfd-footer{gap:4px}.avfd-page .avfg-list{max-height:130px}}

.avfd-film{--avfd-film-controls:260px;container-type:inline-size;overflow:hidden;border:1px solid var(--avfd-rule);border-radius:var(--avfd-radius);background:var(--avfd-dark)}.avfd-film iframe{display:block;width:100%;height:calc(77.7cqw + var(--avfd-film-controls));border:0}.avfd-film-error{font-size:var(--avfd-body);color:var(--avfd-muted)}.avfd-film-error button{font:inherit;min-height:var(--avfd-touch);background:transparent;color:var(--avfd-gold);border:1px solid var(--avfd-rule);border-radius:6px;padding:8px 12px}.avfd-intro .avfd-film+h2,.avfd-intro .avfd-film-error+h2{margin-top:var(--avfd-space)}

/* Compact directory: two steps per row, introduction beside step five. */
.avfd-page{--avfd-grid-gap:12px;--avfd-card-pad:16px;--avfd-card-height:116px;--avfd-heading-gap:12px;--avfd-card-title:18px;--avfd-step-number:24px}
.avfd-page .avfd-main{padding-top:12px}
.avfd-top{padding-top:8px;padding-bottom:8px}
.avfd-heading{padding:var(--avfd-heading-gap) 0}
.avfd-heading h1{margin:4px 0}
.avfd-course{border-top:1px solid var(--avfd-rule);padding-top:var(--avfd-heading-gap)}
.avfd-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--avfd-grid-gap);align-items:start}
.avfd-step,.avfd-intro{min-width:0;border:1px solid var(--avfd-rule);border-radius:var(--avfd-radius);padding:var(--avfd-card-pad);background:transparent;color:var(--avfd-ink)}
.avfd-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;width:100%;min-height:var(--avfd-card-height);align-content:center;text-align:left}
.avfd-number{grid-row:1/3;color:var(--avfd-gold);font-size:var(--avfd-step-number);font-variant-numeric:tabular-nums}
.avfd-step-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.avfd-step-title{font-size:var(--avfd-card-title);font-weight:600}
.avfd-time{display:block;grid-column:2;color:var(--avfd-muted);font-size:var(--avfd-body)}
.avfd-intro{display:block}
.avfd-intro h2{margin:0 0 6px;font-size:var(--avfd-card-title)}
.avfd-intro p{margin:0 0 12px}
.avfd-text-button{margin-top:4px}



.avfd-more{padding-top:var(--avfd-space)}
.avfd-footer{margin-top:var(--avfd-space)}
.avfd-step:nth-child(5){align-self:stretch}
@media(max-width:600px){.avfd-page{--avfd-space:16px;--avfd-grid-gap:10px;--avfd-card-pad:12px;--avfd-card-height:186px;--avfd-card-title:16px;--avfd-step-number:21px;--avfd-heading-gap:16px}.avfd-step{grid-template-columns:minmax(0,1fr);gap:6px}.avfd-number{grid-row:auto}.avfd-time{grid-column:1}.avfd-step-title{line-height:1.5}.avfd-intro-button,.avfd-text-button{padding:8px;font-size:var(--avfd-body);text-align:left}.avfd-intro h2{margin-top:0}.avfd-extra{padding:var(--avfd-card-pad)}}
@media(max-width:600px){.avfd-intro-button span{display:none}.avfd-intro-button{padding-left:6px;padding-right:6px}}

/* Keep the original video visible beside the paired tutorial steps. */
.avfd-page{--avfd-film-column:280px;--avfd-course-gap:24px}
.avfd-course-body{display:grid;grid-template-columns:var(--avfd-film-column) minmax(0,1fr);gap:var(--avfd-course-gap);align-items:start}
.avfd-film-panel{min-width:0}
.avfd-film-panel .avfd-film-error{margin:12px 0 0}
@media(max-width:1050px){.avfd-course-body{grid-template-columns:minmax(0,1fr)}.avfd-film-panel{order:1;width:100%;max-width:380px;justify-self:center}}

/* Three-column reading order, with the original film kept on the left. */
.avfd-page{--avfd-width:1280px;--avfd-heading-gap:8px;--avfd-course-gap:20px;--avfd-grid-gap:12px;--avfd-card-title:17px;--avfd-card-pad:14px;--avfd-card-height:144px;--avfd-directory-heading:34px}
.avfd-heading h1{font-size:var(--avfd-directory-heading)}
.avfd-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.avfd-course-grid>.avfd-step{grid-template-columns:minmax(0,1fr);gap:6px;align-content:center}
.avfd-course-grid .avfd-number{grid-row:auto;font-size:var(--avfd-step-number)}
.avfd-course-grid .avfd-time{grid-column:1}
.avfd-course-grid>.avfd-extra{border:1px solid var(--avfd-rule);border-radius:var(--avfd-radius);padding:var(--avfd-card-pad);min-height:var(--avfd-card-height)}
.avfd-intro-button span{display:none}
.avfd-intro h2{margin-bottom:12px}
.avfd-text-button{line-height:1.5}
.avfd-mixer-link{border:0;background:transparent;color:var(--avfd-gold);min-height:var(--avfd-touch);padding:0;text-align:left}
.avfd-mixer-link:hover{text-decoration:underline}
@media(max-width:600px){.avfd-page{--avfd-card-title:16px;--avfd-card-pad:12px;--avfd-card-height:186px}.avfd-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}