.real-intro{padding:28px 0 38px}.real-intro h1{font-size:clamp(32px,4.2vw,58px);font-weight:400;line-height:1.25;letter-spacing:-1.6px;margin:20px 0}.real-intro>p{max-width:720px;color:#63736e;line-height:1.9}.real-person{display:flex;align-items:center;gap:18px;margin:26px 0}.real-person h2{margin:0;font-size:24px;font-weight:400}.real-person p{color:#63736e;margin:5px 0}.real-person>.chip{margin-left:auto}.real-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:24px 0 30px}.real-stats>div{border-left:1px solid #d5dfda;padding-left:22px}.real-stats strong{display:block;font-size:36px;font-weight:400;font-variant-numeric:tabular-nums;color:#243d35}.real-stats small{font-size:18px;color:#7b8983}.real-stats span{font-size:12px;color:#6c7c74}.real-notice{font-size:13px;line-height:1.9;padding:16px 20px;background:#e7eeea;border-radius:9px;color:#52695b;margin:22px 0}.real-course-card{display:grid;grid-template-columns:42% 1fr;gap:30px;align-items:center}.real-course-card>img,.real-cover{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:9px;background:#111}.real-course-card p{color:#63736e;line-height:1.8}.real-heading{margin-top:28px}.real-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:24px}.real-video-wrap{background:#101713;border-radius:12px;overflow:hidden}.real-video-wrap video{width:100%;aspect-ratio:16/9;display:block}.real-playbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}.real-playbar label,.real-playbar span{font-size:12px;color:#60746a}.real-playbar input{width:auto}.real-timeline{height:24px;position:relative;border-bottom:2px solid #c3d1c9}.real-timeline button{position:absolute;bottom:-4px;border:0;width:7px;height:14px;border-radius:2px;background:#627c6d;cursor:pointer;padding:0}.real-timeline-label{display:flex;justify-content:space-between;font-size:11px;color:#75847d;padding:10px 0}.real-detail h2{margin:14px 0 10px}.real-detail>p{font-size:12px;color:#6b7a72}.real-number{font-size:52px;font-weight:400;line-height:1.2;margin-top:24px}.real-number small{font-size:16px;color:#7b8983}.real-pending{font-size:32px;color:#6b7a72;margin:28px 0}.real-detail dl{margin:22px 0}.real-detail dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #e1e7e2;padding:12px 0;font-size:13px}.real-detail dt{color:#6b7a72}.real-detail dd{margin:0;font-variant-numeric:tabular-nums}.real-detail textarea{width:100%;padding:12px;border:1px solid #d9e1da;background:transparent;border-radius:7px;font:inherit;resize:vertical}.real-detail .field input{max-width:160px}.real-bars{height:130px;display:flex;gap:8px;margin:20px 0 26px;align-items:end}.real-bars button{border:0;background:none;padding:0;position:relative;height:100%;flex:1;cursor:pointer;display:flex;align-items:end}.real-bars button>span{width:100%;background:#86a58f;border-radius:4px 4px 0 0}.real-bars button.pending>span{background:transparent;border:1px dashed #a2afa6}.real-bars small{position:absolute;bottom:-21px;left:0;right:0;font-size:10px;color:#7d8a82}.real-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.real-action{border:1px solid #dde4df;border-radius:10px;overflow:hidden;padding:0;background:#fff;text-align:left;font:inherit;cursor:pointer;color:inherit}.real-action img{width:100%;aspect-ratio:16/9;display:block;object-fit:cover}.real-action>div{padding:13px}.real-action strong{display:block;font-weight:400}.real-action strong span{float:right;color:#536f5c;font-variant-numeric:tabular-nums}.real-action p{font-size:11px;color:#7a8980;margin:7px 0 0}.real-action.selected{outline:2px solid #718b78;outline-offset:2px}.real-action[hidden]{display:none}details.panel p{font-size:13px;color:#63736e;line-height:1.9}details.panel summary{cursor:pointer}@media(max-width:900px){.real-workspace{grid-template-columns:1fr}.real-action-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.real-stats{grid-template-columns:repeat(2,1fr);gap:20px}.real-stats strong{font-size:29px}.real-course-card{grid-template-columns:1fr;gap:18px}.real-action-grid{grid-template-columns:repeat(2,1fr)}.real-person{flex-wrap:wrap}.real-person>.chip{margin-left:0}.real-stats>div{padding-left:14px}.real-bars{gap:5px}.real-intro h1{letter-spacing:-.8px}}