.yt-lead-panel{padding:clamp(24px,4vw,48px);border:1px solid rgba(93,72,56,.12);border-radius:28px;background:linear-gradient(135deg,#fffdf9 0%,#f8efe4 100%);box-shadow:0 16px 46px rgba(72,49,30,.08)}
.yt-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}
.yt-page-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.yt-panel{padding:24px;border:1px solid rgba(93,72,56,.12);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 10px 30px rgba(72,49,30,.06)}
.yt-panel.accent{background:linear-gradient(145deg,#9f241d 0%,#e56f2d 65%,#efa836 100%);color:#fff}
.yt-panel>b{display:block;margin-bottom:8px;font-size:1.15em}
.yt-panel.accent a{color:#fff}
.yt-page-price{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,6vw,68px);line-height:1;color:#9f241d}
.yt-list{margin:16px 0 0;padding:0;list-style:none}
.yt-list li{position:relative;padding:9px 0 9px 24px;border-bottom:1px solid rgba(93,72,56,.1)}
.yt-list li:before{content:"✓";position:absolute;left:0;color:#b83827;font-weight:700}
.yt-notice{margin:24px 0;padding:18px 20px;border-left:4px solid #c78b32;border-radius:0 14px 14px 0;background:#fbf3e7;color:#5f4c3c}
.yt-kicker{display:block;margin-bottom:8px;color:#b83827;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:780px){.yt-page-grid,.yt-page-grid.two{grid-template-columns:1fr}.yt-lead-panel{border-radius:22px}.yt-panel{padding:20px}}

.yt-lesson-page{background:radial-gradient(circle at 82% 4%,rgba(238,123,32,.1),transparent 28%),var(--paper)}
.yt-lesson-wrap{max-width:1080px}
.yt-lesson-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--muted);font-size:14px}
.yt-lesson-breadcrumb a{text-decoration:none;color:var(--red);font-weight:750}
.yt-lesson-hero{overflow:hidden;padding:clamp(30px,5vw,58px);border-radius:30px;background:linear-gradient(125deg,#332a25 0%,#5a4032 52%,#9a4a2b 100%);color:#fff;box-shadow:0 24px 58px rgba(64,37,24,.18)}
.yt-lesson-number{display:inline-block;color:#f4c67f;font-size:12px;font-weight:850;letter-spacing:.18em}
.yt-lesson-hero h1{max-width:760px;margin:12px 0 14px;color:#fff;font-size:clamp(38px,6vw,64px)}
.yt-lesson-hero__copy>p{max-width:680px;margin:0 0 14px;color:#eadfd7;font-size:18px;line-height:1.8}
.yt-lesson-hero__copy>small{color:#d7c5ba}
.yt-lesson-path{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16);color:#f7eee8;font-size:13px;font-weight:700}
.yt-lesson-path span{padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06)}
.yt-lesson-path i{color:#e4a24f;font-style:normal}
.yt-lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start;margin-top:24px}
.yt-lesson-content{padding:clamp(26px,4vw,48px);border:1px solid var(--line);border-radius:26px;background:#fffdf9;box-shadow:0 12px 34px rgba(72,49,30,.07)}
.yt-lesson-content>.yt-lesson-back:first-child{display:inline-block;margin-bottom:22px;font-size:14px;text-decoration:none}
.yt-lesson-content .yt-lesson-intro{margin:-8px 0 30px;padding:22px 24px;border-left:4px solid var(--orange);border-radius:0 16px 16px 0;background:#fbf0e3}
.yt-lesson-content .yt-lesson-intro h2{margin:5px 0 8px}
.yt-lesson-content .yt-lesson-intro p{margin:5px 0}
.yt-lesson-content h2{margin:34px 0 14px;font-size:clamp(24px,3vw,31px)}
.yt-lesson-content p,.yt-lesson-content li{color:#58483f;line-height:1.9}
.yt-lesson-content ul,.yt-lesson-content ol{padding-left:24px}
.yt-lesson-content .yt-lesson-task{margin:24px 0;padding:22px 24px;border:1px solid #ead8c8;border-radius:18px;background:#fffaf3}
.yt-lesson-content .yt-lesson-task h2{margin-top:0;font-size:24px}
.yt-lesson-content .yt-lesson-action{margin-top:8px}
.yt-lesson-aside{position:sticky;top:96px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#f6eadc;box-shadow:0 10px 28px rgba(72,49,30,.06)}
.yt-lesson-aside>strong{font-family:"Noto Serif SC","Songti SC",serif;font-size:20px}
.yt-lesson-aside ol{margin:18px 0 22px;padding-left:22px;color:var(--muted);line-height:2}
.yt-lesson-aside .button{width:100%;font-size:14px}
.yt-lesson-aside__link{display:block;margin-top:16px;text-align:center;color:var(--red);font-size:14px;font-weight:700;text-decoration:none}
@media(max-width:820px){.yt-lesson-grid{grid-template-columns:1fr}.yt-lesson-aside{position:static;order:-1}.yt-lesson-hero{border-radius:22px}.yt-lesson-path i{display:none}.yt-lesson-content{padding:24px 18px;border-radius:20px}.yt-lesson-content .yt-lesson-task{padding:19px 17px}}