.tutorial-main{background:#f3f9f8;min-height:70vh;padding:65px 0 85px}.tutorial-heading{text-align:center;max-width:800px;margin:0 auto 40px}.tutorial-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em;font-weight:650;line-height:1.2;margin:12px 0 20px}.tutorial-heading h1:after{content:'';display:block;width:95px;height:3px;background:#4ebdac;margin:24px auto}.tutorial-heading p{font-size:15px;color:#627b82;line-height:1.8}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.tutorial-card{background:white;padding:12px 12px 20px;text-align:center;border-radius:5px;min-width:0}.tutorial-card a{display:block}.tutorial-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#dfefea}.tutorial-card h2{font-size:16px;line-height:1.4;margin:8px 0}.tutorial-card p{font-size:12px;color:#627b82;line-height:1.6;margin:0}.tutorial-category{display:block;font-size:10px;color:#087986;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:14px}.tutorial-card:hover{box-shadow:0 8px 20px #102f3c0c}.tutorial-empty{padding:45px;background:white;text-align:center;border-radius:10px}.tutorial-empty p{color:#627b82;line-height:1.8}.tutorial-pager{display:flex;gap:14px;justify-content:center;align-items:center;margin:35px 0 0}.tutorial-pager button,.tutorial-search button{background:#087986;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}.tutorial-pager button:disabled{opacity:.4;cursor:default}.tutorial-search{display:flex;gap:12px;max-width:650px;margin:0 auto 35px}.tutorial-search input{min-width:0;flex:1;padding:12px 16px;border:1px solid #c5ddd6;border-radius:8px;font:inherit}.tutorial-detail{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(230px,1fr);gap:35px;background:#fff;padding:30px}.tutorial-lesson-nav{display:flex;gap:15px;justify-content:space-between;font-size:13px;color:#516b73;margin:0 0 20px}.tutorial-player{aspect-ratio:16/9;background:#102f3c}.tutorial-play{width:100%;height:100%;padding:0;border:0;background:#102f3c;display:block;position:relative;cursor:pointer}.tutorial-play img{width:100%;height:100%;object-fit:cover;display:block}.tutorial-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 26px;border-radius:15px;color:white;background:#e72329;font-size:24px}.tutorial-player iframe{width:100%;height:100%;border:0;display:block}.tutorial-lesson>h2{font-size:24px;margin:25px 0 18px;line-height:1.4}.tutorial-description{white-space:pre-wrap;color:#627b82;line-height:1.85;font-size:15px;overflow-wrap:anywhere}.tutorial-youtube{display:inline-block;background:#087986;color:white;padding:12px 18px;border-radius:8px;font-weight:650;font-size:13px;margin:15px 0}.tutorial-note{font-size:11px;color:#71868d;line-height:1.6}.tutorial-related>h2{font-size:20px;font-weight:600;margin:0 0 22px}.tutorial-related .tutorial-card{padding:0;margin-bottom:22px;text-align:left}.tutorial-related .tutorial-card a{display:grid;grid-template-columns:110px 1fr;gap:0 12px;align-items:start}.tutorial-related .tutorial-card img{grid-row:1/4}.tutorial-related .tutorial-card h2{font-size:13px;margin:0 0 6px}.tutorial-related .tutorial-card p{display:none}.tutorial-related .tutorial-category{font-size:9px;margin:0 0 5px}.tutorial-editor{max-width:1100px;padding:25px}.tutorial-editor-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.tutorial-editor form{background:white;border:1px solid #d5e5e1;border-radius:12px;padding:25px}.tutorial-editor label{display:block;margin:17px 0;font-size:13px;font-weight:650}.tutorial-editor input,.tutorial-editor textarea,.tutorial-editor select{width:100%;display:block;font:inherit;padding:12px;margin-top:7px;border:1px solid #c1d7d3;border-radius:8px}.tutorial-editor textarea{min-height:150px}.tutorial-editor table{width:100%;border-collapse:collapse;background:white;font-size:13px}.tutorial-editor th,.tutorial-editor td{padding:15px;text-align:left;border-bottom:1px solid #d5e5e1}.tutorial-editor button{font:inherit;border:1px solid #bdd7d0;color:#17535d;background:white;border-radius:8px;padding:10px 14px;cursor:pointer}.tutorial-editor button.primary{background:#087986;color:white}.tutorial-editor button:disabled{opacity:.5;cursor:default}.tutorial-editor-preview{max-width:300px;width:100%;aspect-ratio:16/9;object-fit:cover}.tutorial-editor-error{color:#a32943;white-space:pre-wrap}.tutorial-editors{margin-top:30px}.tutorial-editors summary{font-size:18px;cursor:pointer;font-weight:600}.tutorial-editors-search{display:flex;gap:10px;margin:15px 0}.tutorial-editors-search input{margin:0}.tutorial-editor-results{max-height:250px;overflow:auto;display:grid;gap:8px}.tutorial-editor-results button{text-align:left}.tutorial-table-wrap{max-width:100%;overflow:auto}@media(max-width:850px){.tutorial-detail{grid-template-columns:1fr}.tutorial-related{border-top:1px solid #d5e5e1;padding-top:25px}.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.tutorial-grid{grid-template-columns:1fr}.tutorial-main{padding:38px 0 55px}.tutorial-detail{padding:18px}.tutorial-empty{padding:25px}.tutorial-editor{padding:16px}.tutorial-editor form{padding:18px}}