.tutorials-hero h1{margin:0;font-size:26px}.tutorials-hero p{margin:10px 0 0;color:#64748b;font-size:14px}.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.tutorial-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06)}.tutorial-card-cover{width:100%;height:160px;background:linear-gradient(135deg,#e2e8f0 0,#f8fafc 100%);display:flex;align-items:center;justify-content:center;color:#64748b;font-size:12px}.tutorial-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.tutorial-card-body{padding:12px}.tutorial-card-title{margin:0 0 8px;font-size:15px;color:#0f172a}.tutorial-card-desc{min-height:38px;font-size:13px;color:#64748b;margin:0 0 12px}.tutorial-card-actions{display:flex;gap:8px}.tutorial-empty{border:1px dashed #cbd5e1;border-radius:10px;padding:16px;color:#64748b;font-size:14px;text-align:center}.tutorial-modal{position:fixed;inset:0;z-index:5000}.tutorial-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.6)}.tutorial-modal-panel{position:relative;width:min(920px,calc(100vw - 32px));margin:40px auto;background:#fff;border-radius:12px;padding:16px}.tutorial-modal-close{position:absolute;top:8px;right:10px;border:none;background:0 0;font-size:24px;color:#334155;cursor:pointer}.tutorial-modal-body iframe{width:100%;height:min(70vh,520px);border:0;border-radius:8px}.tutorial-modal-body .tutorial-open-link{padding:12px 0}