.pf-page{max-width:1240px;margin:0 auto;padding:24px 0 56px}.pf-page h1{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08}.pf-page p{line-height:1.7}.pf-course-hero{max-width:830px;margin-bottom:32px}.pf-course-hero>p:not(.eyebrow){font-size:1.1rem}.pf-landing-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding:48px 0;display:grid}.pf-landing-hero h1{margin:16px 0 24px}.pf-hero-code{color:#e9f4dc;background:#153b35;border-radius:24px;padding:32px;box-shadow:12px 16px #e8efcf}.pf-hero-code>span{letter-spacing:.08em;font-size:.8rem}.pf-hero-code pre{white-space:pre-wrap;margin:30px 0;font:clamp(.8rem,1.5vw,1rem)/1.8 monospace}.pf-learning-loop{border-top:1px solid #729788;padding-top:18px;font-size:.9rem}.pf-small,.pf-cost-note,.pf-save-status{font-size:.85rem}.pf-benefits{grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0 64px;display:grid}.pf-benefits article{border-top:3px solid #537b61;padding-top:16px}.pf-benefits h2{font-size:1.2rem}.pf-course-modules{gap:24px;margin-top:24px;display:grid}.pf-module{background:#fffef9;border:1px solid #d0dacb;border-radius:18px;overflow:hidden}.pf-module h2{background:#edf1e4;margin:0;padding:18px 24px;font-size:1.15rem}.pf-module ol{margin:0;padding:0;list-style:none}.pf-module li+li{border-top:1px solid #e1e7dc}.pf-module li>a{color:inherit;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;text-decoration:none;display:flex}.pf-module li>a:hover{background:#f4f7ec}.pf-module p{color:#4b615b;margin:5px 0}.pf-module small{color:#57716a}.pf-lesson-state{white-space:nowrap;color:#245d4f;font-size:.85rem}.pf-course-progress,.pf-allowance{background:#e8efdc;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:22px;display:flex}.pf-course-progress p{margin:6px 0 0}.pf-allowance{border:1px solid #cbdbc5;flex-wrap:wrap}.pf-allowance span{margin-top:6px;font-size:.78rem;display:block}.pf-allowance label{align-items:center;gap:8px;font-size:.9rem;display:flex}.pf-allowance a{font-size:.8rem}.pf-breadcrumb{flex-wrap:wrap;justify-content:space-between;gap:24px;margin-bottom:24px;font-size:.9rem;display:flex}.pf-notice{background:#f4f1dd;border:1px solid #e1dcb9;border-radius:12px;margin:20px 0;padding:16px 22px}.pf-notice h2{font-size:1.2rem}.pf-notice pre{white-space:pre-wrap;overflow-wrap:anywhere}.pf-next{background:#e8efdc;border-radius:16px;margin-top:24px;padding:28px}.pf-lesson-page .vt-player{width:100%}.pf-lesson-page .vt-header h1{font-size:clamp(1.5rem,3vw,2.2rem)}.pf-lesson-page .vt-header{padding:24px}.pf-lesson-page .vt-stage{grid-template-columns:minmax(260px,33%) minmax(0,1fr)}.pf-teacher-visual{width:100%;min-height:200px}.pf-avatar-canvas{background:#e5ebe0;border-radius:14px;width:100%;height:300px;position:relative;overflow:hidden}.pf-avatar-canvas[hidden]{display:none}.pf-teacher-placeholder{background:linear-gradient(140deg,#c6dcc9,#edf1dd);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.pf-teacher-placeholder>span{letter-spacing:-.1em;color:#28594d;font-size:3rem;font-weight:700}.pf-teacher-placeholder p{font-size:.72rem}.pf-save-status{color:#456258;margin:8px 0}.pf-lesson-page .vt-editor-shell textarea{min-height:280px}.pf-forge-link{background:#f1f5e9;border:1px solid #c9d8c2;border-radius:10px;margin-top:16px;padding:12px 16px;font-size:.9rem}.pf-forge-link a{font-weight:600}.pf-dashboard-card{background:#edf2e3;border:1px solid #c9d8c2;border-radius:18px;margin:24px 0;padding:24px}.pf-dashboard-card h2{margin-top:0}.pf-avatar-pricing{overflow-x:auto}.pf-avatar-pricing table{border-collapse:collapse;width:100%}.pf-avatar-pricing th,.pf-avatar-pricing td{text-align:left;border-bottom:1px solid #d4ddcf;padding:16px}.pf-avatar-pricing th{background:#edf2e3}.pf-avatar-pricing caption{text-align:left;padding:12px 0;font-size:.85rem}.pf-page :focus-visible{outline-offset:3px;outline:3px solid #a26814}@media (max-width:850px){.pf-landing-hero{grid-template-columns:1fr;gap:24px;padding:24px 0}.pf-benefits{grid-template-columns:1fr;gap:14px}.pf-lesson-page .vt-stage{grid-template-columns:1fr}.pf-lesson-page .vt-teacher{grid-template-columns:160px minmax(0,1fr);gap:16px;display:grid}.pf-teacher-visual,.pf-teacher-placeholder{min-height:120px}.pf-avatar-canvas{height:200px}.pf-lesson-page .vt-caption{grid-column:1/-1}.pf-module li>a{gap:10px;padding:18px}.pf-course-progress{flex-direction:column;align-items:flex-start}.pf-allowance{gap:16px}.pf-lesson-state{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.pf-page *{scroll-behavior:auto!important}}.pf-teacher-visual{position:relative}.pf-teacher-visual[hidden]{display:none}.pf-avatar-surface{width:100%;height:100%}.pf-avatar-option{max-width:340px}.pf-avatar-option small{color:#456258;margin:6px 0 0 24px;font-size:.75rem;line-height:1.6;display:block}.pf-audio-visual{color:#235f50;background:#e8efdf;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.pf-audio-visual>span{font-size:.85rem;font-weight:600}.pf-teacher-mode{background:#f8faf3;border:1px solid #cbd8c4;border-radius:10px;grid-column:1/-1;margin-top:12px;padding:12px 14px;font-size:.82rem;line-height:1.5}.pf-teacher-mode strong{align-items:center;gap:7px;display:flex}.pf-teacher-mode strong:before{content:"";background:#7d8b81;border-radius:50%;flex-shrink:0;width:7px;height:7px}.pf-teacher-mode[data-mode=avatar]{background:#e0efda;border-color:#527e4f}.pf-teacher-mode[data-mode=avatar] strong:before{background:#276238}.pf-teacher-mode p{color:#456258;margin:6px 0 0;font-size:.76rem}
