.howto-hero{text-align:center;margin:60px 0 40px}.howto-hero h1{color:#fff;margin:0 0 16px;font-size:2.6rem}.howto-hero p{color:#999;max-width:640px;margin:0 auto 28px;font-size:1.05rem;line-height:1.6}.howto-hero-stats{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.howto-stat{flex-direction:column;align-items:center;display:flex}.howto-stat-num{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800}.howto-stat-lbl{color:#888;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:.78rem}.howto-watch{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start;gap:24px;margin-bottom:70px;display:grid}@media (max-width:860px){.howto-watch{grid-template-columns:1fr}}.howto-player-card{background:#111;border:1px solid #333;border-radius:10px;overflow:hidden}.howto-player-frame{aspect-ratio:16/9;background:#000;position:relative}.howto-player-frame video{background:#000;width:100%;height:100%;display:block}.howto-player-meta{border-top:1px solid #262626;padding:20px 22px 22px}.howto-chapter-tag{margin-bottom:6px}.howto-idx{letter-spacing:1px;color:var(--accent);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.howto-player-meta h2{color:#fff;margin:0 0 6px;font-size:1.35rem}.howto-player-meta p{color:#999;margin:0;font-size:.95rem;line-height:1.5}.howto-player-controls{gap:10px;padding:0 22px 22px;display:flex}.howto-ctrl-btn{color:#fff;cursor:pointer;background:#1c1c1c;border:1px solid #3a3a3a;border-radius:6px;flex:1;padding:11px 14px;font-family:inherit;font-size:.9rem;font-weight:600;transition:border-color .2s,background .2s}.howto-ctrl-btn:hover{border-color:var(--accent);background:#222}.howto-ctrl-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.howto-ctrl-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.howto-ctrl-btn.primary:hover{filter:brightness(1.1)}.howto-rail{background:#111;border:1px solid #333;border-radius:10px;flex-direction:column;gap:4px;padding:8px;display:flex}.howto-rail-head{justify-content:space-between;align-items:baseline;padding:10px 12px 8px;display:flex}.howto-rail-head h3{text-transform:uppercase;letter-spacing:1.2px;color:#888;margin:0;font-size:.78rem;font-weight:700}.howto-rail-total{color:#888;font-variant-numeric:tabular-nums;font-size:.8rem}.howto-chapter-row{cursor:pointer;text-align:left;color:#fff;background:0 0;border:1px solid transparent;border-radius:6px;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;width:100%;padding:11px 12px;font-family:inherit;transition:background .15s,border-color .15s;display:grid}.howto-chapter-row:hover{background:#1a1a1a}.howto-chapter-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.howto-chapter-row .num{color:#666;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:800}.howto-chapter-row .title,.howto-chapter-row .desc{display:block}.howto-chapter-row .title{color:#fff;font-size:.92rem;font-weight:600;line-height:1.3}.howto-chapter-row .desc{color:#888;margin-top:2px;font-size:.8rem;line-height:1.35}.howto-chapter-row .dur{color:#888;font-variant-numeric:tabular-nums;font-size:.78rem}.howto-chapter-row.active{background:rgba(0,114,0,.12);border-color:rgba(0,114,0,.4)}.howto-chapter-row.active .num,.howto-chapter-row.active .dur{color:var(--accent)}.howto-chapter-row .check{width:15px;height:15px;color:var(--accent);visibility:hidden;flex-shrink:0}.howto-chapter-row.played .check{visibility:visible}