.pei-wrap{
    --pei-border:#dedede;
    --pei-soft:#f7f6f3;
    --pei-text:#242424;
    --pei-muted:#666;
    max-width:1200px;
    margin:0 auto;
    color:var(--pei-text);
    font-family:inherit;
}
.pei-header{text-align:center;margin:0 auto 32px;max-width:820px}
.pei-kicker{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--pei-muted);margin-bottom:8px}
.pei-header h2{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:0 0 8px}
.pei-tagline{font-size:19px;font-weight:600;margin:0 0 14px}
.pei-intro{font-size:16px;line-height:1.7;color:var(--pei-muted);margin:0}
.pei-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pei-card{border:1px solid var(--pei-border);border-radius:14px;padding:25px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.045);display:flex;flex-direction:column;min-height:280px}
.pei-card-label{font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--pei-muted);margin-bottom:18px}
.pei-card h3{font-size:24px;line-height:1.2;margin:0 0 8px}
.pei-subtitle{font-weight:600;line-height:1.45;margin:0 0 15px}
.pei-card p:not(.pei-subtitle){line-height:1.65;color:var(--pei-muted)}
.pei-card-footer{margin-top:auto;padding-top:18px}
.pei-coming{font-size:12px;font-weight:700;letter-spacing:.08em}
.pei-member-gate{max-width:720px;margin:25px auto;border:1px solid var(--pei-border);border-radius:16px;padding:34px;text-align:center;background:var(--pei-soft)}
.pei-lock{font-size:30px;margin-bottom:5px}
.pei-member-gate h3{font-size:25px;margin:6px 0 8px}
.pei-member-gate p{color:var(--pei-muted)}
.pei-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.pei-btn{display:inline-block;padding:12px 22px;border-radius:7px;text-decoration:none!important;font-size:13px;font-weight:700;letter-spacing:.05em;border:1px solid #222}
.pei-primary{background:#222;color:#fff!important}
.pei-secondary{background:#fff;color:#222!important}
.pei-method{margin-top:34px;padding:28px;border-radius:14px;background:var(--pei-soft)}
.pei-method h3{margin:0 0 16px;font-size:22px}
.pei-method ol{margin:0;padding-left:22px;columns:2;column-gap:45px}
.pei-method li{margin:0 0 12px;break-inside:avoid;line-height:1.5}
.pei-method li span{color:var(--pei-muted)}
.pei-note{text-align:center;color:var(--pei-muted);font-size:12px;line-height:1.5;margin:28px auto 0;max-width:760px}
@media(max-width:850px){.pei-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
    .pei-grid{grid-template-columns:1fr}
    .pei-method ol{columns:1}
    .pei-card{min-height:auto}
}

.pei-active-card{border-width:2px}
.pei-ready{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:8px}
.pei-helper{display:block;color:var(--pei-muted);line-height:1.45}
.pei-helper code{font-size:11px}
.pei-lesson{max-width:920px}
.pei-lesson-head{text-align:center;margin-bottom:34px}
.pei-lesson-head h1{font-size:clamp(32px,5vw,50px);line-height:1.1;margin:8px 0 10px}
.pei-section{margin:0 0 38px}
.pei-section h2{font-size:27px;line-height:1.2;margin:0 0 14px}
.pei-section p,.pei-section li{font-size:16px;line-height:1.75}
.pei-callout{background:var(--pei-soft);border-left:4px solid #444;padding:18px 20px;margin:20px 0;line-height:1.65}
.pei-video{position:relative;padding-top:56.25%;overflow:hidden;border-radius:12px;background:#111}
.pei-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pei-caption{text-align:center!important;font-size:13px!important;color:var(--pei-muted)}
.pei-reflect{background:var(--pei-soft);padding:28px;border-radius:14px}
.pei-reflect ol{margin-bottom:0;padding-left:22px}
.pei-back{text-align:center;margin:36px 0}


/* v1.1.1 — cinematic lesson video */
.pei-lesson{
    max-width:920px;
    overflow:visible;
}
.pei-watch-section{
    width:min(1100px, calc(100vw - 40px));
    max-width:none;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    margin-top:42px;
    margin-bottom:46px;
}
.pei-watch-section > h2{
    max-width:920px;
    margin-left:auto;
    margin-right:auto;
}
.pei-watch-section .pei-video{
    width:100%;
    padding-top:0;
    aspect-ratio:16 / 9;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 32px rgba(0,0,0,.12);
}
.pei-watch-section .pei-video iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.pei-watch-section .pei-caption{
    margin-top:12px;
}
@media(max-width:700px){
    .pei-watch-section{
        width:calc(100vw - 28px);
        margin-top:30px;
        margin-bottom:36px;
    }
    .pei-watch-section .pei-video{
        border-radius:10px;
    }
}

.pei-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}

.pei-lesson-head .pei-long-title{font-size:clamp(29px,4.2vw,43px);}