.class-page{--ink:#202831;--sub:#68727c;--line:#e2e5e7;color:var(--ink)}
.class-page-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;font-size:13px;font-weight:650}
.class-page-nav a{color:#596674;text-decoration:none}
.class-page-nav a:hover,.class-page-end a:hover{color:#245ddd}
.class-page-nav .class-edit-link{padding:8px 14px;background:#edf3ff;border-radius:4px;color:#245ddd}
.class-cover{position:relative;overflow:hidden;aspect-ratio:2.25;background:#e9edf1;border-radius:4px}
.class-cover img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}
.class-cover>span{position:absolute;left:22px;bottom:18px;padding:7px 10px;background:#fff;color:#243241;font-size:10px;font-weight:750;letter-spacing:.09em}
.class-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:46px 0 62px;border-bottom:1px solid var(--line)}
.class-intro>div{max-width:760px}.class-intro .eyebrow{color:#245ddd;letter-spacing:.09em}
.class-intro h1{margin:0 0 17px;font-size:clamp(38px,4.6vw,62px);letter-spacing:-.052em;line-height:1.2}
.class-intro>div>p:last-child{margin:0;font-size:19px;line-height:1.8;color:#52606e}
.class-intro-link{flex:none;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 2px 12px 0;min-width:160px;border-bottom:1px solid #293340;font-weight:650;font-size:13px}
.class-intro-link span{font-size:19px}
.class-article{max-width:900px;margin:0 auto;padding:78px 0 90px}
.class-article-label{display:flex;justify-content:space-between;margin:0 0 23px;font-size:11px;font-weight:750;letter-spacing:.09em;color:#64707e}
.class-article-label span{color:#9aa3ac}
.class-chapter{display:grid;grid-template-columns:188px minmax(0,1fr);gap:32px;padding:44px 0 54px;border-top:1px solid var(--line)}
.class-chapter-meta{display:flex;gap:13px;align-items:start;padding-top:4px;color:#65717d;font-size:12px;font-weight:700;letter-spacing:.025em}
.class-chapter-meta span:first-child{color:#245ddd}
.class-chapter-main{min-width:0}.class-chapter-main h2{margin:0 0 23px;font-size:clamp(25px,2.6vw,35px);line-height:1.38;letter-spacing:-.035em;white-space:pre-line}
.class-chapter-copy{max-width:67ch;color:#4c5966;font-size:16px;line-height:1.95}
.class-chapter-copy p{margin:0 0 20px;white-space:pre-line}.class-chapter-copy p:last-child{margin-bottom:0}
.class-pricing{padding:56px clamp(24px,5vw,68px) 62px;background:#1d2834;color:#fff;border-radius:5px;scroll-margin-top:24px}
.class-pricing-head{margin:0 0 32px}.class-pricing-head .eyebrow{color:#92b6ff;letter-spacing:.09em}.class-pricing-head h2{margin:7px 0 9px;font-size:clamp(29px,3vw,39px);letter-spacing:-.035em}.class-pricing-head>p:last-child{margin:0;color:#b8c4ce;font-size:14px}
.class-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px}
.class-price-card{display:flex;flex-direction:column;min-width:0;min-height:230px;padding:22px;border:1px solid #4b5866;border-radius:4px;background:#273440}
.class-price-index{font-size:11px;color:#9dafbe}.class-price-card h3{margin:24px 0 6px;font-size:21px;line-height:1.4}
.class-price-card strong{font-size:25px;letter-spacing:-.02em}.class-price-desc{margin-top:19px;padding-top:17px;border-top:1px solid #4b5866;color:#c4cbd1;font-size:13px;line-height:1.75}
.class-price-desc p{margin:0 0 10px;white-space:pre-line}.class-price-desc p:last-child{margin:0}
.class-pricing-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(100%,360px);margin-top:34px;padding:16px 19px;background:#245ddd;border-radius:4px;color:#fff;font-weight:700;text-decoration:none}
.class-pricing-cta span{font-size:20px}.class-pricing-cta:hover{background:#194fc4}
.class-page-end{display:flex;justify-content:space-between;gap:20px;padding:30px 0;color:#8a949d;font-size:11px;font-weight:700;letter-spacing:.06em}.class-page-end a{color:#64707e;letter-spacing:0;font-size:13px}
.class-edit-bar{display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:8;margin:0 0 18px;padding:10px 14px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 22px #1d28340e;border-radius:4px}
.class-edit-bar>a{white-space:nowrap;font-size:13px;font-weight:650}.class-edit-bar>span{flex:1;color:#7c8791;font-size:12px}.class-edit-bar>div{display:flex;gap:8px}.class-edit-bar button{white-space:nowrap;padding:8px 13px}.class-edit-bar .primary{margin:0;width:auto}
.class-cover-upload{position:absolute;right:17px;bottom:17px;display:block;padding:9px 14px;border-radius:4px;background:#fff;font-size:12px;font-weight:700;cursor:pointer}.class-cover-upload input{display:none}
.class-page-edit [data-class-field]{width:100%;min-height:0;background:transparent;border:0;border-bottom:1px dashed #aab3bd;border-radius:0;padding:5px 2px;resize:none;color:inherit;overflow:hidden}
.class-page-edit [data-class-field]:focus{outline:0;border-bottom:2px solid #245ddd;background:#f5f8ff}
.class-page-edit .class-intro input{font-size:clamp(34px,4.6vw,62px);font-weight:750;letter-spacing:-.05em;line-height:1.2}
.class-page-edit .class-intro textarea{font-size:18px;line-height:1.7}
.class-page-edit .class-chapter-meta{align-items:center}.class-page-edit .class-chapter-meta input{font-size:12px;font-weight:700}
.class-page-edit .class-chapter-main>textarea:first-child{font-size:clamp(25px,2.6vw,35px);font-weight:700;line-height:1.4}
.class-page-edit .class-chapter-main>textarea:nth-child(2){margin-top:18px;font-size:16px;line-height:1.9;color:#4c5966}
.class-edit-tools{display:flex;justify-content:flex-end;gap:5px;margin-top:12px}.class-edit-tools button{padding:6px 10px;font-size:12px;color:#68727c}.class-edit-tools .danger{color:#b53636}
.class-add{width:100%;padding:15px;border:1px dashed #b5bec8;background:#f7f9fb;color:#3e5e9a;font-weight:700;text-align:left}.class-add:hover{background:#ecf2fa}
.class-page-edit .class-pricing .class-add{margin-top:14px;background:#293b4d;border-color:#647387;color:#fff}
.class-price-card-edit input{font-size:20px;font-weight:700}.class-price-card-edit textarea{margin-top:15px;line-height:1.8;font-size:13px}.class-price-card-edit [data-class-field]{border-bottom-color:#6c7b8b}.class-price-card-edit [data-class-field]:focus{color:#202831}
.class-edit-cta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.class-edit-cta label{color:#c4cbd1}.class-edit-cta input{color:#fff}
@media(max-width:800px){.class-page-nav{margin-bottom:16px}.class-cover{aspect-ratio:1.5}.class-cover>span{left:12px;bottom:12px}.class-intro{display:block;padding:30px 0 42px}.class-intro h1{font-size:38px}.class-intro>div>p:last-child{font-size:16px}.class-intro-link{width:max-content;margin-top:24px}.class-article{padding:44px 0 54px}.class-chapter{grid-template-columns:1fr;gap:12px;padding:32px 0 38px}.class-chapter-main h2{font-size:27px;margin-bottom:15px}.class-chapter-copy{font-size:15px}.class-pricing{padding:38px 20px 42px;margin:0 -4px}.class-pricing-grid{grid-template-columns:1fr}.class-price-card{min-height:0}.class-price-card h3{margin-top:18px}.class-page-end{padding:24px 0}.class-edit-bar{flex-wrap:wrap;gap:8px}.class-edit-bar>span{order:3;flex-basis:100%}.class-edit-bar>div{margin-left:auto}.class-edit-cta{grid-template-columns:1fr}.class-page-edit .class-intro input{font-size:36px}}
.class-lead{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(28px,6vw,92px);padding:8px 0 62px;border-bottom:1px solid var(--line)}
.class-lead .class-cover{aspect-ratio:.82;max-height:570px}.class-lead .class-cover img{object-position:center 36%}
.class-lead .class-intro{display:block;padding:0;border:0}.class-lead .class-intro h1{font-size:clamp(40px,4.8vw,62px)}
.class-lead .class-intro-link{width:max-content;min-width:190px;margin-top:48px}
.class-intro-link{background:transparent;border:0;border-bottom:1px solid #293340;border-radius:0;color:#293340;cursor:pointer}
@media(max-width:800px){.class-lead{grid-template-columns:1fr;gap:27px;padding-bottom:34px}.class-lead .class-cover{aspect-ratio:.92;max-height:500px}.class-lead .class-intro h1{font-size:36px}.class-lead .class-intro-link{margin-top:22px}}

/* Match the original class.phokoframe.com guide: simple anchored sections and compact product pricing. */
.class-original{--ink:#171c22;--sub:#697381;--line:#e1e5e9;color:var(--ink);max-width:1120px;margin:0 auto}
.class-original .class-page-nav{margin:0 0 22px}
.original-class-hero{position:relative;min-height:250px;display:flex;align-items:end;overflow:hidden;background:#202832}
.original-class-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.52}
.original-class-title{position:relative;z-index:1;padding:42px clamp(22px,5vw,62px);color:#fff}
.original-class-title>p{font-size:11px;font-weight:750;letter-spacing:.12em;margin:0 0 12px}
.original-class-title h1{margin:0 0 9px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;line-height:1.2}
.original-class-title>span{font-size:15px;color:#e2e6eb}
.original-class-nav{position:sticky;top:0;z-index:7;display:flex;gap:clamp(18px,4vw,42px);overflow:auto;padding:15px 4px;background:#fff;border-bottom:1px solid var(--line);scrollbar-width:none}
.original-class-nav a{white-space:nowrap;color:#4d5966;text-decoration:none;font-size:13px;font-weight:650}
.original-class-nav a:hover{color:#245ddd}
.original-class-content{max-width:960px;margin:0 auto;padding:0 8px}
.original-kicker{margin:30px 0 10px;color:#245ddd;font-size:12px;font-weight:750;letter-spacing:.03em}
.original-group-link{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 8px;padding:15px 18px;background:#f4f6f8;color:#4a5561;font-size:13px}
.original-group-link a{color:#245ddd;font-weight:700;text-decoration:none;white-space:nowrap}
.original-section{padding:48px 0;border-bottom:1px solid var(--line);scroll-margin-top:60px}
.original-section-head{margin-bottom:22px}
.original-section-head>.eyebrow{margin:0 0 8px;color:#76818c;font-size:10px;font-weight:750;letter-spacing:.12em}
.original-section-head h2{margin:0 0 8px;font-size:clamp(23px,3vw,31px);line-height:1.35;letter-spacing:-.035em}
.original-section-head>p{margin:0;color:#65707c;font-size:14px;line-height:1.75;white-space:pre-line}
.original-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.original-feature-grid article{padding:22px 20px;border-right:1px solid var(--line)}.original-feature-grid article:first-child{padding-left:0}.original-feature-grid article:last-child{border-right:0}
.original-feature-grid h3{margin:0 0 8px;font-size:16px}.original-feature-grid p{margin:0;color:#68737f;font-size:13px;line-height:1.75;white-space:pre-line}
.original-event{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:36px;align-items:start}
.original-event-detail{padding:21px 23px;background:#f5f7f9}.original-event-detail strong{font-size:14px}.original-event-detail>p,.original-event-detail details p{color:#5c6874;font-size:13px;line-height:1.8}
.original-event-detail details{margin-top:16px;border-top:1px solid #dfe4e8;padding-top:12px}.original-event-detail summary{cursor:pointer;font-size:12px;font-weight:700;color:#4d5966}
.original-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.original-course-grid article{padding:20px;border:1px solid var(--line);border-radius:3px}.original-course-grid h3{margin:0 0 11px;font-size:17px}.original-course-grid p{min-height:45px;margin:0;color:#4e5a66;font-size:13px;line-height:1.7}.original-course-grid ul{padding:13px 0 0 17px;margin:13px 0 0;border-top:1px solid var(--line);color:#75808b;font-size:12px;line-height:1.9}
.original-learning-grid,.original-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--line)}
.original-learning-grid>div,.original-info-grid>div{padding:17px 18px;border-bottom:1px solid var(--line)}.original-learning-grid>div:nth-child(odd),.original-info-grid>div:nth-child(odd){border-right:1px solid var(--line)}
.original-learning-grid dt,.original-info-grid dt{font-size:14px;font-weight:700}.original-learning-grid dd,.original-info-grid dd{margin:6px 0 0;color:#69747f;font-size:13px;line-height:1.75}
.original-curriculum{border-top:1px solid var(--line)}.original-curriculum article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px 4px;border-bottom:1px solid var(--line)}.original-curriculum article>span{color:#87919b;font-size:12px}.original-curriculum h3{margin:0 0 5px;font-size:16px}.original-curriculum p{margin:0;color:#65707c;font-size:13px;line-height:1.75}
.original-note{margin:15px 0 0;color:#78828d;font-size:12px;line-height:1.8;white-space:pre-line}
.original-payment{padding:19px 20px;margin-top:26px;background:#f5f7f9}.original-payment h2{margin:0 0 9px;font-size:15px}.original-payment p{margin:0;color:#65707c;font-size:13px;line-height:1.8;white-space:pre-line}
.original-faq{border-top:1px solid var(--line)}.original-faq details{border-bottom:1px solid var(--line);padding:17px 4px}.original-faq summary{position:relative;cursor:pointer;list-style:none;padding-right:28px;font-size:14px;font-weight:650}.original-faq summary::-webkit-details-marker{display:none}.original-faq summary:after{content:'+';position:absolute;right:2px;top:-2px;color:#68737f;font-size:19px}.original-faq details[open] summary:after{content:'−'}.original-faq details p{margin:13px 0 0;color:#65707c;font-size:13px;line-height:1.8}
.original-pricing{position:relative;margin:44px 0 0;padding:26px 24px 20px;border:1px solid #dfe3e7;border-radius:5px;background:#fff;scroll-margin-top:70px}
.original-pricing-head{position:relative;padding:0 0 18px;border-bottom:1px solid var(--line)}.original-pricing-head span{display:block;color:#6d7782;font-size:12px}.original-pricing-head h2{margin:6px 0 0;font-size:23px}.original-pricing-head i{position:absolute;right:4px;top:6px;color:#8d98a3;font-size:24px;font-style:normal}
.original-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0}.original-pricing-grid>.class-price-card{display:block;min-height:0;padding:23px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink)}.original-pricing-grid>.class-price-card:first-child{padding-left:0}.original-pricing-grid>.class-price-card:last-child{padding-right:0}.original-pricing-grid h3{margin:10px 0 7px;font-size:14px}.original-pricing-grid strong{font-size:19px}.original-pricing-grid .class-price-card>div{margin-top:11px;color:#68737f;font-size:12px;line-height:1.8}.original-pricing-grid .class-price-card>div p{margin:0;white-space:pre-line}
.original-price-meta{display:grid;gap:10px;margin:20px 0;color:#535f6b;font-size:12px}
.original-contact{display:block;margin-top:22px;padding:15px;text-align:center;color:#fff;background:#245ddd;text-decoration:none;font-size:13px;font-weight:700;border-radius:3px}.original-contact:hover{background:#194fc4}
.original-contact-note{margin:17px 0 0;text-align:center;color:#65707c;font-size:12px;line-height:1.8}
@media(max-width:700px){.original-class-hero{min-height:200px}.original-class-title{padding:28px 20px}.original-class-nav{gap:23px;padding:13px 3px}.original-class-nav a{font-size:12px}.original-class-content{padding:0 2px}.original-section{padding:35px 0}.original-feature-grid{grid-template-columns:1fr}.original-feature-grid article,.original-feature-grid article:first-child{padding:15px 0;border-right:0;border-bottom:1px solid var(--line)}.original-feature-grid article:last-child{border-bottom:0}.original-event{grid-template-columns:1fr;gap:8px}.original-course-grid{grid-template-columns:1fr}.original-course-grid p{min-height:0}.original-learning-grid,.original-info-grid{grid-template-columns:1fr}.original-learning-grid>div:nth-child(odd),.original-info-grid>div:nth-child(odd){border-right:0}.original-pricing{margin:32px 0 0;padding:19px 17px 16px}.original-pricing-grid{grid-template-columns:1fr}.original-pricing-grid>.class-price-card,.original-pricing-grid>.class-price-card:first-child,.original-pricing-grid>.class-price-card:last-child{padding:15px 0}.original-pricing-grid h3{display:inline-block;margin:0 0 8px}.original-pricing-grid strong{float:right}.original-pricing-grid .class-price-card>div{clear:both;margin-top:8px}}

/* The guide page reuses the original course-site template. */
.class-original{--blue:#235cf2;--ink:#171b22;--muted:#5f6670;--line:#e5e7eb;color:var(--ink);max-width:none;width:100%;margin:0;padding:0;font:15px/1.65 Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:0}
.class-original h1,.class-original h2,.class-original h3,.class-original h4,.class-original p{margin:0}
.class-original .original-edit-link{display:flex;width:max-content;margin:0 0 10px auto;color:#235cf2;font-size:12px}
.class-original .hero{position:relative;width:100vw;max-width:1600px;height:410px;margin:0 0 0 calc(50% - 50vw);overflow:hidden;background:#d9dedf}
.class-original .hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%}
.class-original .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.6));pointer-events:none}
.class-original .hero-title{position:absolute;z-index:1;right:28px;bottom:35px;left:max(40px,calc((100% - 1240px)/2));color:#fff;text-shadow:none}
.class-original .hero-title span{font-size:12px;font-weight:650}.class-original .hero h1{max-width:900px;margin:4px 0;font-size:42px;font-weight:750;line-height:1.4}.class-original .hero-title p{font-size:15px;line-height:1.7}
.class-original .hero-caption{position:absolute;z-index:1;right:40px;bottom:26px;color:#fff;font-size:11px;text-shadow:none}
.class-original .section-nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;width:100vw;margin-left:calc(50% - 50vw);padding:0 max(40px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:#fffffff5}
.class-original .section-nav nav{display:flex;gap:34px;align-items:center;min-width:0}.class-original .section-nav a{padding:21px 0 18px;border-bottom:3px solid transparent;color:#5f6670;font-size:14px;font-weight:550;white-space:nowrap}.class-original .section-nav a.active{border-color:var(--blue);color:var(--blue)}.class-original .section-nav>span{flex-shrink:0;color:#959ba5;font-size:12px}
.class-original .layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:64px;max-width:1320px;margin:0 auto;padding:44px 0 88px}.class-original .content{display:block;min-width:0}.class-original .course-extra{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 32px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.class-original .course-extra a{color:var(--blue)}
.class-original .eyebrow{margin:0 0 14px;color:#727a85;font-size:10px;font-weight:700}.class-original .intro h2{margin:0 0 14px;font-size:32px;line-height:1.4;font-weight:750}.class-original .lead{color:#495361;font-size:16px;font-weight:500;line-height:1.85;white-space:pre-line}
.class-original .benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:38px 0 24px}.class-original .benefits>div{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-content:start}.class-original .benefits i{grid-row:span 2;margin-top:1px;color:#687381}.class-original .benefits i svg{width:29px;height:29px;stroke-width:1.5}.class-original .benefits strong{font-size:15px;white-space:normal}.class-original .benefits p{margin-top:6px;color:#495361;font-size:14px;font-weight:500;line-height:1.8;white-space:pre-line}
.class-original .detail-section{padding-top:32px;scroll-margin-top:15px}.class-original .detail-section h3{font-size:24px;line-height:1.5;font-weight:750}.class-original .section-copy{margin:8px 0 22px;color:#495361;font-size:15px;font-weight:500;line-height:1.85;white-space:pre-line}
.class-original .original-event-detail{padding:17px 18px;background:#f6f8fa;border-radius:4px;color:#495361}.class-original .original-event-detail strong{font-size:14px}.class-original .original-event-detail>p,.class-original .original-event-detail details>p{margin-top:7px;color:#495361;font-size:14px;line-height:1.8;white-space:pre-line}.class-original .original-event-detail details{padding:13px 0 0;border:0}.class-original .original-event-detail summary{font-size:13px}
.class-original .original-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.class-original .original-course-grid article{padding:18px 16px;border:1px solid var(--line);border-radius:4px}.class-original .original-course-grid h4{font-size:17px;line-height:1.5}.class-original .original-course-grid p{min-height:44px;margin-top:7px;color:#495361;font-size:13px;line-height:1.75}.class-original .original-course-grid ul{margin:10px 0 0;padding:10px 0 0 16px;border-top:1px solid var(--line);color:#495361;font-size:12px;line-height:1.85}
.class-original .original-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--line)}.class-original .original-learning-grid>div{padding:15px 12px;border-bottom:1px solid var(--line)}.class-original .original-learning-grid>div:nth-child(odd){border-right:1px solid var(--line)}.class-original .original-learning-grid dt{font-size:14px;font-weight:650}.class-original .original-learning-grid dd{margin:5px 0 0;color:#495361;font-size:13px;line-height:1.8}
.class-original .curriculum{margin:8px 0 0;padding:0;list-style:none}.class-original .curriculum li{display:flex;align-items:center;gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.class-original .curriculum li>span{min-width:37px;color:#a3aab5;font-size:25px;font-weight:450}.class-original .curriculum li>div{flex:1;min-width:0}.class-original .curriculum h4{font-size:17px}.class-original .curriculum p{margin-top:4px;color:#495361;font-size:14px;line-height:1.8}.class-original .curriculum li>i{color:#a6aeba}
.class-original .info-table{margin:22px 0 0}.class-original .info-table>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.class-original .info-table dt{font-weight:650}.class-original .info-table dd{margin:0;color:#495361}.class-original .notice{margin-top:20px;padding:18px;background:#f6f8fa;border-radius:4px;color:#495361;font-size:14px;white-space:pre-line}.class-original .detail-section details{padding:20px 0;border-bottom:1px solid var(--line)}.class-original .detail-section details:first-of-type{margin-top:14px}.class-original .detail-section summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;font-size:15px;font-weight:600}.class-original .detail-section summary::-webkit-details-marker{display:none}.class-original .detail-section summary svg{width:17px;height:17px;color:#9aa2ae;transition:transform .2s}.class-original .detail-section details[open] summary svg{transform:rotate(45deg)}.class-original .detail-section details>p{padding:14px 30px 0 0;color:#495361;font-size:14px;line-height:1.85;white-space:pre-line}
.class-original .purchase{min-width:0}.class-original .purchase-inner{position:sticky;top:94px;padding:24px;border:1px solid #dfe3e9;border-radius:6px;background:#fff}.class-original .purchase-heading{position:relative;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.class-original .purchase-heading p{margin:0 0 3px;color:#727a85;font-size:11px}.class-original .purchase-heading h2{font-size:23px}.class-original .purchase-heading>i{position:absolute;top:14px;right:0;color:#929ba8}.class-original .product-list{display:grid;gap:0;border-top:1px solid #dfe3e9}.class-original .product-list .option{display:block;padding:18px 0;border:0;border-bottom:1px solid #dfe3e9;border-radius:0;background:transparent;cursor:default}.class-original .product-list .option>span{display:block;min-width:0}.class-original .product-list .option-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.class-original .product-list .option-title>strong{font-size:14px;line-height:1.6}.class-original .product-list .option-title>b{font-size:19px;font-weight:700;white-space:nowrap}.class-original .product-list .option em{display:block;margin-top:7px;color:#495361;font-size:13px;font-style:normal;line-height:1.8;white-space:pre-line}.class-original .purchase-info{display:grid;gap:13px;margin-top:22px;padding:20px 0 14px;border-top:1px solid var(--line)}.class-original .purchase-info>div{display:flex;align-items:center;gap:10px;font-size:12px}.class-original .purchase-info strong{font-weight:500}.class-original .purchase-info span{color:#495361}.class-original .purchase-info svg{width:17px;height:17px;stroke-width:1.5}.class-original .purchase .primary{width:100%;min-height:47px;margin-top:14px;padding:10px 18px;border:0;border-radius:4px;background:var(--blue);color:white;font-size:14px;font-weight:650}.class-original .purchase-foot{margin-top:17px;color:#495361;text-align:center;font-size:12px;line-height:1.8}
.class-original .class-page-end{max-width:1240px;margin:0 auto;padding:24px 0 40px;border-top:1px solid var(--line)}
@media(max-width:1100px){.class-original .layout{grid-template-columns:minmax(0,1fr) 315px;gap:32px}.class-original .benefits{gap:12px}.class-original .benefits>div{grid-template-columns:1fr}.class-original .benefits i{margin-bottom:10px}}
@media(max-width:760px){.class-original .hero{height:260px}.class-original .hero>img{object-position:62% 50%}.class-original .hero-title{right:20px;bottom:22px;left:20px}.class-original .hero-title span{font-size:8px}.class-original .hero h1{font-size:31px}.class-original .hero-title p{font-size:11px}.class-original .hero-caption{display:none}.class-original .section-nav{padding:0 20px;overflow:auto}.class-original .section-nav nav{gap:25px}.class-original .section-nav a{padding:16px 0 13px;font-size:12px}.class-original .section-nav>span{display:none}.class-original .layout{display:flex;flex-direction:column;gap:34px;padding:28px 0 50px}.class-original .content{display:contents}.class-original .course-extra{order:-1;margin-bottom:0;font-size:12px}.class-original .intro{order:0}.class-original .purchase{order:1}.class-original .detail-section{order:2;padding-top:15px}.class-original .purchase-inner{position:static;padding:20px}.class-original .intro h2{font-size:26px}.class-original .lead{font-size:15px}.class-original .benefits{grid-template-columns:1fr;gap:0;margin:24px 0 30px}.class-original .benefits>div{grid-template-columns:28px minmax(0,1fr);column-gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.class-original .benefits>div:last-child{border-bottom:0}.class-original .benefits i{grid-column:1;grid-row:1/3;margin:2px 0 0}.class-original .benefits strong{grid-column:2;font-size:16px}.class-original .benefits p{grid-column:2;margin-top:4px;font-size:15px}.class-original .detail-section h3{font-size:21px}.class-original .original-course-grid{grid-template-columns:1fr}.class-original .original-course-grid p{min-height:0}.class-original .original-learning-grid{grid-template-columns:1fr}.class-original .original-learning-grid>div:nth-child(odd){border-right:0}.class-original .curriculum li{gap:14px;padding:18px 0}.class-original .curriculum li>span{min-width:32px;font-size:23px}.class-original .info-table>div{grid-template-columns:76px 1fr;font-size:12px}.class-original .notice{font-size:13px;padding:14px}.class-original .detail-section summary{font-size:14px}.class-original .detail-section details>p{font-size:13px}.class-original .purchase-inner>.primary{min-height:46px}.class-original .purchase-foot{font-size:12px}.class-original .class-page-end{padding:24px 0 35px}}
.class-original .class-schedule{border-top:2px solid #26313e;margin-top:20px}.class-original .class-schedule p{padding:17px 4px;border-bottom:1px solid var(--line);color:#495361;white-space:pre-line;line-height:1.8}
.class-original .purchase-foot{white-space:pre-line}.class-page-edit .class-kind-label{display:block;margin:0 0 14px;color:#64707e;font-size:12px;font-weight:650}.class-page-edit .class-kind-label select{display:block;width:100%;margin-top:5px;padding:8px;border:1px solid #ccd3db;border-radius:4px;background:#fff;color:#202831;font-size:13px}
.class-edit-preview .class-edit-bar{z-index:20}.class-edit-preview .class-original .hero{max-width:none}
.class-page-edit .class-edit-hero{position:relative;display:flex;align-items:end;min-height:380px;overflow:hidden;background:#273442;color:#fff}
.class-page-edit .class-edit-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%}
.class-page-edit .class-edit-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.66));pointer-events:none}
.class-page-edit .class-edit-hero-content{position:relative;z-index:1;width:min(100%,860px);padding:40px clamp(20px,5vw,62px)}
.class-page-edit .class-edit-hero-content>span{font-size:11px;font-weight:700}.class-page-edit .class-edit-hero-content>input{margin:9px 0;font-size:clamp(30px,4vw,44px);font-weight:750;line-height:1.3}.class-page-edit .class-edit-hero-content>textarea{font-size:15px;line-height:1.7}
.class-page-edit .class-edit-hero [data-class-field]{color:#fff;border-bottom-color:#ffffff80}.class-page-edit .class-edit-hero [data-class-field]::placeholder{color:#ffffffb0}.class-page-edit .class-edit-hero [data-class-field]:focus{background:#1e293bb8;color:#fff}
.class-page-edit .class-cover-upload{z-index:2;color:#202831}.class-page-edit .class-article{padding-top:48px}.class-page-edit .class-chapter{padding:29px 0 34px}.class-page-edit .class-chapter-main{max-width:680px}
.class-page-edit .class-edit-field-label{display:block;margin:14px 0 0;color:#707b87;font-size:12px;font-weight:650}.class-page-edit .class-edit-field-label textarea{display:block;margin-top:5px;color:#26313c;font-size:15px;font-weight:400;line-height:1.75}.class-page-edit .class-edit-field-label:first-of-type textarea{font-size:24px;font-weight:700;line-height:1.4}
.class-page-edit .class-pricing{padding:30px;border:1px solid #dfe3e9;background:#fff;color:#202831}.class-page-edit .class-pricing-head .eyebrow{color:#707b87}.class-page-edit .class-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0;border-top:1px solid #dfe3e9}.class-page-edit .class-price-card-edit{min-height:0;padding:20px;border:0;border-bottom:1px solid #dfe3e9;background:#fff;color:#202831}.class-page-edit .class-price-card-edit [data-class-field]{border-bottom-color:#b4bdc7;color:#202831}.class-page-edit .class-price-card-edit textarea{margin-top:8px}.class-page-edit .class-pricing .class-add{background:#f7f9fb;border-color:#b5bec8;color:#3e5e9a}.class-page-edit .class-edit-cta label{color:#65717d}.class-page-edit .class-edit-cta input{color:#202831}
@media(max-width:760px){.class-page-edit .class-edit-hero{min-height:260px}.class-page-edit .class-edit-hero-content{padding:28px 20px}.class-page-edit .class-edit-hero-content>input{font-size:31px}.class-page-edit .class-cover-upload{right:10px;top:10px;bottom:auto}.class-page-edit .class-pricing{padding:20px}.class-page-edit .class-pricing-grid{grid-template-columns:1fr}.class-page-edit .class-price-card-edit{padding:16px 0}.class-edit-bar{top:0}}