.ok-siteMain{color:#333;font-family:system-ui,-apple-system,sans-serif;line-height:1.6;margin:0 auto;max-width:1200px;padding:2rem 1rem}.material-list{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.material-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.step-list{display:grid;gap:1.5rem;margin:2rem 0}.step{padding:1.5rem}.background-content,.rules-content,.step{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.background-content,.rules-content{margin:1.5rem 0;padding:2rem}.variation-list{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.variation{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.video-tutorials{margin:3rem 0}.video-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.video-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.video-wrapper{height:0;margin:1rem 0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-wrapper iframe{border-radius:4px;height:100%;left:0;position:absolute;top:0;width:100%}.video-description{color:#666;font-size:.9rem;margin-top:1rem}@media (max-width:768px){.video-grid{grid-template-columns:1fr}}